第2回: 山口県WEB勉強会: ホームページ制作工房 | 山口県山口市阿知須のホームページ制作事務所

日時	2010年6月5日
会場	宇部テックラボ合同会社様事務所

2010年6月5日、土曜日、第2回山口県WEB勉強会を宇部テックラボ合同会社3階の一室をお借りして開催致しました。

後半に発表する方の発表する時間が短くなる、発表ができなくなるなどの問題点を踏まえ、第2回目では第1回での反省点を踏まえ、事前に発表したい方を募集し、時間の調整を行いました。

Googleドキュメントを共有してみよう
「jQuery UI」入門
WebサイトをiPhone / iPad対応にしてみよう
動画ライブ配信をはじめてみよう
デザインのこと、画像のこと
IPv6を始めてみよう(接続編)
フリートーク・ディスカッション
- Rubyってどのくらい普及してる？
- DreamWeaverやホームページビルダーのような直感的操作のCMSって作れる？
- 無料のアプリ / サービスの収益化ってできる？ (「フリーミアム」って規模が小さくても可能？)
- 第3回山口県WEB勉強会の日程調整

Googleドキュメントを共有してみよう
発表: @azmitter

第1回山口県WEB勉強会をKPT(Keep、Problem、Try)で振り返る。
Google グループで勉強会の情報を共有している。
Google ドキュメントはファイルがサーバ上にあるためファイルの共有、編集が容易。
- 実際に編集を行い、ファイルが書き換えられていることを体験。

「jQuery UI」入門
発表: @mikage014

jQueryはアニメーション、エフェクト効果などの動作をサポートするJavaScript用Library。
1. Accordion
2. Tabs
3. Button
4. Icon
5. Menu
6. Form
jQuery UIのダウンロードから組み込みまでの使用方法の説明。

WebサイトをiPhone / iPad対応にしてみよう
発表: @meso_oishi

WordPressの場合、WPTouch、WordPress Mobile Edition、MobilePressや、他のプラグインとの組み合わせによる使用がなどがオススメ。
iPhone、iPod Touchの特徴
- iPhoneは画面サイズ(320px × 480px)が小さい。
  - WEBサイトをシンプルなレイアウトにする必要がある。
  - 重要な情報はページの上部に表示する。
  - 必要ではない情報は削る。
- 指で操作することを意識する。
  - カーソルの概念がないため、マウスオーバなどのアクションは機能しない。
  - Flashなどのプラグインが使用できない。
  - ファイルのアップロード、ダウンロードができない(ファイルの概念がない)。
- 画面が回転する。
- iPadは画面サイズが比較的大きい(768px x 1024px)。
  - iPadでWEBサイトを閲覧する場合は、PC用レイアウトで閲覧させる方がいいのではないか。
iPhone、iPodの見分け方、切り分け方について
- UserAgentで確認する。
  - PHPなどでプログラムを作成する。
  - Apacheのmod_rewriteによる切り替え。
- クライアント(ブラウザ)側で動的に処理する。
  - JavaScriptでの切り替え。
  - CSSのMedia Queries(CSS3)を利用した切り替え。
iPhoneは横幅を980pxを基準にして縮小表示するため、viewportを設定して調整する。
CSSで表示させない設定可能だが、転送量などを考慮し、不必要な箇所を削除したHTMLを作成することが最善。
iPhoneはCSS3に対応しているため、CSS3用の記述を使用しても問題ないのではないか。

動画ライブ配信をはじめてみよう
発表: @y3sei

動画配信関連サービス
- Ustream
  - ソフトバンクが出資、筆頭株主。
  - セミナー、勉強会はUstreamでの配信が多い。
  - twitterと連動。
  - チャットはIRC形式のため、IRCクライアントで送受信が可能。
  - 遅延は最大で15秒程度。
  - 2010年4月27日に日本語化により使いやすくなった。
- ニコニコ動画
  - ニワンゴが運営する動画配信関連サービス。
  - 30分を「1枠」とする枠制度がある。
  - 個人的な内容の動画配信が多い
  - 遅延が少ない(5秒程度)。
- Stickam
  - 日本での動画配信の火付け役。
- Justin.tv
- TwitCasting
  - iPhoneがあれば動画配信が可能。
  - 遅延が極端に少ない。
