本イベントでは実際のWeb サイトができ上がる前に行なっていきたいこと、十分に考察を重ねていきたいことなどをワークショップ形式で学びました。

ゆるゆるカフェではテクニカル面の講習にも力を入れていますが、本イベントにおいてはソースコードなどの技能・知識がなくても参加できる会にしました。

ゲスト講師にはよつばデザインの後藤賢司氏（以下、後藤さん）をお招きしました。講義の内容に関してはぜひ後藤さんのブログ・レポートをご覧下さい。

Index

１．和やかなカフェを設計する
２．グループで発言の機会を増やす
３．個人の情報発信を実践する
４．心が動かないと人は本気で動かない
５．セルフ・ブランディングを応援します

１．和やかなカフェを設計する

対話を取り入れた勉強会において大切なことは気楽に話せる雰囲気作りから。カフェにいるみたいに、・・・・。ただ終始おしゃべりに流れるのではなくて、適度な緊張感をもって楽しく学びを進められる場を、会場の参加者全員で作っていく。ゆるゆるカフェではそんな取り組みを行なっています。

初めのオリエンテーションでその概要を説明し、ゆるゆるカフェで考えている勉強会の取り組みを「レジュメ」を交えてご説明しました。今回のレジュメは勉強会の進行を伝えるだけのものではなく、当イベント設計書としての制作を試みました。

後藤さんのご用意頂いたグループワーク用の教材は架空の「カフェ」のモデルケース（要件定義）。カフェのサイト設計というグループワークにおいて、ゆるゆるカフェというカフェもまた（紛らわしいですが、・・・・。笑）、イベント設計に基づいたサービス提供を試み、ご参加の皆さまには二重にそのご体感を頂く試みとなりました。

２．グループで発言の機会を増やす

通常は人数が増えればそれだけ発言の機会が少なくなってしまいますが、グループに分かれて行なうことにより、参加人数が増えても一人ひとりの発言の機会は均等に保たれます。

グループワークはイベントに参加するお一人ひとりのクオリティに拠るところの大きい勉強会です。参加者同士が会の主旨を理解し協力し合い、グループでお話を盛り上げていくことが期待されます。

そのためにもゆるカフェのイベントの行われていない日常においての、情報共有や意見交換などFacebook グループの皆さまとの日頃からのコミュニケーションが当勉強会においては欠かせない取り組みになっています。Facebook グループにてその運営を行なっています。どなたでも入会・退会ご自由です。

ゆるゆるカフェでは立場や職域、スキル、力量などさまざまな方々が集います。ソーシャルでもオフでも、お互いの違いを知り、知識・技能を学び合う機会となれば幸いです。そうした日々の取り組みの中で月１回ほどのペースですが、皆さまと集うひとときを、私はいつも心待ちにしています。

３．個人の情報発信を実践する

ゆるゆるカフェとしてのコミュニティ・テーマは「セルフ・ブランディング」。本イベント（デラックス版）はそのテーマに直結した内容として位置づけています。

後藤さんのご用意頂いたモデルケース（要件定義）でサイト設計の疑似体験を行ないつつも、それを自らのセルフ・ブランディングに置き換える試みを、今回は（任意で）ご参加の皆さまに実践頂きました。＊そのまま後藤さんの教材で考察を重ねられた方もいらっしゃいます。

学んだ内容をその場で自らの実践に活かしていく試みを、ゆるゆるカフェでは大切にしていきます。学ぶ前に一度は情報発信をしてみる。そしていったん学習のプロセスを経て、さらにパワーアップした自分となり、新たに自らの情報発信に取り入れていく試みを、一日のイベントの中でご体感頂きます。

４．心が動かないと人は本気で動かない

「リアルの場で行われていることが、ネットでも同じように行われると考えられていい」と伝えて頂いた後藤さんのお話に、ゆるカフェのイベント・コンセプトもまたゆるやかにつながらさせて頂いていた感があります。

今回のWeb サイト設計におけるターゲット属性の洗い出しや潜在顧客ニーズの顕在化、そのサイト運営側とのマッチングは、Web サイト制作における重要な試金石となります。> 後藤さん、本当に素敵な教材と講義をありがとうございます。

ワクワクとした体験をしたとき、私たちは生きる意欲、学ぶ力を心の内に覚えることを経験的に知っています。集いがつどいだけで終わらない。次にまた集えるその日まで懸命に生きる。自分の中ではいつもゆるゆるカフェがそんな集いになればいいなと願っています。

感動体験を共有できれば、私たちはきっともっと互いに高いところで成長し合えるはず。先ずは一人で動いてみることを大切にしたい。試みて工夫をして、そこからきっと何かが生まれると思う。

５．セルフ・ブランディングを応援します

ゆるゆるカフェはいつも状況が変わっていく勉強会です。さまざまな対応を行なっていく中で、必ずしもその選択がベストなものとは限らず、道半ばの我が身を今回もいたく痛感しました。それでも本イベント終了後、ご参加の皆さまからは温かなメッセージや励ましのお言葉をたくさん受け取りました。ご紹介させて下さい。

「30代に入って感動する体験がなくなっていた。20代の頃の感動を今日は久しぶりに味わうことができた。」（30代男性）

「ギイチさんの、ゆるゆるや参加者の方への想いが伝わってきて、とても楽しい1日になりました！」（20代女性）

「本日は、このような会を開いて頂きありがとうございました！とても有意義でした^^　また、お会いできたら嬉しいです！」（20代男性）

「Facebook昨日作成しました。笑　早速グループに入りましたので、今後積極的にゆるカフェに参加して意向と思います！」（20代女性）

「設計するにあたってのディスカッションで、見ていなかった視点があって、それになるほどと。有意義な時間でした、」（20代男性）

「ユニークな取り組みのおかげで、初めての参加でしたがすぐに皆さんと話せることができました。また参加させていただければと思います。」（30代男性）

「とても勉強になりました！！
自分でも勉強会を開催してみようという想いが強くなりました。
次回も是非参加させて頂きたいと思います。」（30代男性）

「素晴らしいロケーション、渡邉さんの心地良い仕切り、活発な参加者と、とても良いイベントで良かったです。」（40代男性）

（追記｜２月５日AM）「振り返ると暖かいイベントでしたね。

自由に発言できる場があったのも良かったとこだなと思っていて、普段しゃべる機会が少ない人にも、順番は回ってくるし、誰もそれを隔てずに聞いてくれる、それだけでも受容されている感覚になります。

そこがほっこりの正体かなと思ってます。」（20代女性）

主催者冥利に尽きます。

ターゲット・ユーザーがどのようなＷｅｂサイト体験を行ない、どのような行動を期待していきたいのか、・・・・。今回のイベントは（Ｗｅｂではなくリアルでしたが）その設計・思いを遙かに超えた皆さまのお声を受け取らさせて頂く機会となりました。人生、意気に感じる思いです。

ビジネスや趣味、そしてライフワークの活動において、単にモノ売りではない、単にサービス提供ではない、一人でも多くの方の心に届くメッセージを共有していきたいです。

皆さまのセルフ・ブランディングの実現をゆるゆるカフェは応援します。そしてぜひ皆さまのお力をお借りさせてください。ゆるゆるカフェでお待ちしております！

会場のご協力：モバフ新宿アイランド

本イベントの情報は、
ゆるゆるカフェ・公式サイト：http://yuru2cafe.com
Twitter: https://twitter.com/yuru2cafe
Facebookページ：https://fb.com/yuru2cafe
Facebookグループ：https://fb.com/groups/yuru2

