Movable Type 鹿児島 2 月（2025/02/08）- プラグイン `MyAdminPack for Movable Type` を👩‍💻ローカル環境で触ってみよう！

プラグイン `MyAdminPack for Movable Type` を👩‍💻ローカル環境で触ってみよう！

Transcript

1. MyAdminPack for Movable Type を ローカル環境で触ってみよう！ デザインスタジオ カンセ フルスタックデザイナー 久富木 慎太郎 Movable Type 鹿児島 2 月（2025/02/08） プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 1
2. 久富木 慎太郎 （くぶき しんたろう） デザインスタジオ カンセ フルスタックデザイナー 2023 年 4 月創業しました。 Movable Type をプラットフォームにしてホームページを作って ます。 誰の役にも立たない無駄なことをやりたいです！ Movabley Type 鹿児島 というコミュニティでほぼ月 1 回のペー スで勉強会を開いてます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 2
3. 花火は見るより 打ち上げる方が好き デザインスタジオ カンセ という屋号で 鹿児島からインターネットで世界に繋がって ホームページを作ってます。 セキュリティを重視するような場面が多い企業や 大学、行政とかのウェブサイトの制作が得意で す。 主な事業 テーマ・プラグインの開発 ホームページの制作 UI/UX デザイン（アプリやシステム） プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 3
4. 国内導入実績 5 万サイト以上 （私の実績じゃないよ ） Movable Type というソフトウェアを使ってホー ムページを作ってます。 Movable Type は、国内の多くの企業や組織 で CMS プラットフォームとして利用され ています。 見れないということがあってはならない、ランデ ィングページ（広告のサイト）にも向いているん じゃないかな 詳しくは「Movable Type 導入実績」のページ をご覧ください。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 4
5. Movable Type 鹿児島のご紹介 鹿児島を拠点としたエンドユーザー（システムなどを使う側の 人）向きのコミュニティーです。 システム（主に Movable Type）の運用のスキルやｗｅｂツール の使い方のスキル の向上を目的とした勉強会や意見の交換、 たまに技術的な勉強もしていけたらと思います。 ほぼ月 1 回、第 2 土曜日の午前中に”たぶん”マークメイザンで 勉強会をしています。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 5
6. 今月の勉強会のお題 1. 【準備】mt-dev を動かすための準備をしてください 2. 【準備】mt-dev README.ja.md を読んでみる 3. 【問題 1】mt-dev 動かしてみる を make に置き換えて実施してください。 4. 【問題 2】 Movable Type をインストールしてください。 5. 【問題 3】プラグイン MyAdminPack for Movable Type をインストールしてく ださい。 次ページへ続く プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 6
7. 続き 今月の勉強会のお題 1. 【準備】 MyAdminPack for Movable Type の 製品紹介資料（PDF） を読んでみる 2. 【問題 4】右の画像を確認し 商品詳細 という コンテンツタイプ を新規作成してく ださい。 3. 【問題 5】右の画像を確認し 商品詳細のレイアウト という フィールドレイアウト を 新規作成してください。 4. 【問題 6】 コンテンツデータ の 商品詳細 を新規作成し、レイアウトを適応して保 存してください。 を（行けるとこまで）したいと思います。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 7
8. 準備 mt-dev を動かすための準備をしてください 注意 以下、MacOS でのみ確認を行なっております。 その他の OS の場合は、マシンの環境に置き換えて試してください。 mt-dev https://github.com/movabletype/mt-dev Git Docker make（Command Line Tools for Xcode に同梱されている） プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 8
9. Git のインストール $ git -v macOS に Git をインストールする https://knowledge.kanse.net/macos/e000032.html プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 9
10. Docker のインストール Docker https://www.docker.com/ja-jp/ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 10
11. make（Command Line Tools for Xcode）のインストール $ xcode-select --install プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 11
12. mt-dev README.ja.md を読んでみる README.ja.md https://github.com/movabletype/mt-dev/blob/master/README.ja.md その他の主な起動オプション を make に置き換えて読む。 $ make up ARCHIVE=MT.tar.gz $ make up-psgi ARCHIVE=MT.tar.gz # PSGI環境で起動 $ make down # MTを停止 $ make down REMOVE_VOLUME=1 # MTを停止してデータベースのデータを削除 $ make up UP_ARGS="" # MTコンテナをforgroundで起動 $ make docker-compose ARGS="logs -f" # ログの表示 $ make up PERL=5.28 PHP=7.3 # PerlやPHPのバージョンを指定 $ make up DB=mariadb:10.5.1-bionic # MariaDB 10.5.1を利用する プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 12
13. 問題 1 動かしてみる をmake に置き換えて実施してください。 README.ja.md https://github.com/movabletype/mt-dev/blob/master/README.ja.md その他の主な起動オプション を make に置き換えて読む。 $ git clone git@github.com:movabletype/mt-dev.git mt-dev $ cd mt-dev $ cp /path/to/MT7-R0000.zip archive/ $ make up ARCHIVE=MT7-R0000.zip $ make exec-mysql SQL='CREATE DATABASE mt /*!40100 DEFAULT CHARACTER SET utf8mb4 */' 以下は実施しなくてもいいかも $ make exec-mysql SQL='CREATE DATABASE mt /*!40100 DEFAULT CHARACTER SET utf8mb4 */' プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 13
14. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 14
15. 問題 2 Movable Type をインストールしてください http://localhost/cgi-bin/mt/mt.cgi 上記の URL をクリックするとローカルの環境で動いている Movable Type のインストールの画面が表示されると思 います。 表示されている内容に従って、インストールを完了してください。 また、途中で設定した ユーザー と パスワード は忘れないようにメモをとってください。 インストールウィザードで環境設定ファイル（mt-config.cgi）を作成する https://www.movabletype.jp/documentation/mt8/installation/install/wizard/ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 15
16. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 16
17. 問題 3 プラグインMyAdminPack for Movable Type をインストールしてください。 README.ja.md https://github.com/movabletype/mt-dev/blob/master/README.ja.md プラグインの参照 を読む。 repo フォルダーに MyAdminPack_for_MovableType_x.x.x.zip を解凍したフォルダーを入れるだけ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 17
18. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 18
19. 準備 MyAdminPack for Movable Type の 製品紹介資料（PDF） を読ん でみる MyAdminPack for Movable Type https://mixed.co.jp/products/movabletype/m yadminpack/ 製品紹介資料（PDF） を読む。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 19
20. 問題 4 右の画像を確認し 商品詳細 という コ ンテンツタイプ を新規作成してくださ い。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 20
21. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 21
22. 問題 5 右の画像を確認し 商品詳細のレイアウ ト という フィールドレイアウト を新規作 成してください。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 22
23. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 23
24. 問題 6 コンテンツデータ の 商品詳細 を新規 作成し、レイアウトを適応して保存 してください。 予想したとおりのレイアウトになっていたでしょ うか？ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 24
25. 　レビュータイム 質問があれば受け付けます。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 25
26. 自由にカスタマイズ or 質疑応答 ここまでで、なんとなく MyAdminPack for Movable Type の設定 MyAdminPack for Movable Type プラグインを利用するとどのように幸せなのか？ が、わかったかと思います。 ここからはもくもくタイムです。 自由にカスタマイズしたり、質問をしたり、最近どうなの？とか井戸端会議など自由にどうぞ。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 26
27. まとめ mt-dev でローカルに開発環境を作れる MyAdminPack for Movable Type プラグインを利用すると、散らかった情報をスッキリ整理整頓！ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 27
28. Movable Type 8 のマニュアル Movable Type 8 のマニュアルです。 Movable Type 8 のマニュアルです。Movable Type では、CMS（Contents Management System）と して安全にコンテンツを管理・運用するために、 ユーザーごとにロール（役割）を指定することで 権限を管理できます。ウェブサイトの運営に必要 な最低限のロールはあらかじめ用意されていま す。ここでは主なロール別に機能や操作方法につ いて説明します。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 28
29. Movable Type の開発者ポー タル Movable Type の開発者ポータルです。 Movable Type は優れた拡張性を持っています。 Data API を活用することによって、柔軟なコンテ ンツ管理、自由なサイト設計が可能です。ここで はエンジニア向けに Data API の利用方法やテーマ の構造、プラグイン開発に関するドキュメントを まとめています。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 29
30. Movable Type.net マニュアル Movable Type.net のマニュアル MovableType.net の基本的な使い方を紹介しま す。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 30
31. Movable Type.net 開発者ポー タル Movable Type.net の開発者ポータル MovableType.net のテンプレートをカスタマイズ される方向けに、マニュアルや関連記事をまとめ ています。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 31
32. トフでもできる！？テーマ開 発講座 トフでもできる！？テーマ開発講座 ベーステーマを使ってサイト更新、スタイルシー トでの デザイン変更もできるようになったけど… 「もっと自由にテンプレートをカスタマイズでき るようになりたい！」 「自分でテーマを開発してみたい！」と思ったこ とはありませんか？ 本コンテンツはそんな方に向けた MovableType.net テーマの 学習＆開発ガイドです。 プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 32
33. CUSTOM BLOCK LIBTARY CUSTOM BLOCK LIBTARY ブロックエディタを 使ってみよう！ プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 33
34. MT Hub MT Hub Movable Type 業界の皆様。知識や経 験を共有しませんか？ Movable Type に関する「支援と共有」のコミュ ニティです。 全国の Movable Type のユーザーと繋がりましょ う！ Movable Type 鹿児島のイベント告知によく利用し ております プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみ よう！ © Movable Type 鹿児島 34
35. 次回予告 ゆるやかな合同 WEB 勉強会 のホームページを作ら Night Movable Type 鹿児島 2 月〜3 月（夜の予定） プラグイン MyAdminPack for Movable Type を ローカル環境で触ってみよう！ © Movable Type 鹿児島 35