techlion vol.7 cmsを作って10年のappleple

CCMMSSを作って1100年のaapppplleeppllee

有限会社アップルップル山本一道

アジェンダ

•自己紹介•1100年以上前からWWCCAANNやってます！•WWCCAANNと同じくらいCCMMSSをやってます！•時間があ�れば aa--bblloogg ccmmss の紹介•まとめ

自己紹介

•山本一道 -->> @@kkaazzuummiicchh•11996699年生まれ ((4433歳))•中学33年と小学66年と妻の44人家族•有限会社アップルップルの代表（私を含め99人のWWeebb制作会社）

自己紹介

•77年 // 川鉄情報システム株式会社（現在：JJFFEEシステムズ株式会社）

•55年 // インターネットプロ東海株式会社•22年 // アップルップル•88年 // 有限会社アップルップル

1100年以上前からWWCCAANNやってます！

WWCCAANNって知ってる？

WWeebbCCrreeaattoorrss AAssssoocciiaattiioonnNNaaggooyyaa

WWeebbCCrreeaattoorrss AAssssoocciiaattiioonnNNaaggooyyaa

だぶきゃんと読みます。

WWeebb制作関係

年44回開催

各回220000人以上

参加費33,,000000円

のイベントです。

WWCCAANN 22001122 協賛

22000000年1100月2288日

WWCCAANNの11回目の勉強会

マクロメディアのユーザーグループとして発足

1100年以上前からCCMMSSを作っています！

•aa--nniikkkkii•aa--nneewwss•aa--bblloogg•aa--bblloogg ccmmss

aa--nniikkkkii aa--nneewwss aa--ccoolluummnn

aa--bbllooggaa--bblloogg ccmmss

ところで、どんな人が集まってるんだろ。

WWeebb制作の人いますか？

ところで、どんな人が集まってるんだろ。

エンジニアさんなの？

22000000年1100月2288日

WWCCAANNの11回目の勉強会

22000000年1100月2288日

aa--nniikkkkiiをリリース

aa--nniikkkkiiの特徴

•PPeerrll•DDBB無し•画像のアップロードも無い•11日11HHTTMMLLファイル（表示機能無し）•11記事が11行で11PPタグで箇条書き•複数の日付を一覧表示する

<<pp ccllaassss==""ttiittllee"">>凄い久しぶりに aa--nniikkkkii を動かしてみました<<//pp>>

<<pp ccllaassss==""ddiiaarryy"">>こんな感じに文章を書く事ができます。こんな感じに文章を書く事

ができます。こんな感じに文章を書く事ができます。こんな感じに文章を書く事ができま

す。こんな感じに文章を書く事ができます。こんな感じに文章を書く事ができます。こんな

感じに文章を書く事ができます。こんな感じに文章を書く事ができます。こんな感じに文章

を書く事ができます。こんな感じに文章を書く事ができます。こんな感じに文章を書く事が

できます。こんな感じに文章を書く事ができます。<<//pp>>

<<pp ccllaassss==""ddiiaarryy"">>22つ目は、上だったかな？下だったかな？ 22つ目は、上だったかな？

下だったかな？ 22つ目は、上だったかな？下だったかな？ 22つ目は、上だったかな？下だった

かな？ 22つ目は、上だったかな？下だったかな？ 22つ目は、上だったかな？下だったかな？

22つ目は、上だったかな？下だったかな？ 22つ目は、上だったかな？下だったかな？<<//pp>>

11

22

33

aa--nniikkkkiiのデータ

//ddaattaa//22001122//0055//1122..hhttmmll

MMAACCお宝鑑定団

残念ながら使われ無かった

22000011年0033月0044日

aa--nneewwssをリリース

ところで、22000011年33月44日何してた？

aa--nneewwssの特徴

•PPeerrll•DDBB無し•待望の画像アップロード機能搭載•11日11HHTTMMLLファイル•複数の日付を一覧表示する

<<!!DDOOCCTTYYPPEE HHTTMMLL PPUUBBLLIICC ""--////WW33CC////DDTTDD HHTTMMLL 44..0011

TTrraannssiittiioonnaall////EENN"">>

<<hhttmmll llaanngg==""jjaa"">><<hheeaadd>><<mmeettaa hhttttpp--eeqquuiivv==""CCoonntteenntt--TTyyppee""

ccoonntteenntt==""tteexxtt//hhttmmll;; cchhaarrsseett==SShhiifftt__JJIISS"">><<MMEETTAA hhttttpp--

