複雑なオブジェクトを段階的に構築できます。 このパターンを使用すると、 同じ構築コードを使用して異なる型と表現のオブジェクトを生成することが可能です。
デザインパターンを Ruby で
複雑なオブジェクトを段階的に構築できます。 このパターンを使用すると、 同じ構築コードを使用して異なる型と表現のオブジェクトを生成することが可能です。
A Philosophy of Software Design 前半
2022/02/28 に MoneyForward で発表した A Philosophy of Software Design の話です。
少しのコードで実装可能なHTML小技集
2023年2月7日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン！知っていると使い勝手がちょっとよくなる小技を集めました！ ↑私が10年以上利用している会計ソフト！ 目次 セレクトメニューの選択肢をグループ化 type 属性値によって入力欄が変化 スマートフォンでエンターキーのテキストを変える 画像の遅延読み込み テキストの折り返し位置を指定する 番号付きリストの順番を変更する 簡単アコーディオン 任意のテキストを自動翻訳させない リンク先のテキストを指定してスクロールさせる 1. セレクトメニューの選択肢をグループ化 複数の選択肢を用意できるおなじみの select タグ。項目は option タグを利用しますが、さらに optgroup タグで囲むことでグループ化できます。選択肢が多
富士通の実践知が詰まったデザイン思考のテキストブック公開
2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら（外部サイト） > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」（日本語版・英語版）を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。
UI設計者向けURLまとめ（メモ - Qiita
※今回はUIのみ、UXについては別途記載する ガイドライン まず基本は大切にしたいので、ガイドラインから Android ・Android アプリ品質ガイドライン https://developers-jp.googleblog.com/2013/01/core.html ・Android Designガイドライン https://developer.android.com/design/index.html?hl=ja ・UIパターンアイコン https://developer.android.com/design/patterns/index.html ・優れたUIを実現するために確認しておくべき51のチェックリスト http://ohako-inc.jp/uiux-japan/ui-design/201409-51checklist_for_goodui.html ・Pixel Pe
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
本当に有意義なエラーメッセージを書くには | POSTD
想像してください。あなたは今、オフィスにいます。周りとは仕切られた個別スペースです。今週は、近々新たに展開する予定の製品を紹介するために多くの時間を割いてきました。疲れが溜まり、不機嫌ぎみになっています。今はようやく近づいた週末が待ち遠しくて仕方ありません。 しかしその前に、新製品を紹介するホームページがWindows 10で正常に動かくかどうかを試してみなければなりません。あなたは問題ないはずだと信じています。あなたが信頼を寄せているMacには、Windowsを問題なく実行できるソフトもインストールされています。 ソフトを起動してみると、丁寧にもWindowsがポップアップ通知で可能なアップデートがあることを知らせてくれます。もちろんアップデートを開始するため、あなたは了承します。 すると、こんなものを目にするのです。 訳：何かが発生しました。 何かが発生。 新製品の準備のため期限が迫っ
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
【イラストの見栄えが良くなる】イラストレーター 中村佑介 先生が教える公開講座が凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
先日、イラストレーターの 中村佑介（なかむら ゆうすけ) 先生 のツイッターで公開アドバイスが行われました。 『アイデア』 『色のバランス』 『塗り方』 『構図』 のデザインの基本ついて分かりやすく解説されています。 凄く勉強になると思いますので 将来イラストレーターを目指している人は必見です。 その中の一部をご紹介したいと思います。 ※この記事はツイッターからの引用になります。 この記事は、中村佑介 先生 ayamick さん すなつ さんに公開許可を頂いております。 それらを踏まえたうえでお読み頂ける様にお願い致します。 【良い構図は大・中・小を使い分け】 【ayamick さん】 私は18歳です。 描いた動機は どの年齢の方が見ても楽しめるような絵を描きたかったからです。 コンセプトはなるべくたくさんの色をつけて、 全体的に賑やかにしているところです(^^) こんな感じですm(__)
阿修羅骨格像、あらわる。
まとめ ガチャピンの骨格図 by古生物復元画家 @studiocorvo 氏（2/9 最終版に続く） 小田隆 @studiocorvo 氏による古生物学的に説得力のあるガチャピンの骨格図が登場！ 最終版はこちら→http://togetter.com/li/452890 プロの手による大人げないエイプリルフールネタもオススメ↓ http://www.studio-corvo.com/blog/karasu/archives/silly_talk/index.html 更なる続きはこちら→ 謎の生物ムック〜甲殻類説 vs 名状しがたきもの説〜 古生物復元画家@studiocorvo氏 http://togetter.com/li/455261 98312 pv 1036 67 users 187 まとめ 【最終版】ガチャピンの骨格図 by古生物復元画家 @studiocorvo 氏(2/13
2012年上半期のpixivおすすめ講座・メイキングまとめ ｜ お絵かき速報！萌え絵上達法
遅くなりましたが、2012年の上半期に公開されたpixiv講座の中で 特におすすめの画力向上講座、メイキングを厳選してご紹介します。 各ソフトの塗りメイキングは、ブラシ設定、レイヤー効果まで丁寧に解説されている 分かりやすい講座を中心にまとめていますので、ぜひ参考にしてみてください。 【画力向上系講座】 個人的、女性首肩？（イロイロ） 個人的決めポーズ？（男） 色気のある足・脚の描き方 初心者向け】45度とかの顔をそれっぽく描きたい人への講座 アタリと線画で顔の大きさが一致しない人(※私)向け覚え書き 筋肉メモ『首周り』。 【講座】丸○と６ステップだけで描く 割と簡単 顔講座 【116】リアルな絵を描く④【漫画アシスタントテクニック 間違ってても責任取らないパース講座1/2 間違ってても責任取らないパース講座2/2 15分で描ける！素材別背景物メイキング集～樹木編～ 【拡がれ】フリル講座【
初心者に分かりやすい『人の描き方』講座まとめ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
最近、Pixivでは初心者向けに人体を描く講座が 多く投稿されています。 初心者でも分かりやすい『人の描き方』をまとめましたので 是非、これを見て勉強してはいかがでしょうか？ 【顔・頭】 ・もっと顔の描き方を勉強したい人はこちら 顔の講座 まとめ 【体・バランス】 【わき】 【腰・おなか】 【胸】 【手】 ・もっと手の描き方を勉強したい人はこちら 手の描き方講座まとめ 【足・脚】 ・もっと脚の描き方を勉強したい人はこちら 脚・足の描き方 講座まとめ 【人体の描き方が学べるサイト】 人を描くのって楽しいよね(hitokaku) KITAJIMAのお絵かき研究所 この他にも、 『プロが教えてくれる勉強法』 『効率よく絵が上達する方法』 などの良い記事がありますので、 こちらもご覧になってはいかがでしょうか？ ・プロ絵師から学ぶ！必ず絵が上手くなる方法 ・美大卒の漫画家が教える！画力上達の為の練
絵の練習をするときに参考になるサイトとモチベーションを上げる方法 ｜ お絵かき速報！萌え絵上達法
1：名無しさん＠お腹いっぱい。：2011/04/11(月) 00:33:54.00ID:yvctt1jX 「とにかく絵を描くこと」「良い絵を観賞する」が大前提です。 それを踏まえた上で「効率よく」上達する方法を模索するスレです ※持論を他人に押しつけるのはやめましょう。 ------------------------------------「上手い絵」を描こうとしない ◇何をどう描きたいかを常に自分の中に持っておく ◇描く対象や描く行為自体を好きになる ◇下手でも最後まで描く ◇練習の合間にちょくちょく本番も挟む ◇ある程度上達しても満足せずに描くことを楽しむ ----------------------------------------------対象を理解する ◇自分のレベルを確認する 流行の画風や技術の進歩に気を配る 各所から厳選した絵を数百枚集めてトップクラスの絵を学ぶ トップ
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
GIMPが提案するソーシャルUI
着実に機能を増やし続けているオープンソースの Photoshop 代替プログラム GIMP。他アプリケーションとの連携を考えると Adobe 製品で揃えた方が有利ですが、機能だけみると Photoshop のライバルと見なしても良いくらい充実しています。GIMPは Photoshop と同様、プラグインやアクションが共有されているので、ある程度の機能のカスタマイズが可能です。 高機能というのは嬉しいですが、それ故に使いたい機能がどこにあるか分からなかったり、どうやって使えば良いか調べるのも面倒だったりします。日本でも書籍は販売されていますし、日本語Wikiもありますが、手間がかかることから結局慣れたソフトウェアに戻ってしまうということもあると思います。 そんな課題を解決するかもしれない機能が AdaptableGIMP です。細かい説明は後にして、まずはビデオを見てください。 達成したいタ
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
Amazon.co.jp: APIデザインの極意 Java/NetBeansアーキテクト探究ノート: Jaroslav Tulach (著), 柴田芳樹 (翻訳): 本
新着記事
