for Front-end lovers. http://frontrend.github.io <h2>Frontrend in Fukuoka が終了しました</h2> <p><img src="/images/2014/0125_head.jpg" alt="" /></p> <p>2014年1月25日、福岡県福岡市で地元のWebコミュニティ<a href="http://frontendfrogs.org/">Fukuoka Frontrend Frogs</a>を中心とする実行委員の協力の下、Frontrend in Fukuokaを開催し、関係者を含め200名近くの方にご参加いただきました。</p> <p>フロントエンドの最先端で活躍中のデザイナー、エンジニアが現場で使っている最新の技術と知識や、フロントエンドの未来について熱い議論が交わされました。</p> <p>ツイートは下記にまとめました。</p> <ul> <li><a href="http://togetter.com/li/620711">Frontrend in Fukuoka - Togetterまとめ</a></li> </ul> <p>当日のスライドは下記ページに掲載予定です。</p> <ul> <li><a href="http://frontendfrogs.org/frontrend/">Frontrend in Fukuoka 2014年1月25日（土）開催！</a></li> </ul> <h2>Next Frontrend</h2> <p>次回のFrontrendは2014年4月東京での開催予定です。</p> Sat, 25 Jan 2014 00:00:00 -0800 http://frontrend.github.io/blog/frontrend-in-fukuoka-end http://frontrend.github.io/blog/frontrend-in-fukuoka-end <h2>デブサミ2014に石本が登壇します</h2> <p><img src="/images/2013/1226_head.jpg" alt="Developers Summit 2014 Sass" /></p> <p>2014年2月13日（木）株式会社 翔泳社が主催する <strong>Developers Summit 2014</strong> にFrontrendメンバーである石本 光司が登壇します。</p> <ul> <li><a href="http://event.shoeisha.jp/detail/111/session/389/">Developers Summit 2014：【13-D-3】フロントエンドエンジニア（仮）～え、ちょっとフロントやること多すぎじゃない！？～</a></li> </ul> <blockquote><p>デブサミ第1章（2003～2012）は共感を大きなテーマにおいて開催してましたが、デブサミ第2章（2013～）は、Action!をテーマに開催していきます！ デブサミ2014では、みなさんのAction!したStoryや、これからAction!したいStoryを、お話いただきたいと思っています。 Action!をシェアすることが、受講者の皆様やプロジェクトチームのAction!を促し、結果、社会を善にする鍵になると信じて！</p></blockquote> <p>翌日2月14日（金）には<a href="http://event.shoeisha.jp/detail/111/session/409/">弊社代表取締役社長藤田のセッション</a>、<a href="http://event.shoeisha.jp/detail/111/session/413/">Androidエンジニア藤原のセッション</a>も予定されております。ぜひ奮ってご参加くださいませ。</p> <p><img src="/images/speakers/ishimoto.jpg" alt="石本 光司" /></p> <h3>フロントエンドエンジニア（仮）～え、ちょっとフロントやること多すぎじゃない！？～</h3> <p>2年前でWebデザイナーだった私がどのようにフロントエンドエンジニアなっていったのか。デザイナーにもなれず、エンジニアにもなれないどっちつかずな職種で自分のアイデンティティを模索し、日々の膨大なタスクに追われながら、フロントエンドのワークフロー(Grunt)、最適化（パフォーマンス）について考えたことを紹介します。</p> <p>『（仮）が取れた時、運命の技術者に出会える・・・』</p> <h3>石本 光司（いしもと こうじ）　</h3> <p>株式会社サイバーエージェント フロントエンドエンジニア</p> <p>1983年石川県生まれ。大学でデザインを専攻後、晴れてWebデザイナーになるが、コーディング好きが高じてデベロッパーに転身。主要な業務としてはHTML/CSS/JavaScriptといったフロントエンド全般を担当。また社内教育やマークアップ監査なども担当している。 また、個人ブログ「MOL - Designing for a Mobile World!」ではWebパフォーマンスやモバイルに関する記事を書いている。不定期でフロントエンドデベロッパーコミュニティ「Frontrend」を主催している。</p> <h3>申し込み</h3> <ul> <li><a href="https://event.shoeisha.jp/order/apply/29/">イベント:Developers Summit 2014参加申し込み</a></li> <li><a href="http://event.shoeisha.jp/devsumi/20140213/">Developers Summit 2014：開発者のためのITカンファレンス</a></li> </ul> Thu, 26 Dec 2013 00:00:00 -0800 http://frontrend.github.io/blog/devsumi-2014 http://frontrend.github.io/blog/devsumi-2014 <h2>CSS Nite LP, Disk 32に谷が登壇します</h2> <p><img src="/images/2013/1210_sass.png" alt="CSS Nite LP, Disk 32 Sass" /></p> <p>2014年2月15日（土）CSS Niteが主催する <strong>CSS Nite LP, Disk 32: Sass</strong> にFrontrendメンバーである谷 拓樹が登壇します。</p> <blockquote><p>2014年2月15日（土）、ベルサール九段でCSS Nite LP32を開催します。LP26では、各種CSSプリプロセッサーについて取り上げましたが、今回は「Sass」に絞ってセッションを構成します。</p></blockquote> <p><img src="/images/speakers/tani.jpg" alt="谷 拓樹" /></p> <h3>谷 拓樹（たに・ひろき）</h3> <p>株式会社サイバーエージェント マークアップエンジニア。</p> <p>中小企業向けのアプリケーション開発、スタートアップでのスマートフォンサイト制作などを経て、現在はスマートフォンアプリの開発、テクニカルディレクションを担当している。主な著書に「<a href="http://www.amazon.co.jp/dp/4899772750/">HTML5＋CSS3で作る 魅せるiPhoneサイト</a>」「<a href="http://www.amazon.co.jp/dp/4844362232/">スマートフォンサイト制作の教科書</a>（共著）」。</p> <h3>申し込み</h3> <ul> <li><a href="http://cssnite.jp/lp/lp32/">CSS Nite LP, Disk 32（2014年2月15日開催）</a></li> </ul> Tue, 10 Dec 2013 00:00:00 -0800 http://frontrend.github.io/blog/cssnite-lp32 http://frontrend.github.io/blog/cssnite-lp32 <h2>CyberAgent x DeNA フロントエンドエンジニアの仕事に原、佐藤が登壇します</h2> <p><img src="/images/2013/1210_cr.jpg" alt="フロントエンドエンジニアの仕事" /></p> <p>2013年12月18日（水）クリーク･アンド･リバー社が主催する <strong>と、コラボ特別編「JavaScript engineer's Night～サイバーエージェント×DeNA ロントエンドエンジニアの仕事」</strong> にFrontrendメンバーである原 一成、佐藤 歩の2名が登壇します。</p> <blockquote><p>今回の「と、コラボ」はJavaScriptにフォーカスし、業界最前線で活躍するサイバーエージェントとDeNAのクリエイターから自身のJavaScriptに対する考えや自社での制作実例、最新技術のトレンドなどプレゼン形式とパネルディスカッションを織り交ぜながらお伺いします。 そして業界のトップを走る2社だからこそいつもは聞けないお互いの会社が持っている技術・ゲーム・コンテンツに対しての意見や感想、疑問などもお伺いします。 日頃なかなか見ることのできないサイバーエージェントとDeNAの“制作の裏側”、あなたものぞいてみませんか？</p></blockquote> <p><img src="/images/speakers/hara.jpg" alt="原 一成" /></p> <h3>原 一成（はら かずなり）</h3> <p>株式会社サイバーエージェント Webディベロッパー</p> <p>2008年に入社。PC/モバイル向けAmebaブログ、アメゴールドなどを担当後、Amebaブログ、Amebaピグのスマートフォン版を立ち上げ、現在はスマートフォン向けAmebaの開発をしている。主な開発言語はHTML, CSS, JavaScript(node.js含む)。最近はシェルスクリプトに(少しだけ)はまっている。</p> <p><img src="/images/speakers/sato.jpg" alt="佐藤 歩" /></p> <h3>佐藤 歩（さとう あゆむ）</h3> <p>株式会社サイバーエージェント Webディベロッパー</p> <p>1985年生まれ。渋谷でマークアップエンジニアとして、JavaScript/HTML5を中心にフロントエンド技術を探求中。バックエンド寄りWebエンジニアからの転身で、サーバサイドの経験と知識を活かしながら、現職サービスのフロント開発に取り組んでいる。詳しい情報・アクティビティは個人サイト <a href="http://aho.mu">http://aho.mu</a> にて。</p> <h3>申し込み</h3> <ul> <li><a href="http://www.creativevillage.ne.jp/PR/seminar109.html">"と、コラボ特別編「JavaScript　engineer's　Night～サイバーエージェント×DeNA　フロントエンドエンジニアの仕事＠渋谷ヒカリエ～」｜CREATIVE VILLAGE｜クリーク・アンド・リバー社</a></li> </ul> Tue, 10 Dec 2013 00:00:00 -0800 http://frontrend.github.io/blog/creativevillage http://frontrend.github.io/blog/creativevillage <h2>Frontrend in Sapporo が終了しました</h2> <p><img src="/images/2013/1207_head.jpg" alt="" /></p> <p>2013年12月7日、北海道札幌市で地元のWebコミュニティ<a href="http://sacss.net/">SaCSS</a>の協力の下、Frontrend in Sapporo SaCSS Special4を開催し、関係者を含め100名近くの方にご参加いただきました。</p> <p>HTML/CSS/JavaScriptのコーディングのベストプラクティス、ターミナルの利用方法に関してのセッションが開催されました。</p> <p>ツイートは下記にまとめました。</p> <ul> <li><a href="http://togetter.com/li/599912">Frontrend in Sapporo - Togetterまとめ</a></li> </ul> <p>当日のスライドは下記ページに掲載予定です。</p> <ul> <li><a href="http://sacss.net/special04/">SaCSS Special4 Frontrend in Sapporo 見逃せない！最新フロントエンド技術アップデート特集！</a></li> </ul> <h2>Next Frontrend</h2> <p>次回のFrontrendは2014年1月25日福岡での開催予定です。<br/> まもなく募集開始予定ですので、お見逃しなく！！</p> Sat, 07 Dec 2013 00:00:00 -0800 http://frontrend.github.io/blog/frontrend-in-sappro-end http://frontrend.github.io/blog/frontrend-in-sappro-end <h2>Frontrend Advent Calendar 2013が始まりました</h2> <p><img src="/images/2013/1201_head.jpg" alt="" /></p> <p>12月1日より、2013年のAdvent Calendar（アドベントカレンダー）が始まっています。Frontrendでも<a href="http://www.adventar.org/">ADVENTAR</a>において、社内外のディベロッパー有志による『フロントエンド技術』をテーマに開催しております。ぜひともご覧くださいませ。</p> <blockquote><p><strong>WHAT'S ADVENTAR?</strong><br/> Advent Calendarは本来、12月1日から24日までクリスマスを待つまでに1日に1つ、穴が空けられるようになっているカレンダーです。WebでのAdvent Calendarは、その風習に習い、12月1日から25日まで1日に1つ、みんなで記事を投稿していくというイベントです。<br/> AdventarではAdvent Calendarの作成や登録などを行うことができます。</p></blockquote> <h3>Frontrend Advent Calendar リスト</h3> <ul> <li>12/01 <strong>t32k</strong> - <a href="http://t32k.me/mol/log/modern-development-workflow__-with-grunt/">今どきのGruntを使ったフロントエンド開発（HTML/CSS編） — MOL</a></li> <li>12/02 <strong>1000ch</strong> - <a href="http://1000ch.net/2013/12/02/TryRaspberryPi/">Raspberry PiにChromiumとかJenkinsを入れてみた - 1000ch.net</a></li> <li>12/03 <strong>ktknest</strong> - <a href="http://ktkne.st/elab/post/2013/philips-hue-api-javascript.html">Philips hue と API と JavaScript - ELAB.</a></li> <li>12/04 <strong>hail2u</strong> - <a href="http://hail2u.net/documents/css-postprocessor-era.html">CSSポストプロセッサー時代の到来</a></li> <li>12/05 <strong>hiloki</strong> - <a href="http://inkdesign.jp/posts/try-web-components-and-polymer/">Web Components/Polymerを軽く触ってみる | inkdesign</a></li> <li>12/06 <strong>Ginpei</strong> - <a href="http://ginpen.com/2013/12/06/hardware-acceleration/">スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ！ | Ginpen.com</a></li> <li>12/07 <strong>ahomu</strong> - <a href="http://havelog.ayumusato.com/develop/javascript/e573-phalanx.html">俺流BackboneラーメンとPhalanxのはなし ::ハブろぐ</a></li> <li>12/08 <strong>myakura</strong> - <a href="http://myakura.hatenablog.com/entry/2013/12/08/235000">WebプラットフォームのこれからとExtensible Web - fragmentary</a></li> <li>12/09 <strong>Rochas</strong> - <a href="http://rochas.cc/blog/2013/12/09/frontrend.html">Chrome Developer Teamから学ぶサイトパフォーマンス - ROCHAS</a></li> <li>12/10 <strong>tomof</strong> - <a href="http://js.studio-kingdom.com/angularjs/tips/how_to_animation">AngularJSのアニメーションの仕組みについて | js STUDIO</a></li> <li>12/12 <strong>mitsuruog</strong> - <a href="http://blog.mitsuruog.info/2013/12/androidchromedevtoolsremote.html">Androidやってる人でChromeDevtoolsのRemote DebuggingとScreencasting知らない人は使ってみた方がいいよ！</a></li> <li>12/13 <strong>pocotan001</strong> - <a href="http://pocotumblr.tumblr.com/post/69868810750/gist-slides">Gist Slides（仮）を作った。 - pocotumblr</a></li> <li>12/14 <strong>Layzie</strong> - <a href="http://layzie.hatenablog.com/entry/20131214/1387089458">あるフロントエンドエンジニアの1日 - Life goes on</a></li> <li>12/15 <strong>cssradar</strong> - <a href="https://gist.github.com/studiomohawk/7970284">とあるレコメンデーションAPI(クローズド)について</a></li> <li>12/16 <strong>nakajmg</strong> - <a href="http://nakajmg.github.io/blog/2013-12-16/adventar-Frontrend.html">SassとGruntとStyleGuideと</a></li> <li>12/17 <strong>yhassy</strong> - <a href="http://www.yasuhisa.com/could/article/frontend-styleguide/">問題解決のためのスタイルガイド入門 : could</a></li> <li>12/18 <strong>herablog</strong> - <a href="https://gist.github.com/herablog/8016459">css3recipe.md</a></li> <li>12/19 <strong>Tenderfeel</strong> - <a href="http://tenderfeel.xsrv.jp/memo/1308/">WebTecNote - とあるソシャゲのHTML/CSS設計話</a></li> <li>12/20 <strong>toshi</strong> - <a href="http://blog.toshimaru.net/chrome-dev-tool/">細かすぎて伝わりにくいChrome Developerツールを使いこなそう！ - Hack Your Design!</a></li> <li>12/21 <strong>thleap</strong> - <a href="http://chroma.hatenablog.com/entry/2013/12/21/175844">Grunt を導入してみて - CHROMA</a></li> <li>12/22 <strong>ygoto3</strong> - <a href="http://www.ygoto3.com/?p=55">2012 jQuery→Early 2013 Backbone→Late 2013 AngularJSな自分がハマった10のこと | ygoto3's caught up</a></li> <li>12/23 <strong>ysugimoto</strong> - <a href="http://blog.wnotes.net/blog/article/webrtc-beginning">WebRTCを仕組みから実装までやってみる | Web notes.log</a></li> <li>12/24 <strong>st44100</strong> - <a href="http://ameblo.jp/st44100/entry-11734966912.html">CasperJSでカスタムのアサーションを作る｜st44100のアメブロ</a></li> <li>12/25 <strong>kyo_ago</strong> - <a href="http://0-9.tumblr.com/post/71103314482/the-cost-of-the-speed">0-9, Webの高速化によって失われるもの</a></li> </ul> <p>皆様、お疲れ様でした！ありがとうございました！！</p> <p>Photo Credit: <a href="http://www.flickr.com/photos/24742305@N00/4221484268/">Advent - John Morgan | Flickr</a></p> Sun, 01 Dec 2013 00:00:00 -0800 http://frontrend.github.io/blog/frontrend-adventar http://frontrend.github.io/blog/frontrend-adventar <h2>Frontrend Vol.6 が終了しました</h2> <p><img src="/images/2013/1118_1.jpg" alt="" /></p> <p>2013年11月16日、渋谷マークシティでFrontrend Vol.6 powered by CyberAgent, Inc.を開催し、100名を越える方にご参加いただきました。</p> <p>ツイートは下記にまとめました。</p> <ul> <li><a href="http://togetter.com/li/590889">Frontrend/06 - Togetter</a></li> </ul> <p>参加者のブログなど</p> <ul> <li><a href="http://nakajmg.github.io/blog/2013-11-17/frontrend6.html">GitとJenkinsとSTF(仮) at Frontrend Vol.6</a></li> <li><a href="http://kidachi.kazuhi.to/blog/archives/037979.html">Frontrend Vol.6 | 覚え書き | @kazuhito</a></li> <li><a href="http://ofsilvers.hatenablog.com/entry/frontrend-vol6">#frontrend Vol.6に行ってきた - しるろぐ</a></li> </ul> <p><img src="/images/2013/1118_2.jpg" alt="" /></p> <p>当日のスライド・動画は下記ページに順次掲載予定です。</p> <ul> <li><a href="/events/06/">Frontrend Vol.6 powered by CyberAgent, Inc.</a></li> </ul> <p>次回のFrontrendは2013年12月7日、札幌にての開催です。 まだ残席余裕がありますので是非とも参加してみてください。</p> <p><a href="http://sacss.net/special04/"><img src="http://sacss.net/special04/images/sacss_frontrend_200200.png" alt="" /></a></p> <ul> <li><a href="http://sacss.net/special04/">SaCSS Special4 Frontrend in Sapporo 見逃せない！最新フロントエンド技術アップデート特集！</a></li> </ul> Mon, 18 Nov 2013 00:00:00 -0800 http://frontrend.github.io/blog/frontrend-06-end http://frontrend.github.io/blog/frontrend-06-end <h2>Frontrend Vol.6 開催します！</h2> <p><img src="/images/hd_06.jpg" alt="" /></p> <p><a href="/events/chrome/">昨日の興奮</a>覚めやらぬ感じですが、久しぶりの東京での通常開催です。</p> <p>Vol.6の今回は <strong>CI:継続的インテグレーション</strong> をテーマに、Git、Test（STF）、Jenkinsをテーマに3名が登壇します。今どきのフロントエンドエンジニアたる者、しっかり身につけておきたいですね！</p> <h2>申し込み</h2> <ul> <li><a href="/events/06/">Frontrend Vol.6 イベントページ</a></li> <li><a href="http://frontrend.doorkeeper.jp/events/6907">Frontrend Vol.6 powered by CyberAgent, Inc. - Frontrend | Doorkeeper</a></li> </ul> <h2>出演</h2> <ul> <li>松下 雅和 <a href="https://twitter.com/matsukaz">@matsukaz</a></li> <li>Gunther Brunner <a href="https://twitter.com/gunta85">@gunta85</a></li> <li>佐竹　裕行 <a href="https://twitter.com/st44100">@st44100</a></li> </ul> <h2>定員</h2> <p>200名</p> Thu, 31 Oct 2013 00:00:00 -0700 http://frontrend.github.io/blog/frontrend-06 http://frontrend.github.io/blog/frontrend-06 <h2>スッキリわかる渋谷マークシティ入門！</h2> <p><a href="http://www.s-markcity.co.jp/">渋谷マークシティ</a>にある弊社のセミナールームでいつも開催しているFrontrendですが、どうも渋谷マークシティの構造がよくわからないといった声をよく聞ききます。</p> <p>そこで、今回は渋谷マークシティにある弊社のセミナールームまでの道のりについて紹介します！</p> <h4>渋谷マークシティ 広域図</h4> <p>まずは、渋谷マークシティのある場所ですが、もちろん渋谷です。JR渋谷駅より京王井の頭線 渋谷駅方面にお越しください。また、渋谷マークシティは京王井の頭線「渋谷」駅に直結しています。</p> <p><img src="/images/2013/1029_map.jpg" alt="" /></p> <ul> <li><a href="http://www.s-markcity.co.jp/access/">アクセス｜渋谷マークシティ</a></li> </ul> <h4>渋谷マークシティ フロアマップ</h4> <p>渋谷マークシティに到着しますと、そのまま4階のショッピング＆レストランアベニューへお越しください。</p> <p><img src="/images/2013/1029_floor.png" alt="" /></p> <ul> <li><a href="http://www.s-markcity.co.jp/floor/">フロアマップ｜渋谷マークシティ</a></li> </ul> <h4>渋谷マークシティ 4階</h4> <p><img src="/images/2013/1029_4f.png" alt="" /></p> <ul> <li><a href="http://www.s-markcity.co.jp/floor/floor.php?no=5">4階フロアマップ｜渋谷マークシティ</a></li> </ul> <p>道玄坂方面からは12番と11番の間のエスカレーター、JR渋谷駅方面からは8番ちかくのエスカレーターで、5階オフィスロビーにお越しください。</p> <p><img src="/images/2013/1029_2.jpg" alt="" /> (12番と11番の間のエスカレーター)</p> <p><img src="/images/2013/1029_1.jpg" alt="" /> (8番ちかくのエスカレーター)</p> <h4>渋谷マークシティ 5階</h4> <p><img src="/images/2013/1029_5f.png" alt="" /></p> <ul> <li><a href="http://www.s-markcity.co.jp/floor/floor.php?no=6">5階フロアマップ｜渋谷マークシティ</a></li> </ul> <p><img src="/images/2013/1029_3.jpg" alt="" /></p> <p>5階のオフィスロビーのエレベーターで <strong>13Fもしくは17F</strong> のセミナールームにお越しください。</p> <h4>渋谷マークシティ 13階 サイバーエージェントセミナールーム</h4> <p><img src="/images/2013/1029_4.jpg" alt="" /> (13階セミナールーム入り口)</p> <p>都会 イズ ジャンゴー...</p> Tue, 29 Oct 2013 00:00:00 -0700 http://frontrend.github.io/blog/shibuya-markcity http://frontrend.github.io/blog/shibuya-markcity <h2>Frontrend in Sapporo 開催します!</h2> <p><img src="/images/2013/1023_sapporo_banner.png" alt="" /></p> <p>2013年12月7日（土）、札幌でおこなわれているセミナー・イベントSaCSSにFrontrendメンバーが登壇します。</p> <p>前回の大阪に続き、今回は札幌での講演ということで、Frontrendメンバー一同感謝しています。</p> <p>今回は、SaCSS Special4「Frontrend in Sapporo」に出張し、CSS3デザイン、HTML/CSS/JSのリファクタリング、jQueryとそこからのステップアップ、黒い画面について講演します。</p> <p>ぜひ奮ってご参加ください。皆さんとの交流も楽しみにしています。</p> <p>事前払いだと500円割引となりますのでお早めに！</p> <h3>申し込み</h3> <ul> <li><a href="http://sacss-sp4.peatix.com/">SaCSS Special4 Frontrend in Sapporo - Peatix</a></li> <li><a href="http://sacss.net/special04/">SaCSS Special4 Frontrend in Sapporo（イベント詳細）</a></li> </ul> <h3>出演</h3> <ul> <li>原 一成 <a href="https://twitter.com/herablog">@herablog</a></li> <li>泉水 翔吾 <a href="https://twitter.com/1000ch">@1000ch</a></li> <li>水野 隼登 <a href="https://twitter.com/pocotan001">@pocotan001</a></li> <li>平木 聡 <a href="http://layzie.hatenablog.com/about">id:Layzie</a></li> </ul> <h3>定員</h3> <p><strong>100名</strong></p> <h3>会場</h3> <p>札幌市産業振興センター セミナールームA<a href="http://www.sapporosansin.jp/access/">（札幌市白石区東札幌5条1丁目1－1）</a><br/> 地下鉄東西線「東札幌駅」から徒歩7分</p> Wed, 23 Oct 2013 00:00:00 -0700 http://frontrend.github.io/blog/hello-sapporo http://frontrend.github.io/blog/hello-sapporo