Web 制作に必要な「技術・戦略」と Web 制作者の交流の場
開催日時:2016 年 7 月 23 日 (土) 13 時〜18 時(開場 12 時)

CPI MEGA MIX 2016 は Web 制作に役立つセミナーと、Web 制作者が交流するためのイベントです。

セミナーでは、全国で活躍する CPI エバンジェリスト 8 名が一堂に揃い「座学」「ハンズオンセミナー」「パネルディスカッション」などを通じて、明日から使える「Web 制作に必要な知識」を厳選してお伝えします。

交流会の主役はみなさんです。クラフトビールと軽食をご用意しておりますので、美味しいビールを片手に Web 制作者の輪を広げましょう!

イベント概要

イベント名 CPI MEGA MIX 2016
開催日時 2016 年 7 月 23 日(土) 開場 12:00 / 開演 13:00
会場

株式会社 KDDI ウェブコミュニケーションズ

〒102-0083 東京都千代田区麹町三丁目 6 番地 住友不動産麹町ビル 3 号館( 地図
有楽町線「麹町駅」徒歩 2 分(3 番出口を左へ出てドドールを左折。約 60m ほど直進)
半蔵門線「半蔵門駅」徒歩 4 分/JR 線「四ッ谷駅」徒歩 11 分

参加費用 無料
定員 130 名
対象 デザイナー
フロントエンジニア
ディレクター
プロデューサー
サイトオーナー
企業のウェブ担当者

タイムテーブル

場所 セミナールーム ハンズオン
12:00~ 開場
13:00~13:10 開演 ・ ご挨拶
13:10~13:50 デザイン・制作をはじめる前に取り組む事
後藤 賢司
使ったことのない CMS をインストールしまくろう!のもくもく勉強会(受付終了)
菱川 拓郎
13:50~14:30 jQuery3 何が変わって何が変わらないのか
前川 昌幸
14:30~14:40 休憩
14:40~15:20 WebSocket を介してデバイスを利用する Web システム構築術
大月 茂樹
15:20~15:30 休憩
15:30~16:10 協業プロジェクトにおけるコミュニケーション設計ケーススタディー
古川 勝也
CSS3 のレイアウトモジュール Flexbox を使ってみよう(受付終了)
阿部 正幸(1)
16:10~16:20 休憩
16:20~17:00 コミュニティがあなたを強くする
〜事例に学ぶコミュニティというエコシステムの活用術〜

江頭 竜二
電話 API Twilio を触ってみよう、もくもく勉強会(受付終了)
阿部 正幸(2)
17:00~17:40 クラウドデータベースで業務効率化と、安全な Web サイト運用術
たにぐち まこと
17:40~17:50 休憩
17:50~18:30 座談会
2016 年上期 Web 業界ニュース
~トレンドから未来予測しよう~
18:30~20:00 ビアバッシュ
交流会

講師紹介(CPI エバンジェリスト)

阿部 正幸(あべ まさゆき)
株式会社 KDDI ウェブコミュニケーションズ
阿部 正幸(あべ まさゆき) facebook

【プロフィール】
神戸生まれ、横浜育ち、生粋の浜っ子。
10 年前に大規模な資産管理データベースのウェブアプリケーションを設計・構築し、ウェブ制作に興味が沸きウェブ業界へ転職。ウェブ制作の現場では裏方(システム開発)を主に担当。 オープンソース CMS の Drupal コミュニティーにも積極的に参加しており、オープンソースを世の中に広める活動などを行う。
現在は、ウェブ制作を超ラクにするサーバーツール「SmartRelease(スマートリリース)」のプロダクトマネージャーとして、販売戦略、企画、プロモーション、商品の品質維持などを担当。

【セッションタイトル】
(1)CSS3 のレイアウトモジュール Flexbox を使ってみよう
(2)電話 API Twilio を触ってみよう、もくもく勉強会

【セッション概要】
(1)2016 年 5 月 26 日に勧告候補になった Flexible Box Layout(Flexbox)は、IE10 から利用できることから昨今注目を集めています。
2016 年 5 月 26 日に出た最新のドキュメント「CSS Flexible Box Layout Module Level 1 W3C Candidate Recommendation, 26 May 2016」を元に Flexbox の使い方や、IE8、9 の対応方法など、実際に手を動かしながら学びます。
[事前必須]
HTML、CSS について理解がある方(業務レベルでなく、なんとなく理解が出来るレベルで構いません)
テキストエディターを操作できる方
※講師は Sublimetext3 というエディターを使用します。ハンズオン中の講師画面と同じが良い方は事前に Sublimetext3 をインストールしておいてください。

(2)電話 API の Twilio をご存知でしょうか。たった 3 行のソースコードでネットから電話をかけることができます。
電話とネットを組み合わせることで、これまでに無い様々なサービスを構築することができます。
エンジニアでは無い方もお気軽に参加ください。本当に簡単にネットと電話をつなげることができます。
Twilio : http://twilio.kddi-web.com/
※ ハンズオンセミナー中の出入りは自由です。
※ ご自身のパソコンを持参ください。
※ 電源、ネットワーク、Web サーバーはご用意いたします。

たにぐち まこと
株式会社エイチツーオー・スペース
たにぐち まこと twitter facebook

【プロフィール】
「ちゃんとWeb」をコーポレートテーマに、Web 標準に準拠したメンテナンスしやすい Web サイトを「ちゃんと」作ることを目指した Web 制作会社。
WordPress を利用したサイト制作や、スマートデバイス向けサイトの制、PHP や JavaScript による開発を得意とする。
また、CSS Nite や Word Camp での講演や著書などを通じ、クリエイターの育成にも力を入れている。
主な著書に『WordPressをちゃんと使うための教科書』(マイナビ刊)、『よくわかるPHPの教科書』(マイナビ刊)など。

【セッションタイトル】
クラウドデータベースで業務効率化と、安全な Web サイト運用術

【セッション概要】
クラウドデータベースとは、データベースとその利用ツール群をクラウド上にレンタルできるサービスです。
社内外の情報共有や Web サイトとの連携などを通じて、業務の効率化やシステム開発の迅速化を図ることができます。
このセッションでは、日本発のクラウドデータベースサービスである、サイボウズ社の『kintone』を利用し、実際に弊社で導入している事例や、API を利用したシステム開発の手法、WordPress との連携方法などをご紹介。
クラウドデータベースが社内業務や Web サイト制作にどのようなメリットがあるかをデモを交えてご説明します。
中小企業をクライアントに持つシステム開発者・Web サイト制作者の方はもちろん、日々の制作業務の情報共有に悩まれている方もぜひ。

古川 勝也(こがわ まさや)
CalmTech
古川 勝也(こがわ まさや) twitter facebook

【プロフィール】
青森県弘前市を拠点に、フリーランスのプログラマーとして様々な業種と関わりながらシステム開発を行う。
防災機器監視など基幹業務システム開発を経て独立後、テクニカルディレクション、Web システム開発を中心に活動。
情報設計、マーケティング、フロントエンド開発、バックエンド開発と職種を問わず、全プロセスをこなして問題解決に取り組む。
食に関する家族ユニット、料理研究一家「古川家」を立ち上げ、プログラマーのスキルを活かし電子書籍などでコンテンツ発信も行う。

【セッションタイトル】
協業プロジェクトにおけるコミュニケーション設計ケーススタディー

【セッション概要】
異なる専門分野、異なる組織の人員が協業する時にまず考えないといけないことは何でしょうか?
予算?納期?ビジョン?確かにそれらも重要です。しかし、いずれも円滑なプロジェクト運用ができてこそです。
運用、つまり最終的に人が動かしていくものであれば、コミュニケーション環境をどう設計するかが実は最優先事項になってきます。
しかも、メンバーはプログラマーなんて自分 1 人、IT リテラシーもばらばら。
こういう状況でどこから着手していけばいいのでしょうか?
自分が直面した状況をケーススタディーとして、今後の参考、または意見交換のきっかけになりましたら幸いです。

後藤 賢司(ごとう けんじ)
よつばデザイン
後藤 賢司(ごとう けんじ) twitter facebook

【プロフィール】
東京と大分を拠点として全国的に活動中。出版社、デザイン会社、Web 制作会社、企画・マーケティング会社での経験、自社メディア運営によるノウハウや、都市部と地方双方の視点を活用した「提案・企画・設計」を得意とします。中小企業庁「中小企業・小規模事業者ワンストップ総合支援事業」や大分商工会議所が主催する「大分商工会議所ビジネスなんでも応援隊」や大分県産業創造機構の中小企業アドバイザーとして、経営課題やプロモーション全般の相談を受けています。WordPress の勉強会の主催、Web サイト制作やデザイン系のセミナーでの登壇。大分クリエイターズ(デザイン勉強会)メンバーとして活動中。Web 業界の発展などを目的としたCPI エバンジェリストとしての活動、すみだクリエイターズクラブでクリエイターとして地域活性化に関わる活動を行っております。 キッズファッション情報「COCOmag」や地域活性化情報「jimomag 」運営。 「ゼロから始める WordPress 勉強会」、「webクリエイターのための情報交換所 」主催。
共著書に『これからのWebサイト設計の新しい教科書 』(MdN)、『WordPressプロフェッショナル養成読本』(技術評論社)、『現場でかならず使われている WordPressデザインのメソッド』(MdN)、『プロが選ぶ WordPress 優良プラグイン事典』(MdN)がある。

【セッションタイトル】
デザイン・制作をはじめる前に取り組む事

【セッション概要】
初心者向けのデザイン&ディレクションのセッションです。
デザイン作業にとりかかる前段階は、その後を大きく左右する重要な部分です。
プロジェクト規模によってはディレクターやプランナーなどが関わる部分ですが、その工程を知るのは大きな意味を持ちます。
実際に手を動かすレイアウトなどの作業に取りかかる前に、どのような動きをすれば良いのかを知れば、よりスムーズなコミュニケーションや進行が実現できるかもしれません。
漠然とした部分を少しずつ仕組化する事で、大きなトラブルなども避けられます。
短い時間ですが、その当たりを一緒に確認しあえればと思います。

菱川 拓郎(ひしかわ たくろう)
コンクリートファイブジャパン株式会社
菱川 拓郎(ひしかわ たくろう) twitter

【プロフィール】
ウェブ制作会社でマークアップエンジニア、企画・開発ディレクターとして勤務したのち、フリーランスとして独立。
独立後はオープンソース CMS「concrete5(コンクリートファイブ)」のコミュニティに参加、日本語版の翻訳や、開発・普及活動を行なう。2012 年より concrete5 のサポート・普及活動を行なうコンクリートファイブジャパン株式会社を設立。
CMS がウェブ制作者とクライアントの良好な関係をいかに手助けできるかを常に考えている。

【セッションタイトル】
使ったことのない CMS をインストールしまくろう!のもくもく勉強会

【セッション概要】
みなさんは Web 制作にどんな CMS を使っていますか?ひょっとして、WordPress しか使ったことがない?時間がなくて試せていない?わかります分かります、その気持ち!では、手分けして使ったことのない CMS をインストールしまくって触りまくっちゃおうじゃありませんか!Drupal, concrete5, Grav...サーバーに自信がなくても大丈夫。CMS のプロがどんな風に効率的にインストールしているのかもついでに盗んじゃいましょう!
※ ハンズオンセミナー中の出入りは自由です。
※ ご自身のパソコンを持参ください。
※ 電源、ネットワーク、Web サーバーはご用意いたします。

大月 茂樹(おおつき しげき)
ニイハチヨンサン
大月 茂樹(おおつき しげき) facebook

【プロフィール】
地元岡山のSIerにて主に官公庁向けのシステム開発やサーバー構築へ従事。その後、Webプロダクションにてフロントエンド・バックエンド開発、Flash制作、一般企業にてインハウスでECサイト運営や各種制作業務を経て、2010年に独立。岡山を拠点に中小企業・小規模事業者におけるWeb活用の支援を目的としたコンサルティングやWebサイト制作などに携わる傍ら、それらをテーマとした講演活動も行なっている。
倉敷芸術科学大学芸術学部デザイン芸術学科 非常勤講師、独立行政法人中小企業基盤整備機構 販路開拓支援アドバイザーなども務める。著書に『マルチデバイス時代のWebデザインガイドブック』(共著、ソシム)がある。

【セッションタイトル】
WebSocket を介してデバイスを利用する Web システム構築術

【セッション概要】
Web システムから、もっとわかりやすく言えば、Web ブラウザーからはパソコンへ接続されているデバイスをコントロールできません。みなさん、ご存知の通りです。
でも、例えば店頭での会員受付システムやポイントカードシステムなどを、Web システムで構築できると楽しそうですよね。
本セッションでは、「パソコンへ接続されたデバイスをコントロールする機能」と「Web ブラウザーとの通信機能」、簡便にこの2つの機能を持ちあわせた .NET アプリケーションの開発手法をご紹介。
具体的には、SONY 社製のカードリーダーライターである PaSoRi、そして、WebSocket を用い、昨今何かと話題の「NFC 対応」な Web システムの構築術をデモを交えながら解説します。
もしかすると、「.NET アプリケーション!?」と一歩引く方がいらっしゃるかもしれませんが、小難しいことはお話しませんので気楽に聴いてみてください。
「ほんの少しでも学んで組み合わせれば、仕事の幅が広がるよね」と思っていただけると幸いです。

前川 昌幸(まえかわ まさゆき)
株式会社イー・ネットワークス
前川 昌幸(まえかわ まさゆき) twitter facebook

【プロフィール】
1972 年、兵庫県生まれ。2000 年より広告制作会社に所属し、ウェブ制作・デザイン・DTP 補佐・プログラミング・職業訓練校派遣講師などを経験、2006 年にウェブ専業の会社に移籍。それまでの経歴は、VIDEO ショップ店長、バーテンダー兼会社役員、コミュニティ FM パーソナリティなど。大学での専攻は考古学。現在は岡山県でウェブ制作会社に勤務。
okayama-js 主宰。主にマークアップ、フロントエンド、サーバサイドプログラミングを担当。また、okayama-js などのウェブに関連した勉強会の企画や主催も行う。
2010 年より登壇活動を開始。岡山 WEB クリエイターズ、岡山・高松・東京の CSS Nite、okayama-js などで主に JavaScript、マークアップなどのテーマで登壇。
著書に『 レスポンシブWebデザイン入門~モバイルファーストの考え方からのアプローチ 』(技術評論社)、『 Web制作者のためのSublime Textの教科書 』(インプレスジャパン/共著)、『 現場のプロが教えるWeb制作の最新常識 』(MdN /共著)等がある。

【セッションタイトル】
jQuery3 何が変わって何が変わらないのか

【セッション概要】
6 月 9 日にリリースされた jQuery3。
バージョン 1.x と 2.x が並行してリリースされていた状態から、
- 何がどのように変わるのか?
- これまでのプラグインは問題なく動くのか?
などを中心に、新しいバージョンへの対応の心構えについて解説します。

江頭 竜二(えがしら りゅうじ)
株式会社キャッチアップ
江頭 竜二(えがしら りゅうじ) twitter facebook

【プロフィール】
1973 年佐賀県生まれ、佐賀育ち。就職後は福岡へ。
27 歳で他業種よりIT関連会社へ転職。その後、2007 年に独立。
5 年間のフリーランスを経験後、2012 年 1 月、株式会社キャッチアップを立ち上げ、Web システム(CMS 系)を中心とした提案、開発に携る。
ユーザビリティ・運営を意識した開発を心がけている。
フリーランス中に参加したコミュニティ活動を通じて、2010 年に自身が開発していた CMS「baserCMS」をオープンソースとして公開。
現在は、baserCMS のコミュニティである baserCMS ユーザー会を運営し、全国的な活動を行なっており、 2014 年には、baserCMS を継続的に普及促進、機能改善していく為、特定非営利活動法人ベーサー・ファウンデーションを設立。

【セッションタイトル】
コミュニティがあなたを強くする
~事例に学ぶコミュニティというエコシステムの活用術 ~

【セッション概要】
コミュニティというのは雲のようなものではありますが、瞬間、瞬間に確実に存在します。
昨今の IT の発展を説明するにあたり、「コミュニティ」という言葉は欠かせないものとなっています。
このセッションでは、baserCMS というオープンソースのコミュニティを 6 年間運営してきた事例や、「熱い」と言われる福岡のコミュニティの歴史などを交え、コミュニティの必要性、参加する意義、参加の際のポイント、また、継続する為の運営方法や、「何故、あなたを強くするのか」という事を解説します。
技術論からは少し離れますが、あなたが「やりたい事を成し遂げる」為に、一つの事例を伝える事で少しでも力になれればと思います。

座談会

テーマ 2016 年上期 Web 業界ニュース
~トレンドから未来予測しよう~
概要 2016 年上期の Web 業界ニュースから現在のトレンドと、これから流行る技術などを予想します。
座談会は CPI エバンジェリスト 8 名が登壇します。

交流会

交流会は、皆さんが主役です。昨年同様クラフトビールと軽食をご用意させていただきます。ビール片手に Web 制作者の輪を広げましょう!

開始:18:30 から 20:00 参加費:無料

前回の様子はこちら

参加者プレゼント

今回は参加者全員に当たるプレゼントをご用意しております。イベントに参加して、豪華景品をゲットしよう!

プレゼント

アクセス

〒102-0083 東京都千代田区麹町三丁目 6 番地 住友不動産麹町ビル 3 号館
有楽町線「麹町駅」徒歩 2 分 / 半蔵門線「半蔵門駅」徒歩 4 分 / JR線「四ッ谷駅」徒歩 11 分

ペ-ジトップ

お申し込みはこちら

更新履歴

20160719
タイムテーブル一部変更しました
20160701
座談会内容を追記しました
20160627
プレゼントに Jimdo 関連グッヅ追加しました
20160627
プレゼントにスマートフォンホルダー Slipin(3 名)を追加しました
20160624
ハンズオンセミナーが一部変更になりました