今年からゆるゆるカフェは３スタイルに分けて動きます。１月はクラシック。従来の勉強会のカタチに近いですが、講義の前にグループに分かれてコミュニケーションを交わして頂いたり、講義終了後に（グループごとに）画用紙でプレゼンを行なって頂いたりします。

Index

１．UNDERSCORES + Foudation + Sass の制作（総論）
２，サンプル・テンプレートを公開しました
３．Foundation を動かしてみる
４．UNDERSCORES をダウンロードする
５．なぜ_S(UNDERSCORES)+ Foundation + Sass が３つで一つなのか
６，参考資料
７．制作環境
８．次回のゆるゆるカフェ

１．UNDERSCORES + Foudation + Sass の制作

今回の講義の前半はゲスト講師に三柴誠一郎さんをお招きし、Sass による Foundation 利用をお話しを頂きました（主に理論編）。後半、私渡邉からは UNDERSCORES + Foudation + Sass の制作事例（主に実践編）をお話しさせて頂きました。

三柴さんに作成頂きましたスライドです。ぜひご覧ください。

以下、私からのお話しをリマインドさせて頂きます。

結論から申し上げますと、UNDERSCORES、Foundation、Sass は３つワンセットで効率のいいWeb サイト制作を実現できると思います。

Foundation をWordPressで使用するとき、UNDERSCORES の構造に組み込んで使うことで効果を発揮します。UNDERSCORES の精緻な構造は、Sass を導入することでストレスの少ないカスタマイズを実現します。

【追記】Foundation はCSSフレームワークの一つであり、BootStrap も有名なその仲間の一つですが、両者の決定的な違いは基準値です。Foundation では基準の単位に rem （１文字）が使われており、マガジンサイトなど読みやすさを追求したいWeb サイト制作には外せないこれからの基準値ではないかと思います。先日のWordPress デフォルト・テーマ Twenty Fifteen においても、rem が使われ始めています。 (2015年１月13日AM)

いずれのフレームワークにしましても、レスポンシブ・デザイン対応であり、モバイル・ファースト、スマートフォンでの閲覧を最優先にしつつ、PCサイトにおけるデザイン・レイアウトを効率よく仕上げていくための有効なツールであることには変わりありません。(2015年１月13日PM)

２．サンプル・テンプレートを公開しました

実際の制作事例です。

サンプル・サイトをご用意しました。

このブログサイトをリニューアル中ですが、その index.phpファイルを今回の教材として使用してみました。まだ試作の段階ですが、本講義においてご参考頂けるレベルになっていると判断し、上記サンプルサイトを再現するテンプレート index.php ファイルを公開しました。配布している資料はテーマごとですが、実際に作成を行なっているファイルは index.php, style-original.css ( & style-original,scss), functions.php のみです。

公開しました index.php はデフォルで分割されている、header.php, sidebar.php, footer.php をいったん同ファイルにまとめています。

[CosmoStyle サンプル・テーマ：フォルダ名：「 ghichi 」]
＊サンプル・データの公開は終了しました。

初めの２つの画像はミドルサイズで、functions.php において、アイキャッチ画像の有効化と共に規定をしています。

 ３．Foundation を動かしてみる

それでは一つずつ見ていきましょう。

先ず初めにFoundation です。

Foundation そのものを動かすにはWordPress もSass も必要ありません。

ダウンロードしたフォルダの index.html を立ち上げてみれば分かります。上記のように同フォルダ内でFoundation のサンプルをご覧頂けます。

４．UNDERSCORES をダウンロードする

次にUNDERSCORESです。

こちらもオフィシャルページからダウンロードはすぐにできますが、ぜひ Advanced Options から登録して下さい。

ご自身の使用したいお名前、スラッグを指定することで、すべてソースに埋め込まれたカタチで、テーマとしてご利用頂けるようになります。

このUNDERSCORESにFoundationを利用していくために、Header 部とFooter 部において、設定を行なっていく必要があります。

ソースコードを見て、いくつかのCSSファイルとJSファイル が同フォルダ内でリンクされていますので、それをWordPress のheader.php と footer.php で再現してあげればOKです。

・・・・

ポイントは２つ。
一つはFoundationをテーマファイルにフォルダごと入れてあげることです。UNDERSCORESのファイルと混ぜてしまっては見るのが辛くなります。笑

２つ目は、CSS が適用される順番です。
１．オリジナルCSS
２．Foundation
３．UNDERSCORES
この順番でCSSが優先されるように記述しますので、実際の Header 部における記載はUNDERSCORESから、Foundation、オリジナルCSS の順に記載します。＊UNDERSCORESの style.css は wp_head() から生成されます。

今回のCSS の制作はこのオリジナルCSS（ style-original.css ）を新規作成し、自身のCSS を書き込んでいくようにしています。Foudation によるCSS の書き換えもこのファイルで上書き可能です。

５．なぜ_S(UNDERSCORES)+ Foundation + Sass が３つで一つなのか

_S (UNDERSCORES) テーマはデザインのためのCSS はほとんど記述されていませんが、構造化するための id , class は精緻に割り振られています。

いったん慣れればすべてのデフォルト・テーマに共通した使われた方になっていますので、汎用性の高いテーマです。

Sass は CSS を入れ子で記述していけたりしますので、_S のように正確な id , class が割り当てられている、html 構造のしっかりしたファイルには親和性が高いのです。

Sass による制作の実演は後日に改めてレポートしていきたいと思いますが、Sass にかんして今回の私のプレゼンにおいては、（とくに初めての方においては）オリジナルCSSに限定して使うようお勧めしてみました。

使い勝手が慣れてから、Foundation やUNDERSCORESにおいて用意されているものも少しずつ取り入れていくのがいいかと思います。詳しくはぜひ上述の三柴さんの資料をご参考下さい。

今回の制作スタイルが万能とは決して申しません。画像の大きさの取り扱いや、重複するCSS の働きなどいくつかの課題をもっています。

レスポンシブ対策に力を入れてきているWordPress で用意されたCSSより優先させて、Foundationを取り入れている状況もあります。

よりクライアントさんの実状にあったサイト制作を行なっていけるよう、理にかなった制作コード作成の工夫を日々重ねていきたいと思います。

改めてこの制作のフォローアップを行なっていく機会があればと思いますが、皆さまのオリジナル制作に少しでもヒントとなる内容となっていましたら幸いです。皆さまからのフィードバックも歓迎します！

６．参考資料・Web

＊_S （UNDERSCORES）

＊Foundation

＊Sass

＊_S （UNDERSCORES）（ブログ）
「スターターテーマ _s を使ってWordPressのテーマをつくる」

＊Foundation（スライド・シェア）
今回のゲスト講師、三柴さんによるスライドです。
「はじめてのオリジナルテーマ制作」

＊Sass（書籍）
「Web制作者のためのSassの教科書 」

７．制作環境

機種
・MacBook Pro

エディタ
・Coda 2
・Jedit X

ブラウザ
・Firefox

Firefox アドオン
・Firebug
・Web Developer
・ツリー型タブ
・Automatic window resizer
・Measure

WordPress プラグイン
・Auto Post Thumbnail
・Post Thumbnail Editor
・Show Current Template
・WordPress Popular Posts

８．次回のゆるゆるカフェ

会社サイト、飲食店のWebサイトの設計を考えてみよう

