mockup

2013年3月号

mockup 2013年3月号

自由研究

このコーナーは、1人の担当者による、1つのテーマに沿った「ものづくり」です。

mockup!CM (60秒ver.)

mockup!CM (60秒ver.)

mockup!をテーマに、CMを作りました。
「仕事をおもしろくする」をモットーに働いている、チームの楽しそうな雰囲気が表現できたと思います。

音楽:早川恭平&魔王魂

見てみる

過去の自由研究です。

  • Christmas Card を贈ろう!

    あなたがインスタグラムで撮影した写真を、かわいいトナカイのカードにして贈りましょう。カードはFacebookでシェアできます。またプリントアウトすれば、とび出すカードがカンタンにつくれます。

  • 「いいね!」マシン

    Facebookの「いいね!」やコメント、チェックインなど、ユーザーの反応を、リアルに反映する電気仕掛けのオブジェを作ってみました。 まずはムービーを見てみてください。

  • 24Colors Of Tokyo

    東京の日常風景を撮影し、私が思う東京の色相(24色×24時間)を時刻×写真で組み合わせ表現しています。カラフルな東京を感じてもらえれば幸いです。

  • The Overlap of Memories… 〜思い出オーバーラップ〜

    旅の記憶は、時とともに美化されたり、場所が入れ替わったり…。私はこんな曖昧な印象こそが、旅の記憶じゃないかと思う。これを見た方が、旅に出たくなったらとてもうれしい。Open your travel!

  • Halo World!

    西新宿にも光輪(=Halo)輝く花火を打ち上げたい! そんなざっくりとした思いを、初めてのProcessingにぶつけてみました。

  • 勝手にビフォーアフター

    たのまれてもいないのに、@niftyつりのサイトをレスポンシブにしてみました。

  • むかしばなし

    みんな知ってるむかしばなしのなかまたちが、Facebookをはじめたら!?

  • 駅メロ

    普段何気なく耳にする駅の発車メロディのバリエーションを考えてみました。

  • 勝手に広告

    ニフティのサービスで日常に溶け込むオモシロ広告案を考えてみました。

  • あなたは○○人型!?GW旅行診断

    ボンジュール、みなさん!今年のGWはどこか行きましたか?  あなたの旅行が「何人型か」診断できるfacebookアプリです。

  • 顔認識でアプリに挑戦

    画像認識のライブラリ「OpenCV」を使い、歴史上の偉人になって、偉くなった気分になれるアプリを作ってみました。

  • mockup!CM (60秒ver.)

    mockup!をテーマに、CMを作りました。「仕事をおもしろくする」をモットーに働いている、チームの楽しそうな雰囲気が表現できたと思います。

  • こども成長分析

    子供の成長は回りの助けがあってこそ。みんなのお陰ですくすく成長したカワイイ我が子の成長度を分析し、見てもらいましょう!みんな、ありがとー!

  • 私のご当地宣言

    今年も故郷へ里帰りしましたか?四角いモチ、丸いモチ、独特な方言・・・。日本の地方文化ってワンダフルですね。 あなたの地元ならではの「ご当地あるある」を披露してみませんか。「ご当地愛」を宣言しちゃいましょう。

  • X'mas now!

    twitterで公開されたクリスマスな写真を自動であつめています。あなたもクリスマスツリー写真 をtweet!

  • せいさくエスト

    WEB制作を舞台にしたRPG風すごろくです。 果たしてあなたは、数々の案件をくぐりぬけ、クリスマスデートに間に合うことができるでしょうか。 * おお せいさくしゃよ 彼女を泣かすとは なさけない。 * 今日くらいは残業せず クリスマスデートに いそぐのだ。

  • 言葉の花火

    夏の風物詩「花火」を使ったFacebookアプリ。 うれしいこと、悩んでること、怒りや喜び、今日あった出来事や誰かに伝えたいメッセージ…。 「言葉の花火」はあなたのどんな思いも花火にして夜空に打ち上げます。 Facebookの友達と「言葉の花火」を共有しよう!

  • ふきだしッターの話

    「Web Designing ウェブフォントデザインアワード2011」協賛賞受賞作品。Webフォントを使ってツイッターに表情を加えました。ハッシュタグ「#ふきだしッター」でツイートしてみてくださいね。

  • SeeSeaの話

    「Web Designing ウェブフォントデザインアワード2011」最優秀賞受賞作品。Webフォントを用いた文字の魚や貝などが海を泳いでいます。泳いでいる生き物をクリックすると、その画像と紹介文が読めます。

  • 制作の一日。

    ニフティ クリエイティブデザイン部の制作風景・日々考えていることなどをデザイナーが写真物語でご紹介します。

  • チョイチョイテルミン

    「ブラウザ上で動くテルミン」を作りました。
    世界最古の電子楽器「テルミン」をHTML5の技術「Web Audio API」や「Canvas」を利用して、再現。

  • 宝箱を食べたむしの子

    スクロール芸に物語を掛け合わせた作品。小さなむしの子がおとなになるための小さな物語、ぜひご覧下さい。

  • 携帯に反応して光るアクセサリーを作りたい

    バッグに携帯を入れていると音が鳴らず着信に気付けない。
    そんな通信の「不便」を楽しく解決するため、「着信で光るアクセサリー」を自作。

  • Project Tree

    プロジェクト管理ツール『Redmine』で管理されている開発プロジェクトを、1本の木として見渡すことができるWebサービス。木の変化によって、プロジェクトの状態をひと目で確認できます。
    (対応ブラウザー:Firefox・Google Chrome・Operaの最新版)

  • あのときのごはん。あのときのわたし。

    毎日必ず食べるごはんを題材に、近すぎて見えなかった"気持ちの変化"を表現。
    どんなとき、どんな気持ちで撮ったのか。なんてことのないごはんの写真も、指標をつけることで見えてくるものがありました。
    (対応ブラウザ:Firefox・Google Chromeの最新版)

  • 紅葉なう

    twitter上に公開されている、みんなが撮った紅葉写真を公開されたクリスマスな写真を自動であつめています。あなたも紅葉写真をtweet!

