20101214 netcommons night
DESCRIPTION
ネットコモンズ モジュール開発 入門編 2010年12月14日 ネットコモンズ・ナイト @ 新橋 長尾ビルTRANSCRIPT
![Page 1: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/1.jpg)
2010年12月14日 アズテック 大和田健一
ネットコモンズ
モジュール開発入門編
![Page 2: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/2.jpg)
2010年12月14日 アズテック 大和田健一
自己紹介
@ohwada
大和田 健一ITコンサルタントYN150プロジェクトスキューバー・ダイビング横浜市戸塚区
![Page 3: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/3.jpg)
2010年12月14日 アズテック 大和田健一
今日の話
1.YN150プロジェクトの紹介
2.開発したモジュールの紹介
3.モジュールの概要
4.開発者向けチュートリアル
![Page 4: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/4.jpg)
2010年12月14日 アズテック 大和田健一
Y 横浜で
N ネットコモンズを使って
150 のウエブサイトを作ろう
YN150 プロジュクト
![Page 5: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/5.jpg)
2010年12月14日 アズテック 大和田健一
YN150の活動
・初級講座概要、操作方法
・構築運営支援何を載せるのかどう運営するのか
(協力:市民団体)
![Page 6: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/6.jpg)
2010年12月14日 アズテック 大和田健一
・ 無償 レンタルサーバーネットコモンズインストール済
(協力:東京都市大学 )
YN150の活動
![Page 7: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/7.jpg)
2010年12月14日 アズテック 大和田健一
YN150 事例横浜コミニュティデザイン・ラボ シニアSOHO横浜・神奈川
I Love つづき 日本ナポリタン学会
![Page 9: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/9.jpg)
2010年12月14日 アズテック 大和田健一
開発したモジュール
![Page 10: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/10.jpg)
2010年12月14日 アズテック 大和田健一
開発したモジュール
1.グーグル・マップ
2.ヘッダ・チェンジャー
3.ツイッター
http://ohwada.yn150.jp/
![Page 11: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/11.jpg)
2010年12月14日 アズテック 大和田健一
グーグル・マップ・モジュール
![Page 12: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/12.jpg)
2010年12月14日 アズテック 大和田健一
ヘッダ・チェンジャーモジュール標準ヘッダカラム、左カラム、右カラム(青色)全てのページで共通
ヘッダカラム(桃色)左カラム(緑色)右カラム(黄色)ページ毎に異なるものに
![Page 13: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/13.jpg)
2010年12月14日 アズテック 大和田健一
ツイッター・モジュール
1.標準のログインの代わりにTwitter でログイン出来ます
2.ログインユーザのTwitter のタイムラインを表示する
http://ohwada.yn150.jp/
![Page 14: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/14.jpg)
2010年12月14日 アズテック 大和田健一
モジュールの概要
![Page 15: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/15.jpg)
2010年12月14日 アズテック 大和田健一
モジュールとは
プラットホーム
日記
掲示板
アルバム
地図
標準機能
その他
機能の拡張
![Page 16: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/16.jpg)
2010年12月14日 アズテック 大和田健一
ページとモジュール
多くのCMSでは
サイトモジュールAモジュールBモジュールCコンテンツ1コンテンツ2
ページと呼ぶ
![Page 17: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/17.jpg)
2010年12月14日 アズテック 大和田健一
ページとモジュールネットコモンズでは
サイト
ページ1モジュールA
ページ2モジュールAモジュールBコンテンツ1
モジュールB
モジュールA
実体投影
![Page 18: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/18.jpg)
2010年12月14日 アズテック 大和田健一
登録(post)処理多くのCMSでは、URL遷移あり
登録フォーム 登録
処理結果表示
ボタン
POST リダイレクト
![Page 19: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/19.jpg)
2010年12月14日 アズテック 大和田健一
登録(post)処理
ネットコモンズは、URL遷移なし
登録フォーム 登録
処理結果表示
ボタン
POST
JavaScript
部分再描画
利点: 反応 速い欠点: モジュール作成・デバック 難しい
![Page 20: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/20.jpg)
2010年12月14日 アズテック 大和田健一
開発者向けチュートリアル
![Page 21: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/21.jpg)
2010年12月14日 アズテック 大和田健一
チュートリアル1.generate (ツール)2.雛型モジュール3.テンプレート4.View プログラム5.スタイルシート6.データベース 読出し7.データベース 書込み
http://ohwada.yn150.jp/tutorial/
![Page 22: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/22.jpg)
2010年12月14日 アズテック 大和田健一
雛型モジュール
何も表示していないが、プログラムは動いている
![Page 23: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/23.jpg)
2010年12月14日 アズテック 大和田健一
ハローワールド
ハローワールド を表示する
2つファイルを修正する・ テンプレート・ファイル・ 言語ファイル
![Page 24: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/24.jpg)
2010年12月14日 アズテック 大和田健一
ハローワールド
<{$lang.helloworld_helloworld_1}>
テンプレートの修正
templates/default/helloworld_view_main_init.html
![Page 25: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/25.jpg)
2010年12月14日 アズテック 大和田健一
ハローワールド
[Helloworld_View_Main_Init]
; Smartyにassignするhelloworld_helloworld_1=
"ハローワールド by テンプレート"
language/japanese/main.ini
言語ファイルの修正
![Page 26: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/26.jpg)
2010年12月14日 アズテック 大和田健一
ハローワールド
結 果
![Page 27: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/27.jpg)
2010年12月14日 アズテック 大和田健一
チュートリアル以降 省略
![Page 28: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/28.jpg)
2010年12月14日 アズテック 大和田健一
まとめ
1.モジュール開発は割と簡単
2.約束事は多い
3.デバックはちょっと難しい
![Page 29: 20101214 NetCommons Night](https://reader033.vdocuments.net/reader033/viewer/2022060111/556a498ad8b42a4a1e8b4fdc/html5/thumbnails/29.jpg)
2010年12月14日 アズテック 大和田健一
質疑応答