タグ: mt

macOS Big Sur で、ローカルに Movable Type 7 をインストールして動かす

久々に、Movable Type ローカル環境が必要

えらい過去の投稿の
MAMPにMovableTypeをインストールするメモ【主にあの人用】

とかだと、MAMPでMovable Typeですが、「DBD::mysql」やら「Image::Magick」が云々がめんどくさい

2020年の6月の six apart さんのMovable Type公式ブログにある
MTの開発環境を簡単に作れる mt-dev を公開しました

これが最近の開発環境っぽい

https://github.com/movabletype/mt-dev/blob/master/README.ja.md

ここ見てエンジニアの人なら簡単にインストールできるのかもですが、ちょいと引っかかったりしたので、メモ

まず、Homebrew インストールしてるか?

ターミナルを立ち上げて

brew -v

インストールは、してたね当然。ついでに

brew update
brew upgrade

なんかもしておいた

brew doctor

したら、

Warning: Broken symlinks were found. Remove them with `brew cleanup`:

とか言われたので

brew cleanup

してまた

brew doctor 

したら

Your system is ready to brew.

だったのでホクホクして

brew cask install virtualbox

ってやったら、

Error: Unknown command: cask

検索したら、書き方変わったらしいので

brew install virtualbox --cask

そして

brew install vagrant --cask

当然 git は入れてるよねーって

git --version

バージョン返してきたので

git clone git@github.com:movabletype/mt-dev.git mt-dev

したものの、なんか

Warning: Permanently added 'github.com,' (RSA) to the list of known hosts.
git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.

とかとかで、キーがうまくいってない?ってことで、

githubにログインして

https://github.com/settings/keys

を見たら、SSH keys 入れてなかったので、
~/.ssh の id_rsa.pub の中身をコピーして key に貼り付け

そしたら、今度はちゃんと

git clone git@github.com:movabletype/mt-dev.git mt-dev

が動いてダウンロードしてきた

cd mt-dev

はわかる。フォルダを移動してるね。

cp /path/to/MT7-R0000.zip archive/

これは、そのまま書いてあっても意味がわからんね。
Movable Type の zipファイルをどっからか取ってきて、mt-dev/archive/ フォルダにコピーするんやね

ってことで、Movable Typeのサイトに行って

ライセンスに応じた、zipをダウンロードね。

自分の場合は、個人無償版だったんで
https://www.sixapart.jp/inquiry/movabletype/personal_download.html

んで、ファイル名が「MTA7-R5002.zip」でダウンロードフォルダに入ってたから

cp ~/Downloads/MTA7-R5002.zip archive

ってやってからの

vagrant mt-dev up ARCHIVE=MTA7-R5002.zip

やったけど、

There was an error while executing `VBoxManage`, a CLI used by Vagrant
for controlling VirtualBox. The command and stderr is shown below.

Command: ["hostonlyif", "create"]

Stderr: 0%...
Progress state: NS_ERROR_FAILURE
VBoxManage: error: Failed to create the host-only adapter
VBoxManage: error: VBoxNetAdpCtl: Error while adding new interface: failed to open /dev/vboxnetctl: No such file or directory
VBoxManage: error: Details: code NS_ERROR_FAILURE (0x80004005), component HostNetworkInterfaceWrap, interface IHostNetworkInterface
VBoxManage: error: Context: "RTEXITCODE handleCreate(HandlerArg *)" at line 95 of file VBoxManageHostonly.cpp

とかで動かない。検索してみたら、「VirtualBox」をインストーラーでインストールしたらいいらしいとか書いてあったりもしたんで、
https://www.virtualbox.org/wiki/Downloads

から「OSⅩ hosts」をダウンロードしてきて、インストールした。

そういえば Docker このマシンになってからまだインストールしてないやーって、ついでに「Docker」もインストールしてみた。

んで、「システム環境設定」ー「セキュリティとプライバシー」ー「一般」で

ダウンロードしたアプリケーションの実行許可:

App Store と確認済みの開発元からのアプリケーションを許可に変えてMacを再起動。

そしたら

vagrant mt-dev up ARCHIVE=MTA7-R5002.zip

がちゃんと動き出した

vagrant mt-dev exec-mysql SQL='CREATE DATABASE mt /*!40100 DEFAULT CHARACTER SET utf8mb4 */'

して

http://192.168.7.25/cgi-bin/mt/mt.cgi

にアクセスしたら、やっと動き出したよw

 

カスタマイズするのが仕事なんで、環境はもうちょっとサクッと作りたいもんやねー。

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

