OSS で作る WEB サイト

～ニーズに合わせて OSS を選ぶ基準！～

目次１　自己紹介２　 OSS って何？３　 WEB サイトに必要なもの４　 RDB と NoSQL５　 postgresql と mysql の違い６　クラウドと自社サーバはどっちがいいの？７　 CMS とフルスクラッチ８　 Flash 　 VS 　 HTML5９　まとめ

まずは自己紹介• 曽根　壮大（そね　たけとも）• 通称名　そーだい

名前

• ぴちぴちの２６歳• 残念ながら妻子持ち• 娘の名前は徠楽（らいら）と煌楽（きらら）

年齢等

• 福山市の某印刷会社勤務で WEB の設計から実装まで担当• 備後界隈では最弱• 前職は国家の犬（最前線で踊ってた）

職業

• Linux と DB をメインに PHP などのスクリプト言語とかも少々（ LL が好き）• でも一番「べしゃりが得意」

得意分野（ IT 的な意味で）

• 東日本震災のための格闘ゲームのチャリティ大会の運営とかしてます

趣味

みなさんが気になった部分

が　多　分　あると思います

そう僕の趣味の　　　　　　

　格　闘　ゲ　ー　ム　

　　　　　のことですね（ぇ

まぁこんなゲームのことです（＾ω＾）

そんな

　格　闘　ゲ　ー　ム　　　　　　　　　　をすると

こんな人や

こんな人と仲良くなれます！！（両者とも現役格闘ゲーマー）

ざわざわ・・・

まぁ二人とも

男　の　娘（こ）

　　　　　　　ですけどね（ぁ

　　　　　　 　 ＿＿＿ _ 　　　 　　　　　　 ／ ＼　　／＼　　　ｷﾘｯ . 　　　　　／ー） 　（ー）＼　　　　　　 　　　　／　⌒（ __ 人 __ ）⌒ ＼　　　　＜こんな人とも仲良くなれます！！ 　　　　 | 　 　　　 |r -|┬ 　　　 | 　　　　　　　　 　　　　 ` ー‘ ´ 　　 ／ 　 ノ　　　　　　　　　 　＼ 　 ／ ´ 　　　　　　　　　　 　　ヽ 　 　 　 　 　 　 　 　 | 　　　　ｌ　　　　　　　　　　＼ 　ヽ　　　 - 一’‘’‘’‘“～～｀ `’ ー -- ､　　　 - 一‘’‘’‘’‘ー - ､ . 　 　 　　ヽ ＿＿＿＿ ( )( ) )⌒ ⌒ ⌒ 　 ) 　　 (⌒＿ ( ) ) )) ⌒ ⌒ ⌒

　 　　　　 　　　＿＿＿ _ 　　　　　　　 ／ _ ノ 　ヽ､ _ ＼ 　ﾐ　ﾐ　ﾐ　　 o ﾟ ( （●） ) ( （●） ) ﾟ o 　　　　　　ﾐ　ﾐ　ﾐ 　＜だっておｗｗｗ / ) ) . ::::::⌒ ⌒ ⌒ ⌒（ __ 人 __ ）⌒ ::: ＼　　　 / ) ) ) ⌒ ⌒ ⌒| 　 / 　 / 　 / 　　　　 　 |r -|┬ 　　　　 | 　 ( )/⌒ 　 / / / ／　　 | 　 :::::::::::( )⌒ 　　　　 | 　 | 　 | 　　 ／ ゝ :::::::::::/ | 　　　　　ノ　　 　　 | 　 | 　 | 　 　＼　 / ） 　 / 　 ヽ　　　　 / 　　　　　　 ` ー’ ´ 　 　 　ヽ / 　　／　　　　　 　 | 　　　　 | 　　 l||l 　从人 l||l 　　　　 l||l 从人 l||l 　　　バ　　　 　ヽ　　　 - 一‘’‘’‘’”～～｀ `‘ ー -- ､　　　 - 一’‘’‘’‘’ー - ､　　　　ン 　　ヽ ＿＿＿＿ ( )( ) )⌒ ⌒ ⌒ 　 ) 　　 (⌒＿ ( ) ) )) ⌒ ⌒ ⌒ 　　　バ 　　　　　　　　　　　　　　　　　　　　　　　　　　　ン

