mockup

2013年10月号

mockup 2013年10月号

自由研究

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

見てみる

過去の自由研究です。

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

  • 今月のテーマは「DIYでスマートホーム」

    こんにちは、エンジニアの早川です。
    近年「スマートハウス」が流行ってます。
    スマートフォンで屋外から家電を操作できるなど、「便利そうだし使ってみたい!」
    と思いますが、いざふたを開けてみるとスマートハウス対応の家電に買い換えたりしないといけません。
    そもそも高価だろうし、賃貸では勝手に設備を変えられないし…。
    ということで、「ないなら作れ」の発想で、今回は「DIYでスマートハウス」をテーマにしたいと思います。

    アイコン画像

    担当:早川
    (エンジニア)

  • 自宅サーバー

    サーバー

    まずは、システムの中核となるサーバーについてです。
    ひと昔前までは「自宅サーバー」といえば、場所を取り、常に稼働しているため電気代が高く付くイメージでした。
    しかし、近年では筐体の小型化も進み、省電力で発熱も抑えられ、さらにファンレスなどであれば動作音も発生しないので、家に置いても邪魔にはなりません。
    この手の製品で最近は「Intel NUC」が話題だとか。

  • 赤外線

    赤外線

    エアコン、空気清浄機、扇風機、ロボット掃除機…など、部屋にある多くの家電が赤外線を使ったリモコン制御なのではないでしょうか?
    つまり、赤外線の読み取りと送信が可能であれば、家電の制御はできたも同然なのです。
    USB経由で「赤外線学習リモコン」を操作することで、サーバーから赤外線の送受信をさせることが可能です。

  • 小型マイコンとセンサー

    Arduino

    最近ではArduinoというマイコンが流行っており、各種センサー(温度湿度センサー/人感センサー)と接続することで、自宅内のステータス(「温度・湿度」「人の有無」など)プライベートな情報をサーバーに取り込むことができます。
    なかには「においセンサー」なんてものも…

  • ウェブカメラ

    Arduino

    留守中の「防犯カメラ」やペットや植物の「定点観測カメラ」として有効に機能します。
    Motion」という ソフトウエアを利用すると監視中の映像に動く物体があるとメールで通知してくれたり、そのときの画像をミリ秒単位で保存してくれたり、気の利く設定が自由に行えます。

  • 音声認識

    「スマートフォンやブラウザーを声で操作すること」は、今ではわりと一般的になってきました。
    Linuxにも「Julius」というソフトウエアがあり、無償でその機能を提供してくれます。
    おかげで「空気清浄機、起動。」などとサーバーに話しかけることでリモコン要らずで家電を起動したりできるようになるわけです。
    手を動かさずに家電を動かす。これには、感動を覚えました。

  • 音声合成(読み上げ)

    コンピューターとはいえ、話しかけたら、やはり反応がほしくなるものです。
    AquesTalk」というソフトウエアで読み上げたいテキストを設定すれば、「空気清浄機を起動しました。」などと、人が話すほど自然ではありませんが、問いかけに返答してくれます。

  • 電子錠

    Arduino

    現在、製作挑戦中です。
    Lockitron
    こんなにおしゃれなモノは作れませんが、サーボモーターを使って、どうやって鍵のサムターンを回すかを考えれば、部品代だけで同じ機能を実現できてしまうのです。

  • あとがき

    Smart Serve(スマートサーブ)
    Smart Serve(スマートサーブ)

    基本的な技術を組み合わせることによって「DIYなスマートホーム」は実現できてしまいます。
    さらにDIYであれば、例えば、
    「真夏の深夜に気温が31度を超えたらエアコンをつける、28度を下回ったらエアコンを消す。」
    など気を利かせたオリジナルのカスタマイズもできてしまうわけです。

    「自分の手によって今まで実現できなかったことを実現できるようにする。」
    それが例え小さなことだったとしても「楽しい!」と感じられることはエンジニア冥利に尽きると感じています。

    弊社も先日、スマートホーム関連のサービス「Smart Serve(スマートサーブ)」をリリースいたしました。
    ぜひ、ご利用ください。

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