昨日、2009年4月19日(土)にAIP cafeにてFWWサイト運営・管理研究会(仮)vol.6【通称:サト研】が、FWD(福岡Webデザイナーズ)と合同で、またもやなんとなく行われた(笑
今回も、初参加の方もいたなな〜。詳しいレポは、他の参加者の方がBlogに書くでしょう。(ここ他力本願で)
次も、これにめげずに、是非参加してください。
今回も参加して収穫沢山あったよ〜。MODxは、もうちょっと頑張っていじってみるかな〜。iPhoneもやらんとな〜。
そのときのMovable Type小ネタ。

Movable Typeでの開発環境と本番でのテンプレートの差をなくす

Movable Typeのカスタマイズの開発するときは、場合によっては下記のようなアドレスになるんじゃないかと。
デモ環境がサブドメインとか用意できたら、いい話なんでしょうけども、そういかない場合もあるし。

  • ローカルでの環境(例:http://nishiaki.probo.jp/)
  • デモ環境(例:http://hoge.com/demo/)
  • 本番環境(例:http://hoge.com/)

そんで、それぞれサイトルート相対パスでテンプレートを記載しちゃうと、デモ環境の例だと↓

/demo/shared/img

を本番環境の例だと、↓

/shared/img

とかいう風に書き直さないといけなくなる。
せっかくOKなのを書き直すのもアレなので。
ホームというか、サイトルートが1番目のブログとして、

<MTBlogs blog_ids='1'><$mt:BlogURL$></MTBlogs>shared/img

とか書いてます。
そうすると、ローカル、デモ、本番関係なくいけるよね〜。っていうそれだけ。

MTテンプレートタグ内でのコメント

MTテンプレートタグでも条件分岐とかやっちゃって後で見たり、他人が見るとわかりづらい。
MTIgnoreというのがあるよ。

<MTIgnore>
ページ数が2以上あるときに、フォルダへのリンク生成
</MTIgnore>
<MTIf

ってな具合で使ってるよ

Movable Typeの条件分岐は入れ子できる

そのまんま。入れ子にできるから複雑なのも書けるよ

MTElseとかは閉じタグなくてもいけちゃうよ

どうしてかは、知らないけども。
MTElseIfとかMTElseは閉じタグなしでもいけちゃう
MTIf | テンプレートタグリファレンス

制作実績のご紹介(株式会社シャノン様)

皆さんご存知かどうかはわかりませんが、実はWeb制作をやってます。単なる変なおじさんではありません。
という訳で最近の実績をご紹介します。
セミナーの受付、管理システムであるASPサービス『スマートセミナー』を展開されている株式会社シャノン様
Webサイトのリニューアルのお手伝いをさせて頂きました。
画面イメージ:シャノン様Webサイト
シャノン様のご担当者の方が、バックログをお使いになられてまして、
バックログもお手伝いさせて頂いています。つかBlogも書いているんだった(汗
「バックログがいいと思ったので、お願いしたい。」ということで実現したお話。
いや〜こういうのって、素直に嬉しいですし、誠にありがたい。
ということで、今回もインターフェースデザインをお願いしたのは、高田さん
コーポレートカラーを上手に使って、『セミナー・イベントの管理システムのリーディングカンパニー感』
というのが表現できたかな〜と思います。
この案件では、プログラムが必要な部分以外は、
サイト全体をMTOS: Movable Type オープンソース・プロジェクト | MovableType.jpにて管理させております。
これによって、今後コンテンツの充実にご注力頂けるのではないか?と期待しております。
より成果が出るWebサイトになるように、今後もお手伝いさせて頂ければと思っております。
B2Bのマーケティング戦略において、セミナー・イベントを実行/計画されている方は、一度ご相談されてはいかがでしょうか?

MAMPにMovableTypeをインストールするメモ【主にあの人用】

RさんのローカルマシンでMovableTypeをなんとか動かそうとしたときのメモ。
MAMP+SQLightを使用します。
MAMPなのにMySQL使わないの?と思う人もいるでしょうが、
DBD::MySQLでちょっとメンドクサイ。
目的は、「ローカルで動く環境作って、MTのテンプレートを作成したい。」
ローカルでデータも作ってデータベースのデータも実際の環境に持って行ってとかの目的ではありません。
CPAN?何それ?みたいな人でもインストールできるかも。
Macには最初からApacheも入ってますが、MAMPを使ってます。
ApacheのDocument Rootの切り替えもGUIで操作可能だからです。
いちいち、httpd.confを修正してとかメンドクサイ。
MAMPのApache Document Root 操作画面
複数のサイトをカンカン切り替える必要のある人には、便利だと思います。
制作するサイトのファイルを置く場所ですが、私は、~/Sites以下にディレクトリ作って置いてます。
MAMPの中のhtdocsやcgi-binは使用してません。
MAMPがバージョンアップとかしても、MAMPフォルダを捨てて、新しくインストールする場合や、
MAMP自体の動作がなんか変とかいう場合でもMAMPフォルダごと思い切って捨てちゃえるからです。
やったことはたぶん下記の通り

  1. MTのファイルをダウンロードする
  2. 解凍してできたフォルダの名前を変える
  3. 上記のフォルダを制作サイトの作業フォルダに移動
  4. 2.のフォルダの直下のcgiファイルの属性を755に
    Transmitから変更すると簡単だよ〜Rさん
  5. 2.のフォルダの直下に下記の内容の.htaccsessを作成
    Options -Indexes
    Options +ExecCGI
    AddType application/x-httpd-cgi .cgi
    
  6. 2.のフォルダの直下にdb/mt.dbというフォルダとファイル作成
  7. 上記のファイルの属性を777に
  8. /Applications/MAMP/conf/apache/httpd.confの
    AddHandler cgi-script .cgiのコメントアウトを消す
  9. MAMPにてApache再起動
  10. 2.のフォルダのmt.cgiにブラウザからアクセス
    http://nishiaki.probo.jp/hoge/mt.cgiってな具合で
  11. インストールウィザードに従って進む
  12. メール送信とか無視

なんか抜けとかありそうな。でもまあこんな具合。

Movable Type 4 のCSSが気になって

以前からCSSについても多くのことを学ばせてもらったMovable Type先生
K氏とそういった話をしてたら、Movable Type 4 のCSSが気になって仕方ない。
ベータ版をダウンロードさせてもらいました。
MT4 Beta Download Movable Type Beta
未だインストールもしてなくて、ファイルを見ただけですが、
今のとこ、base-weblog.css に変更はなさそう。
今は、ちょっと余裕がないけど、下記のcssファイルは、よくよく見てみたい。

  • fonts.css
  • reset.css
  • structure.css
  • tableselect.css
  • utilities.css

今回も何か新しい技が潜んでいたりするのか?ワクワクです。