2月12日（土）、サイボウズ大阪オフィスをお借りして、関西フロントエンドUGのイベント「フロントエンドエンジニアに伝えたいインフラの話」が開催されました。
インフラ周りのお話は前々から興味があったので、聴きにいってきました。
まだ実際に手を動かしてないので、細かいところは置いておいて、ざっくり感想だけ書きます。
ということで今年やりたいことにAWSを使ってみるというのを追加しておこうと思います。
あと島さんがLTで言ってたNetlityが気になったので、そっちもやってみたいと思います。
・共有されていた岡本さんのスライドはこちら
1月21日（土）にWordBench大阪に参加してきました。
今回のテーマは「Webデザイナーとディレクターのためのマーケティング入門」で、WordPressの話というよりはマーケティングの話が中心でした。
お話されたのは、フリーランスデザイナーの石田美穂（みほじ）さんでした。
内容は石田さんの経験をもとに、どのようなマーケティングをしていったらいいかというものでした。
http://www.slideshare.net/ishidamiho/webweb-71238389
個人的にはマーケティングについては素人なので、基本的なところがわかればいいなと思い、参加しましたが、サイト制作時に意識しておくといいと感じるところがいくつかありました。
最後にはその場で参加者の人に取ったアンケートを基にWordBench大阪を広めるためのマーケティングを考えるワークショップを行い、実際に考えてみる時間を持てたのでよかったです。
以下、一番印象に残ったところを簡単にまとめました。
〇発注者の伝えたいこと ≠ 顧客が知りたいこと
・業界の「プロ」になってしまって、業界にいない人の気持ちがわからなくなる。
・業界の常識は、世間の非常識。
→顧客の気持ちを調査してから考える
→調査をしましょう
〇調査からわかったこと
・男性は社会的な信頼を重視し、女性は共感を重視するという傾向
・ホームページ見てないけど、ブログは見てる
→人柄が見える方がいい？
発注者（クライアント）の意見だけでは専門的な話ばかりになってしまう可能性がある（見極めは必要？）ので、顧客（ユーザー）の声を聴く手段が必要なのかなと思いました。
どうやったらうまくいくかと考えながら情報を集めたり、コンテンツを考えたり、それを検証したりするのは大変だけどやりがいがありそうだと感じました。
そして、それをコンテンツ設計だけでなく、デザイン、コーディングなどクリエイティブにも生かせないかなというところを考えていってもおもしろそうだと感じました。
久しぶりの更新となりました。
年明けにデザインをリニューアルしました。すっきりと見やすくなることを目指したので、そう感じてもらえると嬉しいです。
さて、今回はカルーセルの実装です。
以前に同じ方向にスライドし続けられるカルーセルとして記事を書いたのですが、
その時のものは不完全で、途中で動きがおかしくなり、要素が消えるといった不具合がありましたので、
作り直したものです。
実は制作自体は半年以上前にできてたのですが、ブログに書き忘れてました。
以下デモとコードです。
html
CSS
JS
htmlは前回とほぼ同じです。CSSは前回はpositionで配置していたのをfloatに変えています。
そして、JSでは、カルーセルを囲むulをクローンして、複製されたulになったら1個目の要素にもどるという動きをすることで、ずっとくるくるしているように見せています。
ページャーの自動生成やフリックについては前回もやったので解説は割愛します。
○今回使ったjQueryのいろいろ
・clone()・・・その名の通り、要素を複製する。appendToで複製した要素をもともとあった要素の後ろに追加しています。
参考にさせていただいたサイト：
jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法
GRAND FRONTEND OSAKA 20162日目に参加してきました。
場所はグランフロント7階のinnnovation Habでした。
当日は、10本のセッションに前日のハッカソンの発表とLTがありました。
「最近問題解決という視点から逸れてきて、技術的におもしろいとかの視点になってないか」という問いかけに少しどきっとしました。
確かにWebデザインの本質は問題解決にあると思うし、その通りだと感じました。
どの技術がいいとかではなく、しっかりと見極めたうえでその時の最適なものを選ぶようにしようということでした。
まさかサクラダファミリアからCSS設計の話になるとは。
どうすれば破たんしないコーディングができるか、日々悩んでいたので、とても勉強になりました。
なかなかいろいろなCSSの技がでてきて、とても面白かったです。
いろいろな意見があるようですが、カイトさんが言いたかったのは「CSSでもプログラミング的思考力、創造性、問題解決力が必要」ってところだと思いますし、そこはかなり的を射ていると感じました。
WP REST APIはこれからもっといろいろな利用がされていくんだろうと思います。
全部JSでやるというのは少しハードルが高いようにも思いましたが、案件によっては選択肢としてありかもしれないです。
スムーズなアニメーションやページの表示はすごく大事だと思います。実際表示の遅いページの離脱率は高いみたいですし。
ディベロッパーツールのいろいろな使い方が出てきたのもおもしろかった。
普段、アクセス解析とかをする機会がないので、これを機会にいろいろやってみようと思いました。
エンジニア目線でサイトを解析することでまた違ったものが見えてくるだろうし、これから必要な技術かなと思います。
正直言うと、初めて聞きました。フレームワークの導入で遅くなるってところは確かにあるだろうし、軽量なのはいいなって思いました。
「それ、angularでできるよ」とか言わないで・・・・。
フロントエンドで気にしないといけないことは多いということがよくわかったので、とりあえず何か触ってみようと思いました。
一つ一つ確実にしようと思います。
覚えきれないくらい言葉が出てきたので、これから一つずつ復習していこうと思います。
しかし、何から手を付けようかほんとに迷う・・・。
フロントエンドの話ちゃうやんと思ったら、ちゃんとフロントエンドの話でした。
「ラストだからRustを選んだんですか？」って、だれがうまいこと言えと(ry
勉強になったのももちろんですが、何より楽しかったです。
いろんな話を聞けて、いろんな人と話して、雰囲気もよかったです。
また、機会があれば参加したいと思います。
先日、WordCamp Kansai 2016がありまして、そこで実行委員として参加させていただきました。
今回はそのお話を書きたいと思います。
WordCampとは・・・こちら
私のWordPress歴はちょうど1年くらいで、やったこともデジハリの卒業制作とこのブログくらいという経験の浅さです。
実務での経験もなく、どんなことができるのかなんとなく知ってるくらいでした。
そんな私にWordBenchで知り合った方から「実行委員やらない？」とお声かけをいただきました。
もともと少し興味があった私はその申し出を二つ返事で受け入れました。
受けた理由としては、実行委員として活動することで得るものがあるのではと思ったこと、そして自分にもできることがあると思えたことが動機だったような気がします。
さて、そうして実行委員としての活動が始まったわけですが、そのころの私は初めて制作会社に就職したばかり、WordPressどころかWeb制作を仕事にするということがどういうことかさえもほとんどわかっていないような状態でした。
そんな状態で満足に活動できるはずもなく、全体MTGでもslack（グループコミュニケーションツール。実行委員内の連絡等は基本的にslackで行われていた）でもなんとか食らいつこうと必死になったつもりだったのですが、果たして十分な働きができたとは言い難い気がします。
それでも与えられた役割くらいはなんとしてもやり遂げたいという思いだけで動き続けました。
私に与えられた仕事は「当日の掲示物の管理」。デザイナーさんに制作依頼を出し、できたものをチェックし、印刷し、当日掲示する。
文字にするとそれほど大変な感じがしないですね・・・。でもその時の私はこれだけでも必死でした。
これに加え、当日はハンズオンの世話役もさせていただくことになりました。
ここでまた改めて自分のWordPressの知識の浅さを痛感することになります。
ブログに合うテーマを探し、必要な機能を備えたプラグインを見つける。
何も知らない自分にはこれだけでもかなりきつかったです。
しかし、同じハンズオンのメンバーのみなさまに支えていただきながら、なんとか形にすることができ、終わったときは本当にほっとしました。
当日は怒涛のように過ぎていきました。気が付いたらすべてが終わって、十数人くらいで居酒屋にいた。。。
WordPressの機能、プラグインなどの知識だけでなく、WordPressを制作にどう生かしていくか、また、WordPressに貢献するということについても考える機会になり、これからの自分自身の取り組み方も考えるきっかけとなりました。
サイト制作の中でWordPressを使うだけでなく、いろいろな方面でWordPressと関わっていくことの大切さ、面白さがわかりました。
いろいろな人にぜひ関わっていってほしいと思いました。
本当にたくさんの人と関わることができたというそのこと自体が一番大きいのではないかと思います。
今回お世話になった方々、そしてこれからお世話になるかもしれない方々、この出会いは一生ものではないでしょうか。
全体を通して楽しく、またいい経験をさせていただくことができてよかったです。
ただ一点だけつらかったのは、実行委員としての仕事のしんどさもありますが、一番つらいのはどうすればいいのかわからないということだと感じました。
何かしたくても何をしていいのかわからないことが多く、結果役に立ててないのではと思うことがほとんどでした。
もっといろいろなことをできるように、全体を見て動けるようになりたいと思います。
そしてそうなれたら、ぜひリベンジしたいですね。
正直なところ実行委員をするのに知識や技術はあまり関係ないと思います。（多少は必要ですが）
やる気、そしてWordPressへの思いがあればだれでもできるのではないかと思います。
WordPressに関わる全ての人にぜひもっとコミュニティに参加していってほしいと思います。
実行委員のみなさま、当日スタッフとして協力してくださった方々、一緒にハンズオンの世話役をした方々、WordCampに来てくださった方々、今回お世話になったすべての方々に感謝を述べたいと思います。
ありがとうございました。