どれを使う？プロトタイピングツールの特徴・使用感まとめ - ぐるなびをちょっと良くするエンジニアブログ
こんにちは！ かつ、はじめまして！ わたくし、デザイナーのピエール高木と申します。 埼玉生まれ・J-POP育ち、悪そうなやつにはだいたいビビッてました。 どうぞよろしくお願いします！！ お初の投稿になりますが、デザインやコンセプトの面白いサービス&アプリ、気になるツール、参加したイベントなど幅広くお伝えできればと思っています。 今回のテーマは【プロトタイピングツール】。 はじめに・プロトタイピングツールとは 昨今ではデザイナーに求められることが増えつつあります。 ディレクターやエンジニアに対して、プロダクトの画面遷移や動きのイメージを伝えること （特にネイティブアプリなどの案件で）プロジェクトの早い段階から実装に近いイメージを作ること 修正による無駄な開発リソースを削減すること ・・・ そんな中増えてきているのが、高度なプログラミングなしでプロトタイプが作成できる「プロトタイピングツール」
「構え、撃て、狙え！」さっさと動くものをつくって、小さく素早く失敗するして学ぼう
Photo credit: Dushan and Miae via Visual hunt / CC BY-SA今回は、前回紹介した『UNIXという考え方』の続きで、定理の一つのご紹介です。「初期から動くものをつくってフィードバックをもらって、軌道修正しながら、ゴール見つけて達成しましょう」は、アジャイルな開発でも指摘していますが、Unixの哲学でもその重要さが語られています。 定理3:できるだけ早く試作を作成する ソフトウェアを使って、誰向けに何の問題を解けばよいか、どう解けばよいか、予めはっきりと分かっているのであれば、わざわざトライアンドエラーで失敗しながら学ばなくても、一度立てた計画通りにものごとをすすめることができるでしょう。例えば半年間の開発の初期段階で仕様・設計を作成して固定し、実装・テストして完成させる計画を立てても実現できるはずです。 ところが、終盤に実際に動くものを見て
これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】
誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で
この国を、複雑な幸福を守れる国にしたい（メレ山メレ子）｜ポリタス 戦後70年――私からあなたへ、これからの日本へ
働けば暮らしが良くなる――そんな時代が、わたしが生まれる少し前まではあったらしい。わたしにとってはカンブリア紀とほぼ同等の現実味ですが、われわれ30代を「夢がない」だの「覇気がない」だのと好き勝手に評してくださる年長者は、いまだその幻想の中に生きているようです。 少なくともわたしには、大きな野望と呼べるようなものはなく、会社員兼文筆家としてもそこそこ楽しく仕事をし、休日には旅行したりレイトショーで映画を観る暮らしがずっと続けばいいなと思っています。今やそれこそが、大きすぎる望みなのかもしれませんが。 映画といえば、先日3回目の『マッドマックス 怒りのデス・ロード』を観てきました。核戦争後の世界で、独裁者イモータン・ジョーが支配する砦を女戦士フュリオサとジョーの妻たち、そして巻きこまれ系の主人公マックスがぶっ潰すお話です。 ジョーは悪役というよりむしろ有能な為政者で、短命な兵士にも信仰を与え
【2015年】フリー写真素材サイトまとめ｜国内42サイト & 海外102サイト｜男子ハック
@JUNP_Nです。毎年恒例になっている「フリー写真素材配布サイトまとめ」ですが、昨年より紹介サイトはかなり増え国内外あわせて144サイトになりました。これだけのフリー写真素材配布サイトがあれば、必要な写真はどこかで見つかりそうです。 国内のフリー写真素材サイト国内のフリー写真素材サイトは新しいサイトが増えるということは多くありませんが、2015年は「GIRLY DROP(ガーリードロップ)」が公開されました。国内のフリー写真素材サイトを僕が確認できている限りでは以下の現在42サイトです。（他にもあったら教えて下さい）※「MIKA☆RIKA」は2015年12月31日以降はロゴをつけることが必須で、ロゴをつけても2017年12月31日までしか利用できないため、「フリー素材」とは呼べないと判断しているので掲載していません。1. ぱくたそぱくたそ - フリー写真素材・無料ダウンロード2. GIR
CSS Niteに出演される方へ
このページは、CSS Niteに出演される方への伝達事項や申し送りなどをまとめたものです。2008年からパスワード制限などをかけずに公開しています。 このドキュメントの目的 作成日：2008年09月30日、最終更新日： 2022年03月17日 5:44 「教え方がうまい人は何をしているか？」 青田 努さん がまとめられた「教え方がうまい人は何をしているか？」（「口語で教える場合」編）が非常に参考になります。 立体評価とともに準備の際の自己診断としてご利用ください。 青田さんに許可をいただいて掲載しています。PDFのダウンロードも可能です。 Facebookページ ブログ 発表者ツール（Keynoteの「発表者ディスプレイ」）は禁止です。 CSS Niteでは、PowerPointの発表者ツール（Keynoteの「発表者ディスプレイ」）はご遠慮いただいています。スクリーンにと手元のPCでは同
NHKで放送されてもいいんじゃないか？って深夜アニメ10選
某アニメがEテレで再放送されるってんで話題ですが、まあ他にもこれいけるんじゃね？ってのはありますよね。 まああの局昔からいろいろアニメ放映してるんで、そもそもNHK向きってのが何なんだよって話ではありますけど。 んでまあ子供が見てもよさそう、健全そう、っていう作品をいくつかピックアップしてみました。（健全ってなんだ） ちはやふるこれはもう有名すぎるほど有名な競技かるた漫画ですね。NHK的にはCCさくらで有名な浅香守生監督作品でもあります。 いわゆる「スポ根」ものであり、老若男女に自信を持って薦められる傑作です。 マンガのアニメ化としては文句なしといえる出来で、素晴らしいです。 ていうかなんで日テレはこれを全日帯で再放送しないんですかね。金田一の枠にちはやふる放送してくださいよって前から思ってます。 君に届けこれまた有名すぎるほど有名な少女漫画。そしてこの作品、ものすごいピュアというか、めち
Adobe CCをお得に契約する方法（個人事業主向け）
本来は月額 ¥5,000 かかる Adobe Creative Cloud をお得に契約する方法というと、よく紹介されている方法は「社会人でも入学できる、通信制の学校やWebデザインスクールに入学してアカデミック価格で契約する」というものですが、入学手続きが必要な上にあまり必要のない教材費がかかったりします。 そこで、個人事業主向けによりベターな方法として「日本イラストレーション協会を経由してアカデミック価格で契約する」という方法を紹介します。 購入方法 個人事業主の場合、売上が大きかった翌年は健康保険料が大きな負担となってしまうことがあり、それを防ぐために 文芸美術国民健康保険組合 などに加入されている方もいると思います。 Webデザイナーが文芸美術国保に加入する場合、日本イラストレーション協会 などに加入する必要がありますが、 日本イラストレーション協会 のトップページ下部にあるバナー
世界をシステムとして捉えるための一冊 | シゴタノ！
還元的な分析を用い、世界を細切れにして捉える思考法には限界があります。 そこに含まれているはずのダイナミズムを捉え損なってしまうからです。 ときとして、そのダイナミズムこそが本質であることすらあるのです。 本書で紹介されているシステム思考は、そのダイナミズムを（できるだけ）崩さないように、全体像を包括したままモデル化するための思考法です。 表面的な現象に踊らされることなく、それを生み出す構造にびしっと目を向けたいのならば、システム思考は大きな助けとなってくれるでしょう。 概要 目次は以下の通り。 はじめに システムを見るレンズ 第1部 システムの構造と挙動 第1章 基礎 第2章 〈システムの動物園〉にちょっと行ってみる 第2部 システムと私たち 第3章 なぜシステムはとてもよく機能するのか 第4章 なぜシステムは私たちをびっくりさせるのか 第5章 システムの落とし穴……とチャンス 第3部
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧
やはり俺のスタートアップの意思決定はまちがっている。
フォーカスするためには、たぶんどうやってフォーカスするか（前回）に加えて、何にフォーカスするかを決める必要があって、今回は後者、つまり「フォーカスポイントを決める」方の話です。 スタートアップの初期は Y Combinator 的に言うところの Do things that don’t scale （スケールしないことをしよう）をはじめとした明確なフォーカスポイントがあると思います。ただ次第に自分たちでフォーカスポイントを決めなければいけなくなってきて、そのときにどのようにフォーカス先を意思決定すれば良いのか、どうすれば良い意思決定ができるのか、という問いが出てきて、その際に方法論の必要性が生じます。 そこで意思決定の方法論を検討するのですが、スタートアップのような情報不足や資源の制約下では、ゲーム理論をはじめとしたいわゆる規範的な normative 意思決定理論よりは、行動経済学や認知
リクルート、人工知能研究所として新生「Recruit Institute of Technology」が誕生。～世界的権威をアドバイザーに招聘し、グローバル規模のAI研究を開始～ | リクルートホールディングス
株式会社リクルートホールディングス（本社：東京都千代田区 代表取締役社長 兼 CEO：峰岸真澄、以下「リクルート」）は、「Recruit Institute of Technology」（以下、RIT）を人工知能（AI）の研究所として再編し、AI分野の世界的権威を新たにアドバイザーとして迎え、リクルートグループ各社と連携したグローバル規模のAI研究を開始したことをお知らせいたします。 １．新生RIT誕生の背景 リクルートは、「2020年に総合人材サービス領域でグローバルNo.1、2030年に人材領域・販売促進支援領域でグローバルNo.1」という中長期な戦略ビジョンの実現に向け、破壊的技術（Disruptive Technology）としてのAI研究に着目し、2015年4月1日より、AI分野の研究所として新生RITをスタートさせました。これに際して、AI分野の世界的権威を新たにアドバイザーと
WordPressでさまざまなタイプのかっこいいページが簡単に作成できるカスタマイズ性にも優れたテーマ -Optimizer
ランディングページ、スモールビジネス、ポートフォリオ、ギャラリーなど、企業や個人サイトを簡単に構築できる多目的用のWordPressのテーマファイルを紹介します。 「Optimizer」の名の通り、あらゆるデザインに最適化できるようカスタマイズ性に優れています。 Optimizer Optimizer -WordPressテーマディレクトリ OptimizerにはFree版とPro版があり、Free版ではいくつかの機能が利用できませんが、CC0ライセンスで個人でも商用でも無料で利用できます。 Optimizerのデモ Optimizerの特徴 Optimizerのデモ Optimizerを使うと、本当にいろいろなタイプのページやサイトが作成できます。
iPadでサイトやページのモックアップ制作が可能な「Adobe Comp CC」
IllustratorやPhotoshopなどの制作ツールを提供しているAdobeから、iPadで簡単にページやサイトのモックアップを作成できるアプリ「Comp CC」が登場しました。このアプリを使うと、従来はPCやMacで作成していた作業を、iPadを使っていつでもどこでも、必要な時にサクッと行うことが可能になります。 LayUp Is Now Adobe Comp CC and It Launches Today + Subtraction.com http://www.subtraction.com/2015/03/30/layup-is-now-adobe-comp-cc/ Adobe Comp CC on the App Store on iTunes https://itunes.apple.com/us/app/adobe-comp-cc/id970725481 ウェブサイト
ソフトウェアアーキテクトが知るべき97のこと
ソフトウェアアーキテクトが知るべき97のこと大人気の書籍『ソフトウェアアーキテクトが知るべき97のこと』のエッセイを無料で公開中！すべてのソフトウェアアーキテクトにおすすめの本がウェブで読めるようになりました。 エッセイ一覧システムの要件よりも履歴書の見栄えを優先させてはならない本質的な複雑さは単純に、 付随的な複雑さは取り除け最大の問題は、たぶん技術的なことではないまずコミュニケーション、そのための明快さとリーダーシップパフォーマンスの決め手はアーキテクチャー要求仕様の本当の意味を探れ立ち上がろう!すべてのものは、かならずエラーを起こすそれは交渉だということに気付け定量化を求めよ500行の仕様書より1行のコードフリーサイズのソリューションを求めるなパフォーマンスの検討に早過ぎるということはないアーキテクチャーとはバランスをとること犯罪的なコミットエンドラン
【全国の父親に伝えたい】ついに思春期のむすめと真剣な会話ができるシチュエーションを見つけた！
仕事に追われて忙しい毎日を送っていると、誰しも「重要だけど、緊急じゃないタスク」を後回しにしてしまうものです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop CC 2015は最近のワークフロー、UIデザインを効率化する新機能が満載、アップデート時の注意事項
LINEスタンプを作ろう |
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
