20151206 hamamatsu handson
Download as pptx, pdf0 likes379 views
2015年12月6日 浜松で行われたハンズオンの资料です。
20151206 hamamatsu handson
- 1. 2015年12月6日 シックス?アパート株式会社 長内 毅志 Movable Type クラウド版 ハンズオンセミナー
- 2. ?長内毅志 –2011年～ Movable Typeプロダクトマネージャー –2014年～ ディベロッパーリレーションマネージャー –ダンス、ジョギング、家族が大好きです。
- 4. アジェンダ ? Movable Type の特徴 ? 環境構築に関する参考情報 ? 管理画面と基本操作 ? Movable Type のテンプレート ? テーマを作成する ? クラウド版独自の机能を理解する ? プラグインとテーマ
- 6. Movable Typeとは ? 10年以上利用されているブログ?CMS(通称MT) ? MTタグ組み合わせでロジック生成 ? テンプレートとDBが完全に分離している (MVCライク) ? プラグインで拡張可能 ? どんなコードも生成可能
- 11. Data APIを利用したアプリ例:Movable Type Writer
- 12. Data API を利用したアプリ例:Movable Type for iOS
- 25. クラウド環境 –CMSサーバーをVMイメージで構築(Amazon EC2など) –公開ページはコンテンツサーバーで構築 –AmazonS3 (Azure Webサイト) など VMサーバー AmazonEC2など Amazon S3など
- 28. 管理画面
- 30. 1つの奥别产サイトを构成する例
- 31. 复数の奥别产サイトを构成する例
- 32. ダッシュボード
- 41. 惭罢タグの実际
- 44. ハンズオン ?Movable Type のテンプレートを確認しましょう デザイン => テンプレート
- 45. テンプレートの説明 ? インデックステンプレート –自由にどこでも単一ページを出力 ? アーカイブテンプレート –特定のルールに従い複数ページを出力 ? テンプレートモジュール –パーツ化して様々な形で共有使用 ? システムテンプレート –付属システムの出力部分を調整
- 46. インデックステンプレート ?ブログ?ウェブサイト全体に関わるファイルを扱うテン プレート ?サイトに一つしか存在しないファイルを扱う事が多い 例:CSS, JavaScript, トップページなど
- 47. アーカイブテンプレート ? 更新ごとに増加するデータページをまとめるテンプレート。 ? 出力ルールを設定できる(カテゴリ一覧ページを作る、月別 ページを作る、など) ? 1テンプレートで复数の种类のファイルを出力できる
- 50. ウィジェット ? サイドバーなどで利用するコンテンツを細かく部品化し、管理画面 上でドラッグ?アンド?ドロップして管理できるもの。 ? テンプレートモジュール以上に、細かいパーツを管理 ? 昔はブログパーツなどによく使われていました
- 52. ?設定 => 投稿 => 表示される記事数
- 53. ? デザイン => テンプレート => インデックステンプレート => メインページ ? <mt:Entries limit="5" search_results="1"> –値を5に変更
- 55. ハンズオン ? テンプレートモジュール => 記事の詳細 3行目付近 <$mt:EntryTitle$>を、以下のように書き換えてみましょう – <$MTEntryTitle$> – <mt:EntryTitle> ? 書き換えたら、保存=>再構築を行い、出力データを確認してみまし ょう
- 57. 解説 ? デザイン => テンプレート => モジュールテンプレート => 記事の概要 <MTIgnore> <div class="asset-content entry-content" itemprop="articleBody"> <$mt:EntryBody$> </div> <div class="entry-more-link"> <a href="<$mt:EntryPermalink encode_html="1"$>" itemprop="url">ブログ記事を読む</a> </div> </MTIgnore>
- 59. ? <div id="index-main" class="main" role="main"> <MTSetVarBlock name=“num”> <MTBlogEntryCount></MTSetVarBlock> <MTIf name=“num” ge=“10”> 記事数:10件以上 <MTElse> 記事数:10件未満 </MTIf>
- 62. <MTSetVar name="first" value="10"> <MTGetVar name="first" value="3" op="+"> <MTGetVar name="first" value="3" op="-"> <MTGetVar name="first" value="3" op="*"> <MTGetVar name="first" value="3" op="/">
- 66. 検索?置换画面から文字を置换
- 70. 画面 ?デザイン => テーマ
- 74. ? デザイン => テーマ から ハンズオン用テーマを適用する
- 75. テーマ画像
- 77. 解説
- 78. タイトル ? テンプレート => インデックス => メインページ <article> <h2>Introduction to respo </h2> => <article> <h2><MTEntryTitle></h2>
- 79. 日付と著者名 <div class="article-info">Posted on 2013/05/14 by Joe Bloggs</div> <div class=“article-info”>Posted on <MTEntryDate format=“%Y/%m/%d”> by <MTAuthorName></div>
- 80. 参考情報 ?日付に関するテンプレートのモディファイヤ ? http://www.movabletype.jp/documentation/appendices/date-formats.html
- 81. 本文 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod ……</p> => <p><MTEntryBody></p>
- 82. 続きを見る(Read More) <a href="#" class="button">Read more</a> => <a href=“<MTEntryPermaLink>" class="button">Read more</a>
- 85. 変更场所
- 86. タイトル ? テンプレート => アーカイブテンプレート => 記事 <article> <h2>Introduction to respo </h2> => <article> <h2><MTEntryTitle></h2>
- 87. 日付と著者名 <div class="article-info">Posted on 2013/05/14 by Joe Bloggs</div> <div class="article-info">Posted on <MTEntryDate format=“%Y/%m/%d”> by <MTAuthorName></div>
- 88. 本文 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod ……</p> => <p> <MTEntryBody> <MTEntryMore> </p>
- 91. ? テンプレート => インデックス => メインページ ? テンプレート => アーカイブテンプレート => 記事 <h1><a href="<mt:BlogURL>">CompanyName</a></h1> => <h1><a href="<mt:BlogURL>“><MTBlogName></a></h1>
- 93. ? テンプレート => インデックス => メインページ <title>respo - Free CSS Template by ZyPOP</title> => <title><MTBlogName></title>
- 94. ? テンプレート => アーカイブテンプレート => 記事 <title>respo - Free CSS Template by ZyPOP</title> => <title><MTEntryTitle> - <MTBlogName></title>
- 101. クラウド版独自の机能を理解する
- 104. nginxとは ? ロシアで開発されたウェブサーバー ? Apacheに続く第二位のシェア(netcraft社、2012/03) ? 軽量、高速。メモリ使用量が少ない ? デメリットもある(.htaccessが使えないなど)
- 109. サーバー配信机能
- 111. サーバー配信机能 ?設定=>サーバー配信
- 112. 叠补蝉颈肠认証
- 116. 設定例 設定例 認証設定したいURL 設定内容 サイト全体に Basic 認証を設定したい http://www.example.com/ / 一部のディレクトリに Basic 認証を設定した い http://www.example.com/secret/ /secret/ 一部のファイルに Basic 認証を設定した い http://www.example.com/secret/file.ht ml /secret/file.html 利用しているMTクラウドのドメインが 「www.example.com」の場合
- 117. 贬罢罢笔リダイレクト
- 119. 贬罢罢笔リダイレクト ? システム => クラウドサービス => 贬罢罢笔リダイレクト
- 121. 环境のリストア
- 123. 环境のリストア ?システム => クラウドサービス => 环境のリストア
- 125. 管理画面のセキュリティ设定
- 127. ?システム => クラウドサービス => セキュリティ
- 130. 惭罢环境変数
- 132. ?システム => クラウドサービス => 惭罢环境変数
- 135. その他の机能
- 139. サンドボックスサービス
- 141. サービス利用料金 ご契約中のプランの月額料金1カ月分（＋消 費税） サンドボックス利用可 能期間 お申し込み月の翌月末日まで 申し込み期限 毎月25日まで（25日が休業の場合は直前の 前の営業日） ※ 26日以降のお申し込みは翌月1日のお申 し込み扱いとなります。 作成可能なサンドボッ クスの数 Movable Type クラウド版 １契約につき１つ まで お申し込み?お支払い方法
- 147. ?Movable Type のプログラムファイルの改変はできま せん。 –alt-search、alt-tmpl などの设定は可能
- 148. ?サーバーへのSSH接続は不許可 –クラウド版は許可していません ?一部環境変数は使用できない –StaticWebPathなどのファイルシステム関連 –SQLSetNamesなど、DB関連
- 150. ソフトウェア版からの 移行時のポイント
- 152. 例 ?MT5のサイトデータ移行 1. MT5のバックアップデータをMT5でバージョンを合わせて復元 1. バージョンに注意(5.13=>5.13など) 2. MT5からMT6へバージョンアップ 3. MTクラウドへ投入
- 156. 価格
- 157. 滨顿颁フロンティアプラン
- 158. 骋惭翱プラン
- 159. 购入方法(仕入方法)
- 161. 購入方法 1. ECバイヤーズ(ECサイト)からの購入 2. 既存の取引先からの購入 3. 鲍狈滨叠补补厂参加公司からの购入
- 162. ECバイヤーズ(ECサイト)からの購入 ? http://www.ecbuyers.com/sixapart/catalog/?cPath=6_91&prmcd=mt6_ cl_sa_20131017
- 163. ECバイヤーズとは ? ソフトバンク?テクノロジー(株)が運営するECサイト ? 個人でも企業でも購入可能 ? 标準価格での贩売
- 164. 既存の取引先からの購入 ? MTクラウドは、ソフトバンク コマース＆サービス株式会社を経由し て、一般に流通していますので、ソフトバンク コマース＆サービス 株式会社と取引口座を持つ販売会社から購入可能 ? 販売価格は各販売会社へご確認ください
- 174. 人気のあるプラグイン(Movable Type プラデミー賞) ? http://www.movabletype.jp/blog/pludemy-goes-to.html
- 175. Data APIの概要
- 176. Data APIとは ?Movable Type のデータをREST形式で取得 ?言語問わずデータ表示、更新、追加などの操作が可 能
- 178. リファレンス
- 182. DataAPI ? 以下のファイルを取得、保存 –https://goo.gl/BPwjBe –デザイン => テンプレート => インデックステンプレート => datalist (新 しくテンプレートを作る) ? 「datalist.html」などの名前をつけ、保存?再構築
- 183. Data APIの操作 ? ヘッダー内でJSライブラリを読み込み <script type=“text/javascript” src=/slideshow/20151206-hamamatsu-handson/55859782/“MTのスタティックパス/data-api/v2/js/mt-data-api.js"> </script> ? DataAPIのオブジェクトを生成 ? エンドポイントをつかってデータを取得、加工
- 184. ?7. 質疑応答
- 185. 惭罢コミュニティとイベント
- 186. ? MT蝦夷 ? MT東北 ? MT東京 ? MTなごや ? MT愛媛 ? MT鹿児島 ? MT関西 ? MT広島 ? MT福岡 ? MT長野 ? MT ?/ NIIGATA(新潟)
- 188. MTDDC Meetup TOHOKU 2015 ?6月6日(日) 仙台で開催
- 189. MTDDC Meetup TOKYO 2015 開催！ ?2015年11月28日（土）東京?品川
- 190. Any Questions?