動画配信を始めるために必要なもの
- PC: 動画のエンコーディング、配信に必要。
- 通信回線: LANケーブル、無線LAN、モバイルカードなど。
- カメラ: Web Camでも問題はないが、高画質配信ならビデオカメラを導入の必要あり。
- マイク: Web Camに搭載されているマイクでも代用可能。
高画質へのススメ
- WEBサイト上からの設定は容易だが、画質は高くない。
- 動画配信用ソフトウェアを使用し、配信設定を調整する。
配信について
- 作業をしながらUstreamを閲覧している場合、音声だけを聞いてる可能性もあるので、音声が途切れないことが大事。
- 画質、音質をある程度、抑えることで、モバイルカードでも配信が可能。

デザインのこと、画像のこと
発表: @hero3050g

仕事の受注について
- 最近は、メッセンジャーでスケジュールの明きの確認連絡をしてから、案件の説明を聞くことが多い。
- クライアントによって使用するソフトウェアが異なるため、Skype、Windows Live、Google トークなど複数のソフトウェアを使用して対応。
デザインについて
- デザインに答えがないため、デザインについて何も言われないと落とし所が分からず不安になる。
- デザイン案制作はデザインの神様が自分の中に降りてくるまで待っている必要がある。
HTMLコーディング作業について
- HTMLコーディング作業の開始後はデザイン案の修正が困難になる場合もあるので、口約束ではなく証拠を残すため、クライアントにメール、または書面で確認する。
- 2日、3日でクロスブラウザ(IE6、IE7、IE8、Firefox、Opera、Safari、Google Chrome)対応の基礎コーディングをする。
- HTMLコーディング作業後、CMSなどへの組み込み作業を行う。
CMSへの組み込みについて
- CMSへの組み込みは、既存データに影響せず行う必要があるため気を使う。
- 使用経験のないCMS、オンラインショップなどが提供する独自のシステムなどへの組み込みは解析が必要となる。

IPv6を始めてみよう(接続編)
発表: @i7kinosi

IANA(Internet Assigned Numbers Authority)が管理しているIPv4は、422日(2010年6月5日現在)後に枯渇する。
IPv4とIPv6に互換性はないが、IPv6対応機器はIPv4でも通信にも対応(デュアルスタック)している。
将来、iPv6で通信を行うようになれば、現在使用されているルータなどもIPv6に対応した機種への買い替えが必要。
IPv6を始めるには
- 対応OS: Windows XP以降は対応済み
- 対応済みISP(Yahoo!BB 光フレッツ、OCN)を選ぶ。
IPv6の無料提供サービス
- グローバル・固定IPv6アドレス割当型トンネル接続実験サービス: 筑波大学のベンチャー企業であるソフトイーサ社が提供する学術実験サービス。
- Hurricane Electric Free IPv6 Tunnel Broker: よく使われる。英語のみの提供。
- FB Feel6接続サービス: Windows 7に対応していない。
Windows Vista、Windows 7はIPv4、IPv6に対応済みだが、IPv4での接続を優先する。

フリートーク・ディスカッション

Rubyってどのくらい普及してる？
- Rubyでの受注はあるのか？
- Rubyは島根県在住のまつもとゆきひろ氏によって開発されており、地理的にも近い山口県でも、Rubyによって地域活性との声があるが可能性はあるのか。
- クライアントにとってどんなプログラムを利用していることは問題ではない場合、制作会社がRubyで開発することも可能だが、Rubyで開発する長所はあるのか？
DreamWeaverやホームページビルダーのような直感的操作のCMSって作れる？
- 直感的に使用できるCMS: Jimdo、NetCommons2
- CMSは何でもできるシステムではなく、依頼側のしたいことと、制作側のしたいことが異なる。
無料のアプリ / サービスの収益化ってできる？
- 無料アプリは開発者、開発会社の宣伝、技術の見せるために公開しており、利益は考えていないのではないか？
- 一般的な収入方法として、無料版と、有料版の提供、Google AdSenseなどのクリック保証型広告の掲載。
- 第3回山口県WEB勉強会では欲しい、制作してみたいスマートフォン用アプリ、アプリからの収益モデルを考えるワークショップを実施予定