eeqquuiivv==""CCoonntteenntt--SSttyyllee--TTyyppee"" ccoonntteenntt==""tteexxtt//ccssss"">> <<TTIITTLLEE>>aa--

NNeewwss：22001122//0055//1122 ((土))<<//TTIITTLLEE>><<lliinnkk rreell==""ssttyylleesshheeeett""

hhrreeff==""....//....//....//tteemmppllaattee..ccssss"">><<//TTIITTLLEE>><<lliinnkk rreell==""ssttyylleesshheeeett""

hhrreeff==""....//....//....//aa--nneewwss..ccssss"">><<//HHEEAADD>><<BBOODDYY>>

<<!!----nneewwss__ffrroomm---->>

<<ddiivv ccllaassss==""ddaatteeBBooxx"">>

<<hh22 ccllaassss==""ddaattee66"">>22001122//0055//1122 ((土))<<//hh22>>

<<ddiivv ccllaassss==""nneewwssBBooxx"">>

<<hh33 ccllaassss==""ttiittllee"">><<aa hhrreeff==""//aa--nneewwss//ddaattaa//

22001122//0055//1122..hhttmmll##114455885566"" nnaammee==""114455885566"" ccllaassss==""mmaarruu"" ttiittllee==""この件

を参照できるUURRII114455885566"">>●<<//aa>> あ�れれ、どんなだっけ？<<//hh33>><<pp

ccllaassss==""nneewwss"">>あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�

れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�

あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？ <<//pp>>



を参照できるUURRII114455775588"">>●<<//aa>> 久しぶりに aa--nneewwss を使ってみる<<//hh33>><<pp

ccllaassss==""nneewwss"">><<iimmgg nnaammee==""aa--nneewwss"" ssrrcc==""//aa--nneewwss//ddaattaa//22001122//0055//

iimmaaggeess//11333366880088881199__330000xx119999..jjppgg"" wwiiddtthh==""330000"" hheeiigghhtt==""119999"" aalltt==""""

aalliiggnn==""lleefftt"" ccllaassss==""iimmgg"">>どんな感じに書けるんだっけ？どんな感じに書けるんだっ

け？どんな感じに書けるんだっけ？どんな感じに書けるんだっけ？どんな感じに書けるんだっ



け？どんな感じに書けるんだっけ？ <<bbrr cclleeaarr==""aallll"">><<//pp>>

<<//ddiivv>><<//ddiivv>><<!!----nneewwss__ttoo---->>

<<//bbooddyy>><<//hhttmmll>>

11

22

33

44

55

66

77

aa--nneewwssのデータ//ddaattaa//22001122//0055//1122..hhttmmll

<<!!DDOOCCTTYYPPEE HHTTMMLL PPUUBBLLIICC ""--////WW33CC////DDTTDD HHTTMMLL 44..0011

TTrraannssiittiioonnaall////EENN"">>

<<hhttmmll llaanngg==""jjaa"">><<hheeaadd>><<mmeettaa hhttttpp--eeqquuiivv==""CCoonntteenntt--TTyyppee""

ccoonntteenntt==""tteexxtt//hhttmmll;; cchhaarrsseett==SShhiifftt__JJIISS"">><<MMEETTAA hhttttpp--

eeqquuiivv==""CCoonntteenntt--SSttyyllee--TTyyppee"" ccoonntteenntt==""tteexxtt//ccssss"">> <<TTIITTLLEE>>aa--

NNeewwss：22001122//0055//1122 ((土))<<//TTIITTLLEE>><<lliinnkk rreell==""ssttyylleesshheeeett""

hhrreeff==""....//....//....//tteemmppllaattee..ccssss"">><<//TTIITTLLEE>><<lliinnkk rreell==""ssttyylleesshheeeett""

hhrreeff==""....//....//....//aa--nneewwss..ccssss"">><<//HHEEAADD>><<BBOODDYY>>

<<!!----nneewwss__ffrroomm---->>

<<ddiivv ccllaassss==""ddaatteeBBooxx"">>

<<hh22 ccllaassss==""ddaattee66"">>22001122//0055//1122 ((土))<<//hh22>>

<<ddiivv ccllaassss==""nneewwssBBooxx"">>



を参照できるUURRII114455885566"">>●<<//aa>> あ�れれ、どんなだっけ？<<//hh33>><<pp

