1 pixel|サイバーエージェント公式クリエイターズブログ

サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。


Theme:
こんにちは!!
サイバーエージェントで、アメーバピグのデザインを担当している青山と、ソーシャルゲームのフロントエンドの開発をしております石井です。


今回は、『クリエイティブファイル』というクリエイターの、
新しい取り組みについてご紹介したいと思います。

$1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル


クリエイティブファイルとは?


通常業務に埋没せず、常に新しい表現・自分にとって未知の分野に
挑戦し続けることで、自身の価値を高めたい!!という
クリエイターの声から始まった、サイバーエージェントの取り組みのひとつです。

各クリエイターは、6ヶ月間の業務時間のうち48時間をクリエイティブワーク時間とし、
業務に関係なく個人の思うがまま研究や制作を行うことができます。
この研究成果や制作物をまとめたものが『クリエイティブファイル』です。

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

今回は『クリエイティブファイル』の中から作品を選考し、
1冊の本としてまとめることにしました。

選考のポイントは、優秀な作品はもちろんの事、普段の業務からはイメージ出来ない、
クリエイターの意外な一面の垣間見えるような作品等、
我々サイバーエージェントのカルチャーを体現したものをチョイスし、
結果、従来のWeb・インタラクティブな作品やアプリなどから、
オリジナルの書体、立体作品や、業務効率アップのレポート等、
ユニークなラインナップとなりました。


少しだけ内容をお見せ致します♪

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

CADCメンバーの半期の成果が掲載されるクリエイティブファイル本誌の制作にも、
当然こだわりが必要となります。

この116ページに及ぶ製本作業は、紙質のチョイスやレイアウトの統一フォーマット制作から始まりました。実作業においては希望者を募り、通常Webサービスをテリトリーとする我々にとってあまり意識・体験する事の無い部分、文字組み/文字詰め、改行のポイント等のレクチャーから、裁ち落としや入稿データの制作、文字校正に至るまでページを分担し、業務の合間に作業を重ねました。

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル

1 pixel|サイバーエージェント公式クリエイターズブログ-クリエイティブファイル


編集委員のひとこと


青山)
今回初めての試みでしたが、予想を超える作品の幅があって、非常に勉強になりました。
次回の課題としては、いかに効率よくファイルをまとめるか、
また、今回の製本というアウトプットでインタラクティブ性のある作品や、
映像作品、Web上にあるもの等、
紙媒体では全体像が伝わりづらいものをどうやってわかり易く伝えるのか、
場合によっては本という体裁でなく新しいメディアでの発表も必要ではないかと感じました。


石井)
想像の右斜め上をいく作品もあって、とてもおもしろかったです。
あと、誰がどんなことをやっているのかを知れたこともよかったと思いました!!
(組織が大きくなって、普段の業務ですら誰がどんなことをやっているのかを、
把握するのが難しくなっているので・・・。)

業務時間を使って、やりたいことをワクワクしながら挑戦する・・・。
ステキな取り組みだと思います。
次回のクリエイティブファイルはどんな作品が集まるのか、今からすごく楽しみです!!



以上、クリエイティブファイルについてご紹介させていただました。


最後に・・・
クリエイティブファイルという試みはまだ始まったばかりですが、
すでに第2回目のハイクオリティな作品が70作品以上も集まりました!!
今後もこのブログでいくつかの作品を紹介していけたらと思っております。


最後まで閲覧いただきありがとうございました!!


Theme:
はじめまして、宇納(@TasukuUno)と申します!
インターネット広告事業本部CAMP事業部で、ディレクションや、フロントエンド開発の実装全般を担当しています。実は、このブログの運営委員なんかもやったりしています。


今回は、先日社内で開催されたクリエイターの勉強会について紹介します!

クリエイター勉強会

弊社のクリエイター・エンジニアの間では、勉強会が至る所で開催されています。
内容や規模はその時々で色々ですが、
  • イラスト初心者のためのデッサン教室
  • FlashディベロッパーのためのJavaScript勉強会
  • イラストレーターのためのFlashアニメーション勉強会
などなど、スキルの幅を広げたり深めたいと思う人がたくさん集まっています。
また、外部から講師をお招きして開催することもあります。


今回紹介するのは、Amebaでフロントエンド開発を担当している原(@herablog)の勉強会です。

スマホ版Pigg新規作成Projで用いた最新技術

PCでスタートしたアメーバピグは、全てFlashで動いています。Androidではairベースのアプリをリリースしていますが、Flashに対応していないiPhoneでは、なかなかそれを再現することが難しいのが現状です。

ですが、現在はそのiPhoneでも、ピグの新規作成画面を再現することに成功しています。
HTML5やその周辺の技術を使ってリッチなUIを再現している、という部分に食いつき、
この勉強会には多くのクリエイターが集まりました。

クリエイター勉強会
弊社セミナールームにて


クリエイター勉強会
講師担当の原


クリエイター勉強会
興味津津です!


クリエイター勉強会
参加者からも質問や意見が飛び交いました


こんな雰囲気の勉強会でした。
個人的な感想としては、HTML5やCSS3が使えるとはいえ、スマートフォンはあくまでモバイルのデバイスなので、極限まで軽量化したり最適化することが欠かせないのだな、と感じました。
あと、Sassがすごく気になる!使ってみたい!!

また、このような形で、プロジェクトや事業部の違うクリエイターが集まって勉強会をするというのもいい機会だな、と改めて実感しました。今後も続けていきたいですね。

さて、実際の勉強会の技術的な内容はこの後の記事でご紹介します!
続けてどうぞ!

>> HTML5 Web Applicationのつくりかた


ページトップへ戻る