movable type data apiを活用したウェブサイト・サービスの開発
DESCRIPTION
宇都宮にて開催されたセミナーでの発表資料です。TRANSCRIPT
![Page 1: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/1.jpg)
Movable Type Data APIを活用した ウェブサイト・サービスの開発
2014/02/28
MT東京 常盤拓司 (Alliance Port, LLC, 研究開発担当ディレクター)
![Page 2: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/2.jpg)
MT東京
![Page 3: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/3.jpg)
• MovableTypeのユーザコミュニティ
• 自然発生的な地域コミュニティが存在
• MT福岡
• MT蝦夷
• MTなごや
• MTcafe、MTDDC、勉強会
• 関東でもユーザコミュニティを形成しよう→MT東京が発足
![Page 4: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/4.jpg)
MT東京• MovableTypeの関東地域のユーザコミュニティ
• MT東京で月1回程度の頻度で勉強会等を予定
• FaceBook上でクローズドのグループで活動
• 参加ご希望の方はFaceBookで以下までメッセージを
• http://www.facebook.com/tokiwatch
![Page 5: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/5.jpg)
1 51- 0 0 51東京都渋谷区
千駄ヶ谷 3 -16 -3 メイゾン原宿 601
Phone, Fax : 03 - 6 4 59 -2 9 61
info@all ianceport . jp
http : / /www.all ianceport . jp/
Twitter ID : All iancePort
合同会社アライアンス・ポート
Alliance Port, LLC6 01 Maison Harajyuku3 -16 -3 SendagayaShibuya Tokyo 1 51- 0 0 51, JapanPhone, Fax : + 81-3 - 6 4 59 -2 9 61
広 瀬 修 司
hirose@all ianceport . jp
http : / /www.all ianceport . jp/
S H U J I H I R O S EProject ManagerFront -End Programmer
プロジェクト・マネージャー
フロントエンド・プログラマー
CONSULTING DESIGNING ENGINEERING
![Page 6: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/6.jpg)
コンサルティング、サイト構築実績
![Page 7: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/7.jpg)
CONSULTING ↓
DESIGNING↓
ENGINEERING
![Page 8: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/8.jpg)
文化施設・文化拠点• 唯一無二
• 相対的な評価が難しい
• 高い審美基準
• デザインの自由度をエンジニアリングで担保しなければいけない
• 年度予算枠
• 年度の途中でのシステム更新や従量課金の導入が難しい
![Page 9: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/9.jpg)
CONSULTING ↓
DESIGNING↓
ENGINEERING ←ココ
![Page 10: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/10.jpg)
MovableTypeの特徴• テンプレートシステム
• 高度な分業性を提供
• フロントエンドエンジニアへのメリット
• データベースへの問い合わせやレンダリングの負荷を意識しなくてよい
• セキュリティリスクの発生を回避
• 静的パブリッシング
• 負荷の問題を分離 (CMSとウェブサーバ)
![Page 11: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/11.jpg)
ウェブサーバ
htmlファイル等
Movable Type
ブラウザ
←テンプレートシステムアプリケーション層
ウェブサーバ層
ファイルシステム層
![Page 12: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/12.jpg)
Movble Typeの弱点
• 強みを活かした上での動的な情報の出力
![Page 13: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/13.jpg)
Data API
![Page 14: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/14.jpg)
API
• Application Programing Interface
• あるプログラムから他のプログラムにアクセスするためのインタフェース
![Page 15: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/15.jpg)
Web API• Web上の各種のサービスが連携する仕組み
• HTTPプロトコルでサーバーにアクセス
• XMLやJSONなどの形式でデータを交換
• 各種のプログラム言語からサーバーにアクセス可能
• 様々なWeb APIが存在
• Yahoo、Google、Twitter、Amazonなど
![Page 16: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/16.jpg)
Data API
• Movable Typeで構築されたウェブサイトにWeb APIを導入できる
![Page 17: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/17.jpg)
ウェブサーバ
htmlファイル等
Movable Type
ブラウザ
必要な生データを ピンポイントで!
API
![Page 18: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/18.jpg)
![Page 19: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/19.jpg)
![Page 20: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/20.jpg)
![Page 21: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/21.jpg)
![Page 22: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/22.jpg)
CONSULTING ↓
DESIGNING↓
ENGINEERING
![Page 23: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/23.jpg)
共創 CO-CREATION
![Page 24: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/24.jpg)
共創 お客様と、ともに考え、創る
![Page 25: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/25.jpg)
展示コーナー名を軸として、ウェブサイト内の回遊キーワードを設計する
• Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer
• El eu libero cras interdum at eget habitasse elementum est, ipsum purus pede
• Aliquet sed. Lorem ipsum dolor sit amet, ligula suspendisse nulla pretium, rhoncus
東京都歴史文化財団(TWS)様
![Page 26: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/26.jpg)
展示コーナー名を軸として、ウェブサイト内の回遊キーワードを設計する
• Maecenas aliquam maecenas ligula nostra, accumsan taciti. Sociis mauris in integer
• El eu libero cras interdum at eget habitasse elementum est, ipsum purus pede
• Aliquet sed. Lorem ipsum dolor sit amet, ligula suspendisse nulla pretium, rhoncus
せんだいメディアテーク様
![Page 27: Movable Type Data APIを活用したウェブサイト・サービスの開発](https://reader033.vdocuments.site/reader033/viewer/2022050920/548810bdb4af9f7d0d8b5559/html5/thumbnails/27.jpg)
共創 詳しくは…