今月のあれこれ

このコーナーは、1人の担当者による、1つのテーマに沿った「オススメ情報」です。

  • 今月のテーマは「妊娠」

    4月から産休をいただく金子です。

    おそらく一生に1,2度しか経験しないであろう妊娠のことを、せっかくなので書き記しておこうと思います。

    アイコン画像

    担当:金子
    (HTML/CSSコーダー)

  • 食べること

    画像:食べること

    妊娠してから栄養素に興味がわきました。

    体調不良になったら、その症状を抑えてくれそうな食材を選んで食べます。

    消化機能が低下しているので、一度にたくさん食べられません。なので、間食が欠かせません。

    足りない栄養素を補えそうなお菓子を食べます。ねじりきなことか、アーモンド小魚とか。渋い。

  • #陣痛なう

    #陣痛なう

    壮絶なハッシュタグ。

    最後には励ましてもらえます。感動して涙ぐみました。

    しかし、出産を経験したことのない状態で読みすすめると、未知の体験なので怖い気持ちが湧いてきます。

    産後は「あるある!」という感じで、笑って読めるようなってるかな。

  • 妊娠したら使いたい!
    とっても便利なお役立ちアプリ

    妊娠に関する便利アプリ、いろいろあるみたいです。日々変化するおなかを撮るアプリや、産前産後休暇の日付が、分娩予定日から算出できるものなどなど。

    ここにはないのですが、私は妊娠週数が確認できるガジェットを、ケータイに入れています。すぐ分からなくなります・・・。

    先輩から、出産後は予防接種スケジュールアプリをおすすめされております。 アプリがある時代に産まれてよかったです。

  • 妊娠に関する制度のことが書かれている本

    妊娠に関する制度のことが書かれている本

    本のご紹介です。レビューが良いので買ってみました。

    どんな制度があるか、どこに申請すればいいのかなどが、時系列で分かって頭の整理がしやすかったです。

    たくさん制度あるのですね。国ぐるみの少子化対策への本気度も垣間見られた気がします。

  • くるみんマーク

    「くるみんマーク」をご存じでしょうか?

    "『次世代育成支援対策推進法』という法律に基づき企業、法人、団体などの職場が十分な次世代育成支援対策を持っている場合は国によって認定され、使用が可能になるマークです。"

    基準は、"申請して認定されるには男性の育児休業等取得者がいること、しかも女性の育児休業等取得率が70%以上などの厚生労働省令で定める基準に適合しなければならない。"です。

    弊社はくるみんマーク取得企業です。男性の育休も珍しくありません。妊娠を機に辞める人をあまり見かけません。

    制度と、一緒に働く人の支えがあるから、私は働き続けることが可能なのだなと感じます。感謝。

  • パパスイッチ

    パパスイッチ

    お仕事で制作に携わったサイトです。

    作った当時は、「噂のイクメンかあ~」くらいな気持ちで作業していましたが、子どもがおなかにいる今、コンテンツが大変参考になり、興味深く読んでおります。

    パパ向けなのがいいです。夫と一緒に読めます。Facebookページもありますよ!

  • 出産がゴールじゃない

    出産がゴールじゃない

    先輩の「雨の日の保育園の送り迎えが大変。」という一言ではっとしました。

    私は今7カ月で、まずは無事に産むことにばかり目がいっていたのですが、むしろ出産はスタートなのか!と気づきました。

    (そういえば結婚の時も似たようなこと思いました。)

    妊娠は初めての連続ですが、産後もそうかと思うと、今悩んだり構えすぎてもしょうがないと思えてきて、だいぶ気が楽になりました。

    準備も大事ですけど、今を大事にしようと思います。

  • あとがき

    妊娠したら、人生観が変わるだろうと思っていました。なってみたら、「がらっと変化した」というよりは「じょじょに自然体になった」という感じです。

    この先も、臨月、出産、子育てと変化の連続ですが、流れに身を任せて、過ごしていきたいと思います。

    そしてそんな変化の連続を、ほかの妊婦さんと分かち合ったり、私が先輩にしてもらったように、次の妊婦さんの役に少しでも立ったら、うれしく思います。

Works 制作実績

Reports レポート

このサイトは、ニフティ株式会社クリエイティブデザイン部が運営しています。

「クリエイティブ」や「デザイン」をテーマに、月ごとに発信するマガジンスタイルのウェブサイトです。
ソーシャルメディアやウェブテクノロジーなどの新しい手法を意識しながら、情報のよせ集めではないウェブサイトを意識しています。頭に汗をかきながら「考えたこと」や「つくったもの」を発表する場でもあります。

  • クリエイティブデザイン部メンバー
  • ウェブフォントデザインアワード2011
  • 東京デザイナーズウィーク 「#おいしいもの」
  • いろいろなサイトのロゴ
  • いろいろなサイトの画面写真
  • いろいろなサイトの画面写真
クリエイティブデザイン部について
ニフティ株式会社の、社内デザイン制作部です。現在20名ほどで構成されています。
制作部として、ニフティの各種サービスのデザインやコーディングを中心に、カタログやポスターなど印刷物も制作しています。サービスやコンテンツだけでなく、名刺などの自社ツールのデザイン、自社の宣伝や、サービスのPRに関するデザインなども行っています。
年間に400ほどのプロジェクトに取り組んでいて、その制作のノウハウから、制作ガイドラインやテンプレートを作ったりもしています。
キーワードは「おもしろく」
ひとつひとつの「もの作り」をとおして、お客様や社会に「おもしろさ」を提供できないか?ということを常に念頭に、作っています。
仕事をたのしめる場所と人をつくる
また、「楽しく働ける場も同時に作りたい」と意識しています。単に業務としてシゴトをこなすのではなく、企業内のデザインセクションですから、メンバーや関係者とアイデアを練り、「おもしろいシゴト」と「楽しく働ける場」を作っていきたいと考えています。
最新技術やウェブのトレンドだけを追わない
仕事柄、新しいウェブテクノロジーに関わることが多い私たちです。しかし、IT技術だけでなく、コピーライティングや音楽など、IT以外の旧来の手法や、手仕事なども組み合わせ、すこしウェブのトレンドとは違う観点で、ものを作っていきたいと考えています。
  • 発行
    : 毎月9日 12時前後に更新
  • URL
    : http://kuri.nifty.com/mock/
  • 発信元
    : ニフティ株式会社クリエイティブデザイン部
推奨環境
Windows
: Firefox 最新版、Chrome 最新版
Macintosh
: Safari 最新版

※推奨画面サイズ: 横幅1280px以上 ※Javascriptを有効にしてご利用ください

Back mocks バックナンバー

  • 自由研究

  • 今月のあれこれ

  • Works

  • Reports

  • クリ Creative team

  • Back mocks