デザインとグラフィックの総合情報サイト
[エムディエヌ・デザイン・インタラクティブ]

月曜。ハイブリッドアプリで四苦八苦。

特集記事

1年生デザイナーの1週間

デザイナーという職業に憧れる読者のみなさんに先駆けて、一足早くデザイナーになった先輩デザイナーの1週間を追いかける、このコーナー。月曜、ハイブリッドアプリで四苦八苦の巻。



今月の1年生デザイナー

斎藤大輝さん(アイソバー・ジャパン)

saitousan

〔プロフィール〕
さいとう・だいき●北海道札幌市生まれの27歳。物心ついたころからモノ作りが好きで、折り紙に夢中になったり、NHKの番組「つくってあそぼ」のワクワクさんを見ながら一緒に工作をしたりの日々を過ごす。また、CM制作会社で数々のテレビCMを手がける父の影響もあり、自分の制作物を不特定多数の人に見てもらうことへの漠然とした憧れを抱くようになる。モノ作りへの憧れから、日本大学理工学部建築学科に進学。在学中に飲食店のアルバイト先で店頭POPやポスターを作成するうちに、紙やWeb媒体を介した表現の魅力に魅せられるようになり、大学卒業後は契約社員として企業で働きながら、半年間、デジタルハリウッドのWebデザイン専攻で学ぶ。その後、制作会社に転職。大学や専門学校の教育機関を中心にデザインからコーディング、CMSの運用などを行って経験を積む一方で、個人的にも知人のサイトを積極的に制作するなど、公私ともに最新の技術やデザインを身につけてきた。3年間の就業ののち、より広い分野の案件に触れるべく転職を決意し、2014年5月、アイソバー・ジャパンに入社。今後の目標は、さらに技術を磨きながら、卓越したスペシャリストになること。


アイソバー・ジャパンとは?

電通イージス・ジャパン傘下のデジタル・コミュニケーション・エージェンシー。Webサイト制作、アプリ、システム開発、デジタルOOHなど、デジタル分野における企画・制作を提供している。電通イージス・ネットワークのグローバルネットワークを活用し、国内だけではなく世界を視野に入れたサービス展開を行っている。

http://isobar.co.jp/



月曜。ハイブリッドアプリで四苦八苦。



8:30 起床




9:30 家を出る

スーパー・バター・ドッグを聞きながら出社。休みぼけした頭をファンキーな曲とウーロン茶でリフレッシュ!




10:10 出社

今年のはじめに引っ越してきたばかりのオフィス。せっかくなので、エントランスの写真を撮ってみました。写真左側の一面は、インタラクティブウォールです。このウォールは天井の照明とも連動していて、さまざまな色や動きの変化を楽しむことができます。デザイナーのK先輩による力作です。


mon01
▲インタラクティブウォールが輝くエントランス




10:30 メールチェック

この日は、フルーツフレーバーのスパークリングワインのサイト「カフェ・ド・パリ」の更新業務があるため、出社早々、作業を開始。ミスのないように丁寧に確認し、本番サーバーへアップロード。本番アップは、何度やっても緊張します。


mon02
▲TOPページ。CSSアニメーションを用いて、背景にスパークリングを連想させる泡を漂わせています

mon03
▲レスポンシブでタブレット、スマートフォンにも対応しています


13:00 昼食

今日のお昼は軽めに済ませたくて、うどん屋「どんまい」へ。会社のビル1階にあるお店で、必然的に常連になっています。


mon04
▲行きつけのうどん屋で軽めの昼食


14:00 ハイブリッドアプリのコーディング

午後からは、現在進行中のプロジェクトである某ドラッグストアのハイブリッドアプリの開発作業に集中します。自分の担当はコーディング+インタラクティブ部分の実装で、今日はあるページをぬるぬる動かすべく四苦八苦していました。お客様のアクションに合わせて、カクつかず、自然な動きになるようにしたいのですが、なかなか難しく。今後は、より円滑に制作が進むようにしていきたいと思います。


mon05
▲うまく動かない……! まだまだ勉強不足です


23:00 帰宅

帰宅後は、自作のCSSジェネレーターサイト「CSS3 Generator」のメンテナンスを少々。昨年の夏につくったサイトですが、少しずつ機能を追加しています。


mon06
▲Matrix3DなどのCSSを簡単に出力できます

mon07
▲CSSアニメーションを用いた、雨のアニメーションサンプル。画像ではわかりにくいので、よかったらサイトで動きをチェックしてみてください


25:00 就寝

伊集院光のラジオ番組「深夜の馬鹿力」を聞きながら就寝。ラジオとポッドキャスト、音楽は欠かせない体質です。


twitter facebook google+ このエントリーをはてなブックマークに追加 RSS