これでナウなヤングのハートを（若い子の気持ちを）

　スマートにイーグルキャッチ！！（格好よく鷲掴み）

　　　　　　　　　　したところで

そんな自分が今日は

　偉い人が作った OSS をまるで自分が作ったかのように↓

　 OSSで作るWEBサイトについて

　　　　についてご説明します ( ｷﾘｯ

２　 OSS とは？１　自由な再頒布ができること２　ソースコードを入手できること３　派生物が存在でき、派生物に同じライセンスを適用できること４　差分情報の配布を認める場合には、同一性の保持を要求してもかまわない５　個人やグループを差別しないこと６　適用領域に基づいた差別をしないこと７　再配布において追加ライセンスを必要としないこと８　特定製品に依存しないこと９　同じ媒体で配布される他のソフトウェアを制限しないこと10 技術的な中立を保っていること

コレ説明いる？Wikipedia より引

用

３　 WEB サイトに必要なもの　WEB サイトを作るために必要なもの

１　各種インフラ２　 WEB サイト本体のコーディング　・　 html　・　 Flash　・　 Javascript　・　サーバサイドのアプリケーション３　それを見てもらうためのプラットフォーム　・　携帯電話　・　スマートフォン　・　 PC　・　タブレット

などなど。

具体的に掘り下げるために

　　　　　　　　　マインドマップ

　　　　　　　　　　　　　を書いてみました。

で実際に地方の企業の

　　　　 WEB サイトで必要なもの

　　　　　　　　　　　　　　　　ってなんだろう。

これまた

　　　　　　　　マインドマップ

　　　　　　　　　　　　　を書いてみました。

以上の話を踏まえて、

OSS を選んでいきましょう ( ・∀・ )

３　 WEB サイトに必要なもの　WEB サイトを作るために必要なもの

１　各種インフラ２　 WEB サイト本体のコーディング　・　 html　・　 Flash　・　 Javascript　・　サーバサイドのアプリケーション３　それを見てもらうためのプラットフォーム　・　携帯電話　・　スマートフォン　・　 PC　・　タブレット

などなど。

まずはここから

サーバ・アーキテクチャ構成図

Firewall

インターネット

インターネット

DATADBCMSDBDATADB

クライアント A

クライアント B

クライアント B

クライアント A

４　 RDB と NoSQL 　まずはデータベースからということで DB の種類の話

結論から言うと

　　　 NoSQL が必要なほど PV がない！

　　　　　　　　　　　　　のでRDB でも十分

５　 postgresql と mysql の違い　

postgresql と mysql の機能比較　RDB の OSS と言えばこの 2 つ。で機能を比較してみると違いは一見するとない・・・

これまた

　　　　　　　　マインドマップ

　　　　　　　　　　　　　を書いてみました。

つまり

　　　 DB は要件に合わせて選ぶべし

ってかんじだけど　　　・　 SQL書けるなら postgres　　　・　 WEBアプリで色々やるなら mysqlで選ぶと幸せになれるかも。

６　クラウドと自社サーバはどっちがいいの？

　　　　　　　クラウドってなに？

クラウドを説明しろって言われても

　　　　　　　　　本当の定義

　なんてよくわかりません。

実際、クラウドなんて

　　　ベンダーが好き勝手やってるだｋ

　　　　　　　　　　おっと、誰か来たようだ

でもクラウドは便利なのでここでも

マインドマップ

やります。

というわけでまとめ

　　・　ちょっとしたサービスならクラウドあり！　　・　小難しいことをするなら自社サーバ

地方の WEB サイトならレンタルサーバでも十分な案件が多い

７　 CMS とフルスクラッチ

　　　　　　　 CMS ってなに？

時間

CMS とは？

コンテンツマネジメントシステム（ Content Management System,CMS ）は、 Web コンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。 2005 年頃より一般的に普及したといわれる。コンテンツ管理システムとも呼ばれる。

Wikipedia より引用

インターネット

インターネット

DATA

CMS のイメージ図

コンテンツ

CMS WEBサ

イト

ユーザ

つまり・・・

コンテンツ作成

コンテンツ管理

WEBサイト

・　簡単にWEBサイトを作れる

＋・　簡単にWEBサイトを管理できる

つまりより良い情報を告知できる

はずなんだけど・・・

大　丈　夫　だ　。　問　題　な　い　。

・Wiki 知識の体系化や共有に特化した小規模 CMS・ Blog 日記の管理から派生した CMS・WCM Web全般の管理 CMS・ ECM 企業向けの高度で多機能なCMS

現実は簡単はいかない

適正を見比べて選んでも・・・

そこで！！

一　番　い　い　 C　M　 S　を　頼　む　。

・　　　　　　　　　　　　　　　

　

・・　　　　　　　　　　　　　　

　　

・・・　　　　　　　　　　　　　

　　　

Magic３　　　　　　　　　　　　　　

　　

ストレートで真っ向勝負してますが　　　　　　　私は Magic3 の営業担当ではありません

　　　　　　　　　のでご安心ください（笑　　　　　　　

　　　　　　　　　　　

magic ３ってなに？

通常、 CMS とは、「コンテンツマネージメントシステム」の名前の通り、静的なコンテンツの追加や更新が可能なものです。それに対して、 Magic3 の革新性は、コンテンツだけでなく「機能」自体が追加や更新が可能なところにあります。コンテンツの入れ替えと同じように、 Webブラウザだけで「機能」の入れ替えが可能です。サーバの運用を停止することなく、瞬時に機能自体の変更が行えます。Magic3 は、あたかもコンテンツのように「機能」をマネージメント (管理 ) できる、 CMS を超えたまったく新しいタイプの CMS です。

magic3公式サイトより引用

ちょっと Magic ３を見てみましょう！　　　　　　　　　　　　　　　　　　

つまり

　　・　運用する WEB サービスは CMS を検討あり　　・　自社サーバと同じで実現出来ないことは作るしかない！

企業サイト、 EC サイトなどは CMS を是非検討してみてください。

８　 Flash 　 VS 　 HTML5

これ目的で来た人、いますか？

ここから資料がありません（ぇ

（ 9:52 　現在）パワポ

セミナー

とは行かないので Flash と html5 の違い

一番重要なのは

iPhone と iPad では Flash が動かない

という事実

そしてマインドマップへ・・・

つまり

HTML5 は間違いなく優れているが・　ブラウザ戦争に依存・　開発するためのツール不足・　 html コーダーのレベルの問題

などでまだまだ主役になれない

でも地方サイトで大事なのは

他にはないインパクト！

だと思いません？

ゴリゴリ HTML5 で作った企業サイトを

見る人が見たら

絶対その企業が気になっちゃいますよ

なので、今こそ HTML5 ！！

ということでまとめ

・　お金をかけずに OSS で作ろう！！・　 LAMP または LAPP で作ろう！・　 SQL の好き嫌いで DB を選ぶと幸せになれるかも・　ちょっとした WEB サイトならクラウドが便利！・　運用も考えて CMS を活用すべし・　 CMS は Magic ３がお勧め・　リッチな contents を作りたい時は Flash が有利・　でも敢えて HTML5 を使うとインパクトあるよね！！

one more thing 　…

時間が余ってたら

Q&A やらデモったりライブコーディング

とか会場の空気読んでやるでござる。

ということで時間が余らなかったのでごめんなさい

ご清聴ありがとうざいました

　　　　　　　　　作成終了時間　10:42 　ギリギリ w