日　時：１月31日（土）１３：３０〜
場　所：モバフ新宿アイランド　２０F
対　象：
・企業のWebサイト担当の方
・自分のWebサイトの設計方法を知りたい方
会　費：三千円（勉強会＋懇親会）
ゲスト：よつばデザイン　後藤 賢司氏
詳　細：http://yuru2.jp/2014/12/27/cafe42/

１．適度な情報発信は学習効率を高める
２．収縮と発散を織り交ぜていく
３．ワクワクする取り組みをする
４．ホストも制作に必要なスキル
５．WordPress 会話を楽しむ
６．３つのスタイルが生まれました
７．来年のゆるゆるカフェ

１．適度な情報発信は学習効率を高める

12月６日（土）のゆるゆるカフェ・レポートを書きました。これまでのゆるゆるカフェを振り返って総論的にまとめています。ゆるゆるカフェの理論的な背景にも踏み込んで記述を試みています。

本ブログを記述するに際し、うまく整理できない状況が続きました。今月に入り２回ほど懇親会のような席でゆるゆるカフェをお話させて頂ける機会がありましたので、その時の資料（編集済）もスライドシェアします。

WordPress の勉強会ですが、WordPress の内容についてほとんど触れられておりません。よろしければ以下、スライドとブログ文章をお付き合い下さい。

適度な情報発信は学習効率を高めます。一度学んだことを言葉にしてみることで、聞き手と話しての双方がさまざまに啓発されることは説明を要するまでもありません。

谷口允さんをゲストに迎えての前回のゆるゆるカフェは資料が充実しており、改めて読み合わせをする勉強会があってもいいと思いました。そして今回の企画です。

対話を中心としたゆるゆるカフェのWordPress 勉強会スタイルは３年前より行なってきました。今回のようにゲストを交えないゆるゆるカフェは比較的スタンダードなカタチとなります。

２．収縮と発散を織り交ぜていく

「Web サイト設計」をテーマにリストアップした課題20個（前回の勉強会のゲスト、谷口氏よりご提示頂いた資料を基に作成）を元に、参加者各自の興味・関心に従って発表形式でお話を進めました。

各自の発表はばらばらであっても、「Web サイト設計」という大きな枠組の中での位置づけを意識して、適時解説の補足や発問を進めていきました。

メイン課題から外れたとしても、重要だと思われる議題にはさらに時間を惜しまず言及を重ねて、話題の関連づけを試みました。

一斉の勉強会と個別の課題の取り組みは相反することが多々ありますが、ゆるやかに枠組みを作って（今回は「Web サイト制作設計」）、その中で各自が選択した取組課題をお話頂きつつ、「体系」の再構築を試みました。

参加者に発言権を委ねて、それを一切否定しないというゆるゆるカフェのスタイルは、おのずと話しの内容が拡散していきます。一方で体系化の試みは収縮です。あらゆる知識・情報はその役割を与えられ、その体系の中で一つのポジションを担います。おのずと一見成立しにくい状況も見え隠れします。収縮と発散をどう織り交ぜていくかが都度のゆるゆるカフェの課題となり、持ち味となってきました。

３．ワクワクする取り組みをする

ゆるゆるカフェは対話を通して行なうＩＴ技術勉強会です。体系化された内容を一方的に講義するのではなく（時には必要なスタイルとなりますが）、参加者のプレゼンを織り交ぜながら、参加者の興味に合わせた進行を試みます。

人がもっともやる気をもってそれに集中して取り組める課題は、自ずと個別的になります。難しくて手に負えない内容ではなく、やさし過ぎてつまらなく感じてしまうことではなく、適度に手応えを感じながら進めてこそ、意欲的に集中して取り組めます。それには個別に取り組む以外に術はありません。「もくもく」が広く普及しているのもうなづけます。

ゆるゆるカフェも状況に応じて「もくもく」となります。後半の「画用紙プレゼン」の準備の時間はまさにもくもくです。但しそれでも対話を通して、対話のために一時的にもくもくの時間帯を取り入れている感じがします。

いかに各自がワクワクしながら取り組めるか、いわば参加者がそれぞれの「フロー」をどのように作り出していけるか、その各自のフローが持ち寄られてその日オリジナルの会場の空気を作っていくのだと思います。ゆるゆるカフェという名の「ライブ」はその名の通り参加者全員の取り組みで作り出されます。

４．ホストも制作に必要なスキル

今回のゆるゆるカフェでは個々の発表をゆるやかにつなげながら、全体として一つのナレッジを形成しようと試みていました。

ゆるゆるカフェでは会話をどうホストしていくか、WordPress における知識や技能だけでなく、「対話」を組み立てていくスキルなども求められます。

グループに分かれてのセッションにおいて、各テーブルでのホストはもちろん、ホストを助けながら会話を盛り上げていく個々の、絶え間のないファシリテーション・または情報デザインが繰り広げられます。実際にご体感を頂きながら、さらに皆でいいものを作り上げていこうとしていきます。

参加者に主体的に関わって頂くゆるゆるカフェは、それ自身が効率的な勉強方法であると同時に、実際のクライアント先でのWeb サイト制作プロデュースにおける（とくに初期においての）ブレイン・ストーミングなどに効果を発揮するスキルにもつながっているように思います。

５．WordPress 会話を楽しむ

ゆるゆるカフェに何度か出ていると、同じようなお話の展開、テーマのポイントなどが整理されることがありますが、いつでも少しずつ状況は変化しています。その時々の新しい情報と知識を交えて、新しいカタチでの意見交換が再構築されていきます。

グループの会話に上った話題は会場の中でさまざまなカタチで共有されます。互いの技能・知識を持ち寄って都度アップデートしていく試みは有意義のように思われます。

間違っても構わないし、あやふやでも構いません。ここだけのオフレコの話も時おり飛び交います。フェイス to フェイスならではの知識・情報共有の場を大切にしたいです。

勉強会を重ねるつど、新しい仲間を迎えての開催が常です。最近は毎回足を運んで下さる方も増えてきています。まったく同じ顔ぶれではなく、新しい仲間とゆるやかにつながりながら学び合う場として、毎回楽しみの待てる勉強会グループになっていることをうれしく思います。

いつでも新しい仲間が増えるつどに、すでに学んだことを自分の言葉で伝えていく営みが学びをさらに進めます。新しいことを伝える試みは、それ自身コミュニケーション技能のブラッシュアップにもつながります。

国内外を問わず優れた機能をもつCMS は数多く存在します。ゆるゆるカフェではオープンした2010年３月より、WordPress に限定して毎月の勉強会を重ねてきました。

英会話が英語を学ぶだけの会ではないように、WordPress 会話もWordPress を学ぶためだけの勉強会ではありません。その文化を知り、言語を共通とする（少なくとも学びたいことを共通にする）ことで、自然につながりがもてて、さらにその先にお話が進むケースも少なくありませんでした。

10名ほどの少人数の時は一つのグループで進めていけますが、それ以上になるとグループに分かれてどこまでクオリティを出していけるかが問われます。ゆるゆるカフェが各テーブルのホスト役を初めとするご参加頂く皆さまのご理解とご協力に支えられている会であることを、改めて振り返ります。

６．３つのスタイルが生まれました

ゆるゆるカフェには自然と３つのスタイルが生まれてきています。
・ゲストを招いて一般の方のご参加も想定したデラックス版
・ゲストを招かず内容のフォローアップをしていくスタンダード版
・WordPress の技能講習を中心としたクラシック版
それぞれもう少し説明を添えます。

＊ ３つのスタイル名称はいづれも仮称です。

□ デラックス版

３ヶ月に一度ほどはゲストを招いて、広く一般の方にも参加を募るスタイルでゆるゆるカフェを行なっていきたいと思います。ゆるゆるカフェでのそのスタイルを「デラックス版」と呼称してみました。

参加者の立場・方向性・スキルの違いはそのまま視点の違いとなり、スキルを分かち合う協業・協力の可能性として歓迎したい自然な展開ともなります。

直近では１１月（前回）のイベントがそれに対応します。次回は１月３１日によつばデザインの後藤賢司さんをお招きして行ないます。対象は、企業のWebサイト担当の方、自分のWebサイトの設計方法を知りたい方です。

□ スタンダード版

今回のようにフォローアップを兼ねた勉強会も継続的に取り組んでいきたいと思います。ゲストを交えない従来の？ゆるゆるカフェということで、「スタンダード版」と呼称してみました。

もちろんいつでも新規の参加者、初心者の受け入れを歓迎していきたいと思っています。

□ クラシック版

このスタイルでは従来の技術講習として、参加者それぞれがＰＣまたはタブレットを開いて頂きながら、きめ細かく技能の向上・共有化を図る展開を基本とします。ただいきなり「講義」というのではなくて、前後にグループでの会話を取り入れていくなど、ゆるゆるカフェならではのアプローチを図っていきたいと思います。

７．来年のゆるゆるカフェ

参加者の対象を少しずつ変えたりしながら、さまざまな試みを経て、2015年から３つのスタイルでゆるゆるカフェは動きます。どの型も基本的には参加者の対話を大切にして展開させていくゆるカフェ・ライブであり、皆さまとご一緒にさまざまなな学びを進めていきたいと思います。

年明け１月第二週の土曜（１月１０日）に、クラシック・スタイルでの勉強会を予定しています。内容は WordPress + スターター・テーマ UnderscoreS + Foudation＋Sass というスタイルのサイト制作構築を学ぶ会をとなります。今年フリーになられた実力派の三柴誠一郎さんと一緒に講師を担当します。対象は主にクリエイターになりますが、ご興味をお持ち頂けましたらぜひご参加下さい。

Facebook にてゆるゆるカフェグループの企画を公開運営しています。よろしければどうぞご覧ください。入退会ご自由です。ここまでお目を通して頂きありがとうございました。来年もどうぞよろしくお願いいたします。

渡邉　義一　
ぎいちワン　代表（旧　シュービン情報デザイニング）

PS. 来年から屋号が変わります！

いつものようにイベントの軌道修正を重ねながら、無事にイベントを終えることができました。撮影にもご協力頂きました。ゲストの谷口さんを初めとするご参加の皆さま、本当にありがとうございます！

ゆるゆるカフェの個人情報保護方針

INDEX

１．テーマはWeb サイトの設計
２．裏テーマは「再構築」
３．ご参加の皆さまにお力を借りました
４．オリエンテーション
５．第一セッション：お客様のご要望を参考サイトから推し量る
６．第二セッション：リニューアルのご提案をお話し頂く
７．第三セッション：Web サイト設計のポイント（谷口さんのお話）
８．第四セッション：グループ内ライトニングトーク
９．第五セッション：個別ワーク
10．第六セッション：画用紙プレゼン
11．第七セッション：谷口さんから総評
12．ゆるゆるカフェを支える子役・他

１．テーマはWeb サイトの設計

谷口さんにはWeb サイト設計のポイントをお話頂きました。CMS を活用していく上でのポイントを、WordPress の機能に立ち返りながら具体的な事例を交えてお話頂きました。

谷口さんのお話をサンドイッチするように、グループワークを挟んでいるのが本イベントの特徴になります。勉強会の後半では画用紙を使ったプレゼンに個別にお取り組み頂きました。

今回のこの内容は次回１２月６日（土）のゆるゆるカフェにて、もう一度振り返る勉強会を行うことにしました。ご興味頂ける方はぜひご参加下さい！

２．裏テーマは「再構築」

本イベントの裏テーマは「再構築」です。一つの結論に収れんしていくのが本来の講義（今回は谷口さんのお話）です。一方でワールド・カフェは参加者の意見がそれぞれ拡散していく（こともある）コミュニケーション手法です。その性質の違う内容を同じイベントにどう取り込んでいくのかはいつも課題となっていました。

今回のカギは「Web サイト設計を行なう」ことにありました。参加者それぞれの立場やスキル、レベルの違いが、話し合いやプレゼンの多様性と深みをつけていくことになりました。

３．ご参加の皆さまにお力を借りました

午前中にイベント準備を行ないました。机・いすの移動に始まり、模造紙のプラダン張り替え、お菓子の分配に受付準備やウエルカム・ボードの作成など、有志の方のお力添えにより滞りなくセッティングが進みました。お陰さまで午後からご参加頂く皆さまを気持ちよくお迎えする準備を整えることができました。

イベントの進行中もご参加の皆さまのご質問やご指摘を頂きながら都度の軌道修正を重ね、５時間のイベントが無事終了しました。この場をもちまして改めて、谷口さんを初めご参加頂いた皆さまにお礼を申し上げます。

以下 進行を具体的に追いかけています。WordPress の勉強会ですが、WordPress の内容にはほとんど触れられておりません。よろしければもうしばらくお付き合い下さい。

４．オリエンテーション

はじめにオリエンテーションにて、ゆるゆるカフェ及び本イベントで行ないたいことをご説明しました。ラストに相手を次々に変えての自己紹介を行ないました。

５．第一セッション：お客様のご要望を参考サイトから推し量る

第一セッションは４人ひと組となりお話頂きました。課題サイトを見ながらお話頂いたほうがスムーズであることも改めて気づき、セッション中はいつも閉じて頂いているパソコンやタブレットを開いてお話頂いています。

予めご提示した課題サイトを考察頂きました。Web サイト制作を行なっていくにあたり、ご依頼されたお客様は谷口さんにどのようなご要望またはリクエストをお願いしたのか、Web サイトから皆さまに推測頂くようリクエストをしました。

ここで会場から課題の内容がよく分からないというご指摘を受けました。具体的に何がゴールなのか、必ずしも明確ではなかった私からの問いをきちんとご指摘頂きました。

６．第二セッション：リニューアルのご提案をお話し頂く

第二セッションも引き続きグループワークを行なう予定でしたが、その前に谷口さんにアトリエサイトの制作背景や状況を差し支えのない範囲でお話頂きました。

その後グループセッションに移りました。課題はどのようなWeb サイトをご提案したらいいかを話し合うというもの。グループごとにホストを決めて席替えを行なっています。

７．第三セッション：Web サイト設計のポイント（谷口さんのお話）

いよいよ谷口さんのお話です。CMS を活用していく上でのポイントをWordPress の機能に立ち返りながら、具体的な事例を交えてお話頂きました。

技術的なお話として魅力たっぷりの内容をお話頂きましたが、たんに内容が濃いというのではなく、ゆるゆるカフェの取り組もうとしているイベント・スタイルをご理解頂き、会場の皆さまの志向、スキルに合わせた谷口さんならではのお話の展開に改めて敬服です。

８．第四セッション：グループ内ライトニングトーク

第四セッションではグループ替えを行なったあと、谷口さんのお話頂いた内容を基に、グループ内で各自５分以内トークです。持ち時間は２０分で一人ずつグループ内で５分以内のお話をして頂きます。時間が短くても構いません。終了したら次の方にバトンタッチします。全体のホストとして、５分毎にインターバルで時刻がきたことを（私から）告げて、Max で２０分４名のトークが終わるようにします。