ccllaassss==""nneewwss"">>あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�

れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�

あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？あ�あ�あ�あ�れれ？ <<//pp>>



を参照できるUURRII114455775588"">>●<<//aa>> 久しぶりに aa--nneewwss を使ってみる<<//hh33>><<pp

ccllaassss==""nneewwss"">><<iimmgg nnaammee==""aa--nneewwss"" ssrrcc==""//aa--nneewwss//ddaattaa//22001122//0055//

iimmaaggeess//11333366880088881199__330000xx119999..jjppgg"" wwiiddtthh==""330000"" hheeiigghhtt==""119999"" aalltt==""""

aalliiggnn==""lleefftt"" ccllaassss==""iimmgg"">>どんな感じに書けるんだっけ？どんな感じに書けるんだっ



け？どんな感じに書けるんだっけ？<<bbrr cclleeaarr==""aallll"">><<//pp>>

<<//ddiivv>><<//ddiivv>><<!!----nneewwss__ttoo---->>

<<//bbooddyy>><<//hhttmmll>>

11

22

33

44

55

66

77

88

99

1100

aa--nneewwssの失敗

私の失敗は何でしょう？

aa--nneewwssの失敗

コメント機能を作らなかった事

hhttttpp::////nneettaaffuullll..nneett//

ネタフルコグレさんもMMTTの前にはaa--nneewwss!!

http://netafull.net/

http://netafull.net/

http://www.amazon.co.jp/dp/4844331779/





















































































22000011年0066月3300日

aa--ccoolluummnnをリリース

aa--ccoolluummnnの特徴

•PPeerrll•DDBB無し•11記事11HHTTMMLLファイル•カテゴリー毎のディレクトリに保存

22000022年0022月0011日

独立！

個人の人かお勤めの人どちらが多いかな？

22000022年1100月????日

絵日記..jjpp 公開

hhttttpp::////wweebb..aarrcchhiivvee..oorrgg より

ハチミツ二郎ハリガネロック坂本ちゃんダイノジ

http://web.archive.org/web/20030928114054/http://www.e-nikki.jp/





























































































































































































































































































絵日記..jjppの失敗

マネタイズできなかった事

22000033..1100--22001100..1100

閉鎖

22000022年くらいからアップルップルではpphhppになったが

皆さんはどんな言語？

22000044年0099月1177日

有限会社アップルップル

22000044年1111月1111日

aa--bbllooggをリリース

aa--bbllooggの特徴•PPHHPP ++ MMyySSQQLL•aa--nneewwss と aa--ccoolluummnn をたしてブログっぽい感じに仕上げたモノ

•iioonnccuubbee エンコーダーで暗号化•WWYYSSIIWWYYGGを利用しない独自の入力インタフェース

•画像をアップしてもHHTTMMLLタグが見えない（初心者に易しい）

ブログって書いてる？

何使ってる？

22000077年0022月1177日

名古屋に移転

22000099年0066月2233日

aa--bblloogg ccmmssをリリース

aa--bblloogg ccmmssの特徴

•PPHHPP55 ++ MMyySSQQLL55（現在）•aa--bblloogg を完全に作り直し•サイト全体を管理できるCCMMSSに•PPHHPPのコードを11行も書く事なくカスタマイズが自由自在

PPHHPPを触らないでカスタマイズできるCCMMSS

システムとデザインの分離は大事！

でも、これリリースしたらシステム案件の仕事が激減！

（ただの愚痴）

とあ�る案件AA

クライアント

ディレクター

デザイナー

コーダー

エンジニア

登場人物

クライアントディレクターデザイナーコーダーエンジニア

こんなフローになってませんか？

この場合、納期のギリギリのところで働くのはエンジニアになってしまう。

クライアントディレクター

デザイナー

コーダー

エンジニア

システムの分からないコーダーさんでも触れるテンプレート

aa--bblloogg ccmmss にはffoorr とか iiff の表記すら無い

非エンジニアに優しい

WWeebbデザイナー向けのフレームワーク

興味あ�る人いる？

ライセンス欲しい人いる？

まとめ

システムとデザインの分離は大事ですよ。

エンジニアさんに特に言っておきたいのは

システムが後工程にならないで済む仕組み

デザイナーさんが安心して触れるモノを！

伝えたかったのはこの部分ですね

おしまい

techlion vol.7 cmsを作って10年のappleple

Technology