こんにちは。DeNAデザイン戦略部 デザイナーの宮本です。 今回はサービスデザインをする上で考慮しておくべきUXについて考えたいと思います。 「既存サービスのリプレイス」「新規サービスの立ち上げ」どちらにせよプロジェクト初期段階で考慮する点が重なっていることが多いのですが、毎回白紙の状態から進めてしまうと必ず考慮漏れが起きることから、これを予防するために実際の現場でのノウハウ（失敗）を元に問いかけ形式のチェックシートを作ったので公開したいと思います。 なお、今回のチェックシートはモバイル向けアプリの改修・立ち上げ時を想定した初・中級者向けで、あくまで個人的観点から重要だと思うところを中心に列挙しておりますので、参考程度に捉えていただけると幸いです🙇 戦略・施策設計においてはターゲットユーザーの鮮明化と、本当にそのサービスが使ってもらえるのか？を重点的に言語化できるようにしています。 また

どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に最近のトレンドを意識したWebサイトを作成できる無料のWebサービスを厳選してみました！ 短時間で美しいサイトが作れるので、プロトタイピングにも最適です。 各サービスの特徴や使い方などを簡単にまとめているので、これからWebサイトを作ろうと考えている人はぜひ参考にしてみてください！ ■「Bootstrap 4」ベースのWebサイトを作れるサービス！ 【 Pingendo 】 マウスでポチポチクリックしていくだけで、いつの間にか「Bootstrap 4」ベースのWebサイトが作れてしまうのが「Pingendo」の面白いところ。 当初はシンプルなWebエディタとしてリリースされていましたが、活発にバージョンアップを繰り返して多機能なサービスに変化しています。 豊富なテンプレートやコンポーネントが搭載されており、ファイルの書き出し

はじめに TVCM、YouTubeなどのWebムービーやイベント用の動画など映像による広告が増えてきています。 しかし、「映像コンテンツってコストがかかるんじゃないの？」「どこに依頼すればいいの？」など疑問に思っている人も多いと思います。 そこで今回は自分で動画制作できるサービスから動画制作代行サービスまでをまとめてみました。

個人事業を営む方であれば、プライバシー保護や個人と事業の資産区分の観点から、事業用の口座を屋号名義で持ちたいと考える方も多いのではないでしょうか。しかし、平成17年のペイオフ（預金保険）実施から、屋号付き口座を持つハードルが上がっています。では、どんな点に気を付けたらよいのでしょうか？ 1）屋号付き口座と法人口座の違いは？ 法人とは法律で認められた１つの存在であり、独立した主体者として契約や資産の保有を行うことができます。それに対して、屋号とはあくまでも個人の方が自分で名付けた自身の別名に過ぎません。 そのため、法人は法人として銀行口座を開設することができますが、個人事業主はたとえ長年屋号で商売を営んでいたとしても、法人口座は開設できません。屋号付き口座とは、あくまでも事業主個人の口座であり、銀行が名義を屋号で表示し、振込の受付を屋号で処理する口座に過ぎないのです。 2）屋号付き口座開設に

山盛りのいくらを頬張る！日本橋「ペリーのいくら丼」でいくら丼ダブルを食べる 大阪府大阪市中央区にある海鮮丼店「ペリーのいくら丼」に行ってきました。 2015年7月6日 更新

JavaScriptプログラミングのTOPへ さいきん５〜６年で人気のある jQueryプラグインを， 年ごとに全て把握するためのまとめ。 毎年，「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。 それらの記事へのリンク集。 目を通しておくだけで，最新のjQuery事情が把握できるし， Webデザインの引き出しを増やせる。 ２０１５年 ２０１４年 ２０１３年 ２０１２年 ２０１１年 ２０１０年 ※↑ もくじジェネレータ で自動生成 ２０１５年 [jQuery]WEB制作でよく使うjQueryプラグイン [2015年版] | EMiAC-Works http://emiac-works.com/coding/jquery/... 2015/04/16 WEB制作でよく使うjQueryプラグインをご紹介。色々使ってきた中で今のものに落ちついてきた。定番と呼ばれるものが多い ス

作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