９．第五セッション：個別ワーク

第五セッションは、個別ワークに切り替えました。お一人ずつ１０枚ひと組の画用紙をお渡しして、テーブルにご用意をしたマジックで手描きのプレゼンを作成頂きます。時間は休憩を含めて３０分ご用意しました。

10．第六セッション：画用紙プレゼン

第六セッションは、作成頂いた手描きのプレゼン資料を基に、３分以内トークです。時間がかなり詰まっていてやむを得ずお一人３分の設定です。このセッションも席替えをして何度か重ねると面白そうな感じがしましたが、タイムアップの時は近づいていました。会場からはデザイナーやエンジニア、マーケッター・経営者によって「それぞれ見ている視点がぜんぜん違う」という（いい意味での）ため息が聞こえてきたりしました。

11．第七セッション：谷口さんから総評

第七セッションは再び谷口さん登場です。実際の制作事例を交えてサイト設計の実践についてお話を頂きました。全体の総評も頂いて本イベントの終了です。

今回のような WordPress を交えての勉強会、またはそれを通しての交流会、コミュニケーションはぜひ多くの方に触れてみてほしいひとときです。そしてその一部でも職場やご活動にお役立ち頂ければ幸いです。

今後ゆるゆるカフェはしばらく今回のイベント・スタイルで（できれば２〜３ヶ月に一度ほどのペースで）定期的に開催を試みていきたいと思っています。スケジュールを同じにしても内容はまったく変わってしまうことが常ですが、今後もご参加の皆さまと共に育てていきたいセッション・ライブです。

12．ゆるゆるカフェを支える子役・他

トーキング・オブジェ

トーキング・オブジェにはゴムまりがよく使われます。これを持っている人がお話をします。話し合いをグループで作っていこうというメッセージを託して。いつしか片すみに置かれていたり。。

（テーブルクロスという名の）模造紙

前回（今年３月）の谷口さんを招いたときのイベントで机上に描かれた模造紙を壁に掲載しました。テーブルクロスという名の模造紙は４人ひと組のグループの中で、主に聞き手となるホストを、ほかの方がメモをしながら助ける役割も果たすメモ書きとなります。

なおこの模造紙は参加者によるさまざまなメモが残されています。一つの共同著作物としてゆるゆるカフェにて管理または破棄をしています。

砂時計

時を知らせる１０分砂時計（ページ表紙の写真）。アラームではなく、ゴングでもなく、さらさらと流れゆく時の流れを告げる砂時計。じつは日常の業務でも長く使っています。

環境音楽

個別ワークの時に音量低めで流しました。選曲は『あなたのことが大すき。by プリシラ・アーン』スタジオジブリ「思い出のマーニー」の主題歌を含むイメージ歌集アルバムです。

お菓子・ジュース

カフェのようにリラックした雰囲気で互いの学びを進めたいゆるゆるカフェ。お菓子とジュースは必須アイテムです。無印良品をメインにお菓子を調達しました。一つひとつビニールで包まれているのがうれしいです。

福島の和菓子を差し入れしましたが、すでに会場にはたくさんお菓子を配膳しており、減りはいま一つ。本当はビールの方が良かったかも知れません。過去にビールを飲みながらゆるゆるカフェを行なった実績はあります＾＾

今回のこの内容は次回１２月６日（土）のゆるゆるカフェにて、もう一度振り返る勉強会を行うことにしました。ご興味頂ける方はぜひご参加下さい！

勉強会のゴールを一つのWeb サイト制作完成まで設定して、その制作プロセスをハンズオンして頂くスタイルを取りました。

今回のWeb サイトはドットインストールご提供頂いているのWordPress 入門を参考にさせて頂きました。制作者の田口さんにスペシャルサンクスです。

Index

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
１．ハンズオンの基本的なガイドライン
２．レスポンシブWeb デザイン
３．WordPress テンプレートタグの取り扱い
４．ハンズオンの課題
本日の勉強会にて参考にしましたWeb サイト
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

１．ハンズオンの基本的なガイドライン

完成しているWeb サイトからWordPress のコードを抜いていき、ラストは html ファイルまで戻していきます。

さらにほんの数行のhtml5 のコードにした段階で、そこからまた再びソースコードを補填しながら、元のテンプレートに戻していくという作業を行なって頂きました。

そうした作業を行なう中で、ほとんど手を加えなかったファイルが style.css です。HTML 構造をどんなにそぎ落としても、CSS はそのままにしておくスタイルを取りました。

マークアップはそれ自身で一つの大きなテーマです。HTMLファイルの基本構造を把握頂きましたら、すぐにWordPress タグに置き換えていく作業に入ってほしいという思いもありました。

２．レスポンシブWeb デザイン

今回の教材サイトは横幅600px 固定のWeb サイトでしたが、ご時世に基づき、レスポンシブWebデザインにおける rem （一文字を長さの単位とする）を基本単位とするレイアウト事例をご説明しました。ご参加の皆さまにたいへん興味を持って頂きました。次回のテーマの有力な候補としても検討中です。

いったん組み上がったHTML ファイルをそぎ落とし、再びそれを元に戻していくという作業を行なう中で、設定の状況や見落としなどにより元のデザイン・レイアウトに戻らない時があります。

今日の勉強会でもありました。そうしたときどうミスを見つけていくか、また不具合の切り分けを絞り込んでいくか、そのノウハウの共有なども図りました。

３．WordPress テンプレートタグの取り扱い

Firebug で元のソースコードのチェックを行ない、不具合を起こしている原因を絞り込んでいくプロセスは多少根気が必要となりますが、丁寧に時間をかけていけばほとんどは読み解けていけることが多いです。

分からないときはすぐに検索する。どんな時でも有効な作業ステップとなりますが、今回はことあるごとに WordPress Codex 日本語版で調べることに言及しました。

とくにテンプレート階層の理解は必須です。一つのテンプレートが優先して使用されるというのがどういうことなのか、具体的事例を交えてご説明をしました。

４．ハンズオンの課題

ハンズオンを行なう上での一つの課題は、参加者のPC 環境及びスキルのバラつきです。たまたま人数が少ないから個々に対応が可能だったものの、人数が多いときに同じように、個別の対応ができるかどうか、予定した日程を遅らせることなく進めていけるかどうか、いまはさまざまな試みの中で、ベストな選択ができるよう模索中です。

説明が多岐に渡るときに、ハンズオンで何をしていくのかを具体的に明示していけるかどうかが課題です。従前の資料の準備も明暗を分けそうです。どこまで労務をかけられるかの問題もありますが、行なうと決めた以上はベストな形にもっていく気概を、今後も忘れずに心がけていきたいと思います。

今回もご参加の皆さまに助けられながら、またたくさんの視点に気づかさせて頂きながら、学びのひとときを過ごしました。本当に感謝です。

本日の勉強会にて参考にしましたWeb サイト

ドットインストール WordPress 入門

WordPress Codex 日本語版

WordPress Codex テンプレート階層

プラグイン：Show Current Template

Foundation｜メディア・クエリー

Reset CSS、その１

Reset CSS、その２

Normalize.CSScss

少人数ではありましたが（６名）、ネームプレートを着用頂きました。「呼ばれたい名前を書いて下さい」と言葉を添えて。

早い段階で参加予定者が全員そろいましたので、カンタンな自己紹介から始めました。WordPress がまったく初めてという方がいませんでしたので、予定を変更して、前回のUnix コード勉強会のおさらいから始めました。

ランチは中華。ゆっくりとお味を堪能しながら歓談させて頂いた後、参加者の皆さまとお菓子とジュースをコンビニで調達しました。（なぜかチョコレートに集中＾＾）

午後は午前におさらいした範囲を参加者の皆さまに５分以内でお話し頂くということからスタート。「人に説明するとよく学べる」というシンプルな事実を勉強会に取り入れました。もちろん「ゴール」の一つとして、ライトニングトークを想定しています＾＾

ゆっくりした流れのように思えても、双方向の情報共有は気づきの多いひとときとなりました。同じことを話しても、一つとして同じお話しの展開にはなりません。実際にやってみればすぐに分かることです。

新しい視点、新しい知識・技術、また人それぞれ操作環境によっても大きく学習の状況は変わることに気づかされました。一斉の勉強会では見過ごしてしまいがちな、小さいけれど決して無視のできない視点です。

午後の後半はUnix コマンドをさらに進めました。代表的なコマンドは、
・ssh
・passwd
・pwd
・ls
・ls -l
・ls -a
・ls -al
・cd
・mkdir
・rmdir
・cp
・mv
・rm
・vi
・cat

基本的な学びを進めながらも、サーバー比較の話になったり、制作事例の紹介になったり、ゆるゆるカフェの進みたい、または進んだ方がいい方向の話になったり、・・・・。決して自学自習だけでは得られない学びの幅と深さを体感させて頂けたように思います。

参加者あってのゆるゆるカフェを実感した一日です。

前回初参加頂いた松谷さんにチューターをお願いしました。講師ではなくサポーターでもなく、「チューター」をお願いしたのは初めてのことです。３回期の学生さんですが、求める以上のサポート役をこなして頂いて、静かに感動しました。

ゆるゆるカフェがこれまで試みてきた、関わって頂いた皆さまとご一緒に培ってきた良いものを残しつつ、目まぐるしく変わる環境にどう対応していくか、新しく変わり続けたいと思います。

いま求められることに柔軟に対応しつつも、中長期的に求められるＩＴスキルの研鑽に、これからもゆるゆるカフェは取り組んでいく所存です。

本日の勉強会は終わりましたが、ご参加頂いた皆さまは各自課題を持ち帰りました。いつもゆるカフェは一期一会です。その時その場で面白いなと実感できることを大切にします。（当たり前のことですけれど。）

さらに互いにパワーアップして、参加者の皆さまとの再会を楽しみにできるアットホームな場で在りつつ、いつでも新しい仲間にお入り頂けるオープンな場として、ゆるゆるカフェは静かに進化していきます。

来月のゆるゆるカフェは９月６日（土）１０時始まりを予定します。テーマは引き続きWordPress と Unix コードです。

帰りにうっかり乗り過ごしてしまいました。降りた千歳烏山駅では盆踊り！その心地よい太鼓の音を聴きながらこのブログを執筆しております＾＾

素敵な一日をありがとうございます！

WordPress の説明では「投稿ページ」に時間をさきました。このページでWordPress のさまざまな特徴をお伝えできるように思います。題材は新宿中央公園の池の亀。アイランド物語に公開しています。

今回は説明が中心であまり実習に時間をさくことができませんでした。初参加の方には早めにお越し頂き、事前に環境設定頂く時間配分も必要だなと感じています。

現在企画を進めている「動画」コンテンツ。知識や技術などある程度ご自身で学べることは学んでご参加頂くなど、個々に有意義なひとときをお過ごし頂くための配慮を引き続き検討していきたいと思います。

長めのお昼を挟んで、二部はUnix の勉強会。私自身途上の身でしたがご参加頂いた皆さまの協力もあり、参加者が互いに学び合える場となりました。

内容はドットインストールの「UNIXコマンド入門 (一般ユーザー編) 」を元にお話を進めていきました。個々に学びを進めて、分からないときに何をしたらいいかが分かっている状況は大切だと思います。

学びをサポートする側の課題として、答えそのものを教えるのではなく、その学びを進めることのできる方法をご提示していくのも一つのポイントのように思います。

次回は８月２日（土）を予定しています。前半はWordPress、後半は引き続きUnix の勉強会を進めていくことを検討しています。企画からご興味のある方は Facebook グループにぜひご参加下さい。入退会ご自由です。

【関連リンク】

【2014年７月５日（土）】WordPress & 「黒い画面」を動かしてみよう

子テーマの発想はユニークで、親テーマのいい所どりをしながら、都合のいい所だけを変えて自分好みにしていく応用範囲の広いテクニックです。

説明の後半は投稿画面のご説明を行ないました。ダッシュボードの投稿画面は充実したWordPress の機能を随所に感じられる所です。

午前の勉強会、１０時からは個別時間としていましたが、ワークスタイルを含む幅広いご質問を矢継ぎ早に頂く機会となりました。その内のいくつかを後述しています。その場できちんとご説明できなかったところは補足も添えて記述をしています。

午後は、６名でのお花見となりました。
サプライズ・ゲストに株式会社れむの代表取締役、北村 亜新さんをお招きしました。お花見の前に、北村社長のご紹介で近所にオープンしたばかりの中華料理屋さんにお惣菜をオーダー。ボリュームたっぷりの中華を堪能しながら、新宿中央公園でのどかなひとときを過ごしました。

以下、簡潔さを優先したいので「です・ます」を省きます。

Index
１．実際の制作では子テーマを使うこともあるのか。
初めは使っていたけれど、今ではほとんど使うことがない。
２．セキュリティをどうしているか？
・WordPress やプラグインのバージョンを新しいものに
・ログイン名やパスワードにありふれた文字列を使わない
３．SEOをどうしているか。
基本的にはコンテンツを重視。
４．保守料をとっているか？
・保守料はとっている
・「管理費」のみのときも
５．お客様との信頼関係をどう築いているか。
・信頼関係は０から築いていく
・自らのブランドを育てる
６．お客様との契約について
・契約はもっと自由であっていい
７．Evernote で活動や業務を管理する
GTDという手法。

１．実際の制作では子テーマを使うこともあるのか。

初めは使うこともありましたが、今ではほとんど使うことがない。

納得いく制作にするためには、やはりある程度テンプレートを自身で制作していかないと、サービスのクオリティを落としかねない。それでも限られたご予算での対応をせざるを得ない場合は選択肢の一つとしてあり。

初めからオリジナルに作ろうとすると、さまざまなテンプレートを作らないといけない状況も出てくるので、初めにベースとなるテーマを作り、それを基に制作を行なうのが現実的。

現在利用する頻度の高くなってきたテーマが、UnderscoreS 。WordPress のデフォルトテーマや WordPress.com で使われるスターター・テーマに。

２．セキュリティをどうしているか？

・WordPress やプラグインのバージョンを新しいものに
・ログイン名やパスワードにありふれた文字列を使わない

先ずはWordPress やプラグインのバージョンを新しいものに。バージョンアップの時はバックアップを忘れずに。自動アップデートを行なっても不具合が生じたときはすぐに戻せるように。

あまりメジャーでないプラグインを使うときはとくに。そのプラグインが信頼できるものであるかどうかの見極めはいくつかポイントがある。公式のものであること、定期的な更新が行なわれていること、最近のアップデートが行なわれていること、多くの方からの評価があることなど。ふだんからアンテナを貼っておいて、使えそうなプラグイン情報などは仕入れておくことも大切。

ログイン名やパスワードはありふれたものを使わない。お客様にも使わせない。管理サーバーに侵入される被害の９割以上は、テクニカルなハックによるものではなくて、そうしたソフト面での管理の甘さを突いてである。
パスワードなどデータ管理がうまくできずに、覚えやすいものを使っているケースもある。データの管理は Evernote などのストレージサービスのご利用もお勧め。

３．SEOをどうしているか。

基本的にはコンテンツを重視。

WordPress はそのままでもSEOと親和性が高い（適切なリンク構造を持っている）。先ずはサイトの内容を充実させていくことから。手軽に更新の可能なCMSとしてのWordPress の持ち味をうまく活かしていきたいところ。

Web サイトを制作してどうその内容を膨らませていくか、サイトのオーナーにとって、担当者にとって、その内容を膨らませていく必要性やモチベーションは少しずつ異なってくる（ことがある）。

Web サイト制作を一段落させるその前の段階で、制作を行ないながら、お打ち合わせを重ねたり、早い段階でブログの投稿なども試みて頂きながら、サイトの運用をお取り組み頂くことも課題の一つになってくる。

４．保守料をとっているか？

保守料はとっている。

WordPress を運用していく上で、どうしても維持管理のためには必要な労務がある。保守の内容をよくご説明させて頂いた上でご契約をする。「サーバー保守」とは別に、「ディレクション費」をお申し受けすることもある。

お客様のご状況によって変わるけれど、ご自身での管理をご希望される場合や「出費」を避けたいお客様に対して、（上記のセキュリティの問題など保守をしないことのリスクをきちんとご説明した上で）年間の「管理費」のみをお申し受けして、何か不具合があったときに単発で対応する約束をすることもある。

技術的なことで内容的に必ずしもすべてお客様にご理解頂けないときでも、作業報告を都度上げていくのが望ましい。

５．お客様との信頼関係をどう築いているか。

・信頼関係は０から築いていく
・自らのブランドを育てる

上記に重なるけれど、日頃のお客様とのコミュニケーションは大切。たとえご紹介頂いてつながっているお客様でも、信頼関係は０から築いていく気持ちで、一つずつ課題や運用などの認識の共有・合意を図っていく。

その一方で、自分のブランドをもつこと、育てることも大切。趣味のサイトを立ち上げているとか、ショッピングモールを運営しているとか。ゆるゆるカフェをしているとか。。

６．お客様との契約について

契約書・ご注文書はお客様との信頼関係があって初めて交わせる文書だと考えている。Web サイト制作はお客様とチームを組んで築きあげていく一つのプロジェクト。お打ち合わせを重ねながら合意を形成して、それを紙面で確認取り合うのはプロジェクトを確かな歩みにするための大切なステップ。

そうしたことを踏まえた上で、契約の仕方はおそらくもっと自由であっていい。プロジェクトの内容によっては、お客様の組織の中のスタッフの一人として動くことも。プロジェクト単位で、業務請負人としてそのクライアントさんに所属する契約をすることもある。大切なことは当事者同士の理解と信頼関係。

７．Evernote で活動や業務を管理する

GTDという手法。

Evernote （時系列型ストレージ）でタスクを管理するという手法。GTD という管理手法をご紹介。今や自分のあらゆる活動や業務の行動において、このGTDを取り入れている。実際のデータ・ファイル管理は、Dropbox や Google ドライブなどディレクトリ型ストレージと併用。

Web サイトを継続的に運用・発展していく上で、情報管理体制を整えていくことは試金石になる。Web サイト制作をご契約していく上で、その早い段階で制作後の運用についても話し合いを行ない、制作を進めながら情報運用の体制を整えていくサポートを行なっていく。

勉強会でご紹介した関連サイト・書籍など

午前の勉強会

• Firefox：使用ブラウザ
• Firebug (Firefox 用)：使用プラグイン
• Coda2：使用テキストエディタ

１．実際の制作では子テーマを使うこともあるのか。

• スターターテーマ _s（underscores）
• スターターテーマ _s を使ってWordPressのテーマをつくる（準備編）｜Gatespace’s Blog
• WordPress テーマ開発4つのアプローチ #wacja2012｜ja.naoko.cc
• Foundation：CSSフレームワーク１
• Bootstrap：CSSフレームワーク２

２．セキュリティをどうしているか？

• プロが選ぶ WordPress優良プラグイン事典

７．Evernote で活動や業務を管理する

• Evernote の使い方として
  はじめてのGTD ストレスフリーの整理術

その他

• brackets：エディタを保存しなくても変更が反映されるブラウザ
• colorschemedesigner：色彩選定ツール
• generatewp：PHPソースを書き出してくれる

本日３月７日で ゆるゆるカフェは５年目を迎えました。毎月第一土曜開催で地道に活動を続けています。朝から勉強会を始めるというスタイルは、４年前の第一回目から続けています。しばらく午後に行なったりするなどの試みも続いていましたが、最近は朝からの開催に戻しています。

Index
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
１．午前を初心者、午後を中上級者対象に
２．ワールド・カフェスタイルを取り入れる
３．初心者にもトップレベルのお話に触れてみてほしい
４．ご参加の皆さまが創り上げるコンテンツ
５．たにぐちさんのゆるカフェ連投秘話
６．参加者一人ずつにWordPressをご用意する
７．WordPress セットアップ勉強会を企画
ーーーーーーーーーーーーーーーーーーーーーーーーーーー

１．午前を初心者、午後を中上級者対象に

そして隔月ほどのペースで試み始めた、午前と午後の２部構成。朝は初心者を対象に、午後は中上級者を対象に勉強会を企画してみました。

１月１１日（土）にロクナナワークショップの一戸さんをお迎えし、そのスタイルを始めて取り入れてみました。

先日の３月１日（土）に行ないましたゆるゆるカフェでは、ゲスト講師にたにぐちまこと氏をお迎えし、すぐに講師のお話を聴くのではなく、（午後の）始まりにワールド・カフェを取り入れ、ご参加の皆さまでお話し合いを頂くスタイルを取り入れました。

２．ワールド・カフェスタイルを取り入れる

ワールド・カフェを WordPress の勉強会に取り入れる試みは、一昨年 2012年のゆるゆるカフェで度重ねて行なっておりました。ゲストを招いてのワールド・カフェスタイルは、その年の８月に行なったゆるカフェ（ゲスト：三木 徹さん）以来、約１年半ぶりの開催となります。

午前と午後はひとまずの対象者を変えての試みとなりました。午前は初心者を対象に、午後は中上級者を対象に、それでも午前と午後を通して、ひと続きの内容としてシナリオを作っていました。

どちらか一方のみのご参加も当然ありなのですが、朝からご参加の初心者の皆さまには、午後の勉強会もご参加頂けるようご案内をしていました。

一つにはいきなり難しいお話を聴かせるといった内容ではなく、ワールド・カフェという話し合いスタイルから入って頂けるのでムリはないと見ていました。その会話に入る前に理解しておいてほしい内容は午前の勉強会で学んで頂きます。

３．初心者にもトップレベルのお話に触れてみてほしい

もう一つは初心者でも早くトップレベルのお話に触れてみてほしいという願いがありました。どんなに難しい内容でも、話し手がそのことを深く理解していたら、聞き手にきちんと伝えられるという思いがありました。

その（もしかしたら少し無茶だったかも知れない）願いをきちんと実現頂いたのが、１月の一戸さんであり、先日１日にお越し頂いたたにぐちさんでした。

４．ご参加の皆さまが創り上げるコンテンツ

WordPress を一つの言葉として捉えて、英会話スクールのようにその風土や発想も楽しんでほしいという願いは、ご参加頂く皆さまの力量や立場、方向性の違うことがむしろさまざまな魅力をもって、豊かなコミュニケーションとしてふくらんでいくのではないかと感じています。

ご参加頂いた皆さまは週末の貴重なお休みの時間をさいてご参加を頂いているだけに、モチベーションの高い方が多く、ワールド・カフェはものすごく盛り上がります。

５．たにぐちさんのゆるカフェ連投秘話

その盛り上がりに呼応するかのように、たにぐちさんの解説も親身な内容となり、いつしか時間は（いつものように？ 笑）押し気味の状況となりました。

そしてご用意していた先日のイベントの最大の山場となるはずだった たにぐちさんによる「実際のWebサイトをグループワークで設計しよう」という企画を、敢えて断念せざるを得ない（うれしい？）エピソードも作ってしまいました。笑

その山場を主催者判断でカットしてしまいましたが、５月のゆるゆるカフェにもう一度きてほしいとたにぐち氏にお伺いを立てたところ、快く二つ返事でお引き受け頂きました。

６．参加者一人ずつにWordPressをご用意する

あともう一つ課題となったのが、午前の勉強会で使いましたWordPress 環境の問題。ネットワーク設定を行ないお集まり頂いた２７名の皆さまお一人ひとりに、各自WordPressがすぐに触れるように設定をしておりましたが、サーバーの性能の問題で、一時的に作業ができなくなる状況が生じました。（※ 注釈（↓））

使用サーバーを見直すか、または使用人数を減らしての開催をするか今後の課題です。今回サーバーをご参加者人数分ご用意するにあたり、ご担当頂いているたかはら氏がサイトを一括登録できるプラグインを作って頂きました。現在は非公開ですが、改めて感謝の意をここに表します。

７．WordPress セットアップ勉強会を企画

今後学びたいことやいま直面している課題などさまざまな問題を会場の皆さまと共有させて頂きましたが、「自分のWordPress環境をネット上でセットアップする勉強会をしてほしい」というリクエストを会場にて頂きました。Facebook グループにて勉強会の打診をしましたところ、いい反応を皆さまから受け取りました。それで２週間後の３月１９日（水）夜に開催することを決めました。

じつは平日夜の開催は初めての試みとなります。（本当は先月に夜の企画をしましたが、大雪のため延期となっています。）ご興味のある方はぜひご参加下さい。

ゆるゆるカフェはこれからもご参加の皆さまと共に、少しずつ賑わい豊かなものにしていきたいと思います。どうぞこれからもよろしくお願いします。

※ 注釈・・・・・３月８日現在、クラウド（サーバー）を勉強会の時間に限定してスペースをお貸し頂けるお話をある企業様から承っています。

本日のゆるゆるカフェは、朝８：３０スタート。
いつもより１時間３０分も早いです。

週末のそんな早朝に参加者は集まるのか？
その前に、自分はきちんと間に合うのか？

そんな心配をよそに、自分はきちんと朝起きられ（当然です＾＾；）、参加者もお集まり頂き、一日がスタート。

１．WordPress のトレンドに触れながら基礎を学ぶ

ご参加頂いた皆さまはどなたもWordPress 初心者でありながら、モチベーションの高い人たちで、充実したひとときに。

WordPress の必要設定は３箇所ほどに限定し、投稿作業などにお時間を多くさいていける時間配分にしました。
・タイトル
・キャッチフレーズ
・パーマリンク

WordPress の勉強会ではあるけれど、WordPress をただ学べればいいという会にはせず、WordPress の何がトレンド？という話題性のある内容を盛り込みながらの展開を考えました。

それで今回も（前回と同様）WordPress の最新のデフォルトテーマ Twenty Fourteen を使った「新宿アイランド物語」を題材にお話を進めました。

テーマの特徴を２つに絞りました。
１．投稿フォーマットの利用
２．アイキャッチ画像の利用

２．投稿フォーマットの利用

最新のデフォルトテーマの特徴の一つである「フォーマット」の充実。ふだん「標準」以外を使われるケースがほとんど少ないのですが、せっかく充実してきたフォーマットを使わない手はありません。「ギャラリー」を選んで投稿ページにおけるアルバム作りに挑戦。

画像の投稿を通しての画像の取り扱い説明。細かい設定でもユーザービリティやアクセシビリティ、SEO対策など言及したい内容は盛りだくさんです。実践に有益だと思われる内容には時間をかけました。
・タイトル
・代替テキスト
・リンク先
etc.

３．アイキャッチ画像の利用

アイキャッチ画像を指定すると投稿ページのサムネイルやヘッダーイメージが自動生成されます。それをご体感頂きました。同時にその応用事例としてのサイト制作もご紹介させて頂きました。

Twenty Fourteen における投稿ページのアイキャッチ画像は、「先頭に固定」をチェックすると特別な働きをします。言うまでもなく最新の６投稿がヘッダーに固定されて、サムネイル的なリンクを自動生成します。

制作の実作業をご説明する前に、WordPress の大まかな特徴として、時系列による投稿が「タテ」のイメージであるのに対し、常時に表示させたい固定ページは「ヨコ」に並ぶイメージとご説明しましたが、上記固定表示はその相半ほどの役割を担うように思います。

前回のゆるゆるカフェではタグを使うことで投稿ページのサムネイルをヘッダーに固定できることをご説明しましたが、今回は固定表示へのチェックで済ませられることをお話しました。

４．ご参加の皆さまの興味に赴くままに

カテゴリーとは別にタグ一般をどう取り扱うのか、その情報設計の話に触れました。作業はシンプルでも一つひとつの作業にさまざまな意味合いや働きをもたらされていることが多く、ご参加の皆さまの興味に応じてお話を試みています。

Twenty Fourteen のテーマで目立つ投稿のヘッダー固定表示。新宿アイランド物語では「グリッド」を選択していますが「スライダー」に切り替えられることも。

またスライダーはプラグインでの対応も可能であり、プラグインを使ったスライダーの制作事例もお見せしました。

その他勉強会で触れた内容としては、
・ウィジェット追加によるカラム数の自動切り替え
・テーマは既存を利用するのかオリジナルか。子テーマの活用。
・レスポンシブWebデザインの活用とその実際。
・CSSフレームワークの活用。Foundation のご紹介。
・顧客動向をキャッチするマーケティング、アクセス解析利用。

５．いつでも新しく学べる環境を提供したい

ランチでは継続した勉強会にしていくためにどのような工夫が必要だろうということもご相談させて頂きました。

リピーターとして回数を重ねれば、自然に求める知識や技術も高くなっていきます。いつでも新しく初心者が学べる環境を提供しながら、毎月楽しく参加できる会合にしていくためには？模索は続きます。

たとえWordPress 初心者であったとしても、週末の早朝にお集まり頂く皆様は全員その道のプロでした。Web 制作者または企画者としての見解を交えた本日のWordPress の解説はお集まり頂いた皆さまにも評価を頂きました。次回もまたご参加を頂けると承っています。

次回のゆるゆるカフェは３月１日（土）。午前は今回と同様初心者向け講座、午後はゲストにたにぐちまことさんを迎えて、制作者・開発者向けにプチ・一日学校を開講予定です。お楽しみに！

本日のお写真はご参加の方からプレゼント頂きました。
感謝です。