mockup

2013年1月号

mockup 2013年1月号

自由研究

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

私のご当地宣言

にんじゃ打!

私のご当地宣言

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

見てみる

にんじゃ打!

リアルタイムで全国の人と遊べるタイピングゲーム、ここに登場!
「にんじゃ打!」はfacebookにログインして、友達とも対戦できるアプリです。
君も修行を積んで全国ランキング上位を目指そう!

※対応ブラウザ Firefox、Chrome、safari

見てみる

過去の自由研究です。

  • 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つのテーマに沿った「オススメ情報」です。

  • 今月のテーマは「うつわ」

    あけましておめでとうございます。デザイナーの田畑です。
    うつわの素晴らしさに魅了されてまだ数年の新米うつわラーですが、うつわでこんなに幸せが感じられますよという事を、声を大にして語らせていただきます。

    アイコン画像

    担当:田畑
    (デザイナー)

  • 土のうつわ

    土のうつわ

    Wikipedia-陶磁器

    ローマ遺跡のつぼも、普段使っているお茶碗も、どれも土のうつわ。 時代が進むにつれ、只使うだけのものから、飾りがつき、絵と文様がついたり、また一方ではそんな飾りは不要と言われたりと、場の主役、脇役となって、人類と共に育ってきた文化です。

  • 紙のうつわ

    C*LAB PROJECT

    WASARA

    パーティーなどで使われる紙皿の、旧態依然な姿に憤懣(ふんまん)やるかたない御仁も多いかと思いますが、そんな方におすすめしたいのがこちら。料理を盛り付ける前から、みんなの顔が明るくなること請け合いです。

  • 木のうつわ

    木のうつわ

    木のお椀やお皿もそうですが、伝統の「曲げわっぱ」もはずせません。 たとえおかずが洋食でも、なんとなく和食に見えてしまう「曲げわっぱ」効果。加えて職人さんが自分のために造ったのだ、と思いながら食べれば、さらにリッチ感も味わうこともできます。

  • 祭るうつわ

    C*LAB 祭るうつわ

    Wikipedia-青銅器

    うつわは、神様へのささげ物を入れたり、神様が宿る場所としても使われたりしました。
    そこから転じて、持ってるだけで開運!というすばらしい効果があったりなかったりします。
    さらにこれでお酒でも飲んだ日には、もう気分は神様。

  • 飾るうつわ

    飾るうつわ

    お気に入りのうつわともなれば、なんかもう飾っておくだけでハッピー!とてもうれしい!というパッシブ効果を備えています。
    すごい装飾や絵で、もともと観賞用とされていたり、著名な芸術家、陶芸家が作ったものだったり、と言うのも良いですが、由来値段に関わらず、自分の心にピーンと来たら飾りましょう。

  • 使ううつわ

    使ううつわ

    Wikipedia-民藝運動

    さらに、飾るだけでなく、使っても嬉しい!一粒で何度でもおいしいうつわ。
    そもそも、茶道用などの高価なうつわを除いて、日常使ううつわ、とくに一般庶民が使ううつわは「雑器」とよばれて、あんまり価値は見出されていませんでした。でも、そんないつも使ううつわがいいじゃん!使ってこそうつわも輝くし、そんなうつわを使ってる人もハッピー!(かなり意訳)とか考えられたのが民藝運動。
    今や和洋問わず、多種多様なうつわを、趣味にあわせて選びたい放題なわけですが、この運動と意識が広く浸透したおかげなんじゃないでしょうか。

  • 人のうつわ

    器が大きい(らしい)人 劉邦

    よく「うつわの大きい人」などと言いますが、祭って凄かったり、飾ってきれいだったりする人には言わなさそうですね。
    古代中国の漢の時代、すごい将軍がいましたが、その人は皇帝に向かって「自分は兵の将、陛下は将の将」と言ったとか言わないとか。
    扱いやすい食材をきれいに盛るよりも、自己主張の激しい食材をきっちり受け止めるには、確かに色々な意味で大きなうつわが必要そうです。

  • うつわとWeb

    あんまり関係ないようにも見えますが、いろんなサービスを「盛る」デザイン、UIなども、ある意味うつわと言えるでしょうか。
    使っているだけで楽しい、知っているだけで嬉しい、という幸せ体験を提供することを目指して、日々精進していきたいです。

    うつわとWeb
  • あとがき

    カネもかかるし場所もとる道楽のように思われがちですが、うつわ一つで、毎日のご飯時が幸せになれるという優れもの。そんな、使うだけで幸せ!という体験を提供するというUXをサラリとやってのけるうつわに、人類誕生以来育まれてきた文化・歴史と、懐の深さを垣間見ることができます。うつわのごときUX。これを提唱していきたいと思います。最後になりましたが、本年もmock!upともども、クリエイティブデザイン部を宜しくお願いいたします。

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