プログラマの面接をするときには実際にコーディングをしてもらうべきという話は良く聞くが、もうちょっと細かくどういうお題を出したら良いかとか、どういう風に評価したら良いかとかの話はあんまり聞かない気がする。せっかくなので、ユビレジでの面接で私がコーディングについて確認するときのパターンを、いくつか紹介してみようと思う。 実際にコードを書いてもらうパターン 候補者がどのくらいプログラミングできそうかの予備情報がない場合に、簡単なアルゴリズムを書いてもらうことが多い。例としては、 Linked Listを書いてください Stackを書いてください など。ここで、おもむろに int main(int argc, char* argv[]) { などと書き始める人は、あまり良い印象をもたれない。 class Stack などと書き始める人は上よりは期待できる。 このとき、わざと出題で詳細をあまり明らか

2015年4月21日より、Googleはランキングの要素としてモバイルフレンドリーかどうかを使用すると公式に発表をしました（※1）。これは各所で話題になっていますので、すでにご存じの方も多いのではないでしょうか。 そのグーグルが現段階でモバイルフレンドリーなデザインパターンとして推奨しているのが、レスポンシブウェブデザインです（※2）。 ユーザーがデバイスによって見づらくなることは、ホームページ運営者にとっては避けなければならないことです。 今回は、レスポンシブウェブデザインに対応したWordpressの無料テンプレートをご紹介します。 ※1）http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html ※2）https://developers.google.co

理系に超人気！ YouTubeのDIYチャンネル6つ2015.05.27 21:008,895 satomi 家でせこせこビデオデッキ分解してDIY――あの往年の喜びは今も健在です！ まーさすがにDVDドライブとかになってますけど、ネットでは今DIYチャンネルが花盛り。ちょっと覗いてみただけでも、ライトセーバー、小型ロケット発射台、炭酸アイスクリーム、ソーラーUSB充電器など、週末が待ち遠しくなるものばかりです。 メイカー・ムーブメントは昔からありますが、SNSでニッチから脱却し、近年は｢DIY YouTube｣の検索ヒット数もうなぎのぼりなら、Redditのサブカテゴリでも｢DIY｣は購読数TOP30に入る人気分野となってます。 DIYの王道・日曜大工ではSteve RamseyさんやMatthias Wandelさんが購読40万人前後の人気ユーチューバーですが、それに負けじとじわじわ人

4月も後半に差し掛かり、新社会人の方は会社に馴染んできた頃でしょうか。実際に働いてみると、1日でこなさなければならないことが多く、慣れるまでは大変かもしれません。今回は、そんな新社会人の方に業務効率を飛躍的に上げてくれるWebサービスをまとめて紹介していきたいと思います！ 新社会人にオススメ！サポート系Webサービスまとめ pocket https://getpocket.com/ SNSやニュースアプリで見た情報を、後で見るのに便利なストックツール。Web上には毎日膨大な情報が公開されますが、それをずっと見ていると本来やるべき事の優先度が下がり、業務効率が悪くなってしまいます。そんなときpocketにページを保存しておいて、後で情報をゆっくり見てからアウトプットすることができます。保存はワンクリックでできるのでお手軽です。 chatwork http://www.chatwork.com

米タイムアウト・ニューヨーク誌選出「映画史上最高のセックスシーン100」 2015年5月15日 22:10 第1位に選ばれた「ラストタンゴ・イン・パリ」写真：Everett Collection/アフロ ［映画.com ニュース］　情報誌Time Outニューヨーク版が、「映画史上最高のセックスシーン100（The 100 best sex scenes of all time）」を発表した。ここでは主にその革新性が評価の対象となっているため、映画史上初のキスシーンや、初の全裸ヌードなどが上位にランクインしている。 第1位に選ばれたのは、ベルナルド・ベルトルッチ監督作「ラストタンゴ・イン・パリ」（1972）で、主演のマーロン・ブランドとマリア・シュナイダーが披露したセックスシーン。パリのアパルトマンの空き部屋で偶然出会った中年男と若い女の刹那的な関係と荒々しいセックスを描いた問題作だ。 ま

はてブの機能を組み合わせるとこんなことが出来る。 まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手最大手である。 そのため、ややIT系に偏っているものの、はてブのホットエントリーをチェックすればネットでの旬のページをだいたいチェックできる。 さらにはてブの拡張機能を入れると、閲覧しているページのブックマーク数が表示されるため、そのページがどれくらいブックマークされているかで人気度を把握することが出来る。それだけでなく、拡張機能のボタンをクリックすれば閲覧中のページに寄せられたコメントを確認することも出来る。 そしていつしか、「ブックマーク数が多いほど良いページ」となんとなく思うようになり、「良い」と

このまえ、こういうサイト作った。 Azusa Colors Keynote Theme by sanographixこのサイトでは背景に動画を敷いている。背景に動画敷くサイト、最近よく見る。自分でいくつか作っているうちに徐々に作り方が分かってきたので書きます。 動画を用意するそもそも動画素材を用意するのがわりと大変で、日頃から素材を撮り貯めている人はあまりいないと思う。ぼくも今まで自分で撮った動画は、なんか公園で鳩が動いてる動画とか、使いどころのないやつばかりだった。 動画素材が手元にない場合、クリエイティブ・コモンズ・ライセンスで動画配布しているサイトがあるので、活用するとよい。 Mazwaiかっこいい動画がいろいろある。Life Of Vids - Free Videos for Designers, Web Creatives & anyoneこっちはCC0なのでライセンス表記不要。

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない…　なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

無料で使えるアクセス解析（Web解析）としてGoogleアナリティクスがあります。本当に多機能で、無料であると言うのは、ありがたい限りです。 深く勉強をすれば勉強するほどに奥が深いアナリティクスですが、使いこなすのはなかなか難しい事です。 しかし、初級者から上級者まで使えるのがGoogleアナリティクス。 今回は、Googleアナリティクスのキホンのキでもあります、 ユーザー＞サマリー 集客＞サマリー 集客＞すべてのトラフィック＞チャンネル の見方を記事にしてみました。まずはここから見れるようにしていきましょう。もっと詳しく見る場合や、流入先の違い、どのようなページが人気があるのかを見ていく事も出来るのですが、まずは基本的な見方を確認しておきましょう。 ユーザー 一日に何人の人がブログに訪れているのか確認出来ます。一人のユーザーが何ページ見ても「１」ユーザーですね。同じ人でもIPが違えば「

勉強会、カンファレンスで使うプレゼンテーションをつくる際の画像の探し方。 一時期「プレゼンテーションZen」が話題になったように、大きな写真を使ったプレゼンテーション手法が使われることがあります。どのような手法であってもプレゼンテーションをより魅力的にするために、あるいは内容をより伝わりやすくするために視覚的なイメージを使うことは有効な手段だと思います。 いざ画像を探そうって時に、自分の持っている画像で事足りれば問題ないのですが、だいたいそうじゃないからけっこう画像探しって困ってしまいますよね。 ということで、普段私が画像を探す際に利用しているサイトをご紹介します。 権利関係については以下をご一読いただけるといいと思います。 クリエリティブコモンズライセンスとは 結局これだけあればなんとかなるセット【更新】 詳細については各サイトの指示に従い、自己責任でご使用ください! Unsplash