エンジニアのための Figma 知識
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
Clean Architectureなにもわからないけど実例を晒して人類に貢献したい - エムスリーテックブログ
こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 これまでは、中村の記事で宣言した 「医師版Stack Overflow」(12/16に正式名称Docpediaとしてリリースされました) の技術的チャレンジの 記事を続けて書いていたのですが、今回はここで宣言しなかったClean Architectureについて書きます。 浪江駅（なみええき）は、福島県双葉郡浪江町にある、東日本旅客鉄道（JR東日本）常磐線の駅。本文には特に関係ありません。 Clean Architecture 達人に学ぶソフトウェアの構造と設計 (アスキードワンゴ) 作者:Ｒｏｂｅｒｔ Ｃ．Ｍａｒｔｉｎ,角 征典,高木 正弘出版社/メーカー: ドワンゴ発売日: 2018/08/01メディア: Kindle版 なぜ書くのか 参考にできる実例を増やしたい Tech Blogはそのままドキュメ
オブジェクト指向システム分析設計入門 青木淳
はじめに この本はオブジェクト指向技術を利用してソフトウェア開発することを目指す技術者および管理者のために書かれた本です。プログラムのコードや難しい数式などを排除してあり，図と文章によって基本概念や適用技術を平易に解説しています。オブジェクト指向技術を数学(形式)ぬきで探求する試みといえるでしょう。 本来，オブジェクト指向技術を，瓶から瓶へ水をもらさぬように，正確に伝えるには，数学(型理論)を必要とします。数学的形式化が行われていないと，オブジェクト指向で表面化する問題の議論がかみ合わず空転することが多いからです。あの時はこうだっだ，この時にはああだったと経験則の披露になりかねないのです。やはり何かしらの形式化は必要でしょう。しかし，数学的形式化の苦しみときたら並大抵ではありません。特に，後述するインヘリタンス(継承) や並列などが絡んだあかつきには残酷なのです。私だけかもしれませんが，得
そば屋で磨くモデリングセンス
システムのエンジニアであるSEが現状のビジネスとあるべきビジネスの姿を見極める手法として、「コンセプチュアルデータモデリング」があります。ビジネスを構成している「もの」と「こと」を洗い出し、それらの関係をモデルとして表現します。この手法に精通する南波幸雄氏が、製造直販業である「そば屋」を題材に分かりやすく解説します。
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
私がWebサイトの配色を決める時の流れ
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
2read.jp - このウェブサイトは販売用です！ - まとめ ランキング 読書 ログイン 書籍 著者 小説 マンガ リソースおよび情報
このウェブサイトは販売用です！ 2read.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、2read.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
ビョークのサイトのfont-familyが気になります！！ - ビョークのサイトのfont-familyが気になります！！WEB... - Yahoo!知恵袋
フォントをサーバーにあげて以下のようにすれば使用できます。 まず@font-familyで使用するfontの名前を決めたり、フォントをアップロードしているurlをセットしていきます。 @font-face { /* font-family: 'PeganRegular'; src: url('pagan-mono-webfont.eot'); src: local('笘ｺ'), url('pagan-mono-webfont.woff') format('woff'), url('pagan-mono-webfont.ttf') format('truetype'), url('pagan-mono-webfont.svg#webfontJQeM6amP') format('svg'); font-weight: normal; font-style: normal;*/ font-fam
ミニチュア模型風の写真が簡単に作れる『Tilt Shift Maker』 | 100SHIKI
これは知っておくと便利かと。 好きな写真をアップし、簡単な操作をするだけでミニチュア模型風の写真を作ってくれる。 こうした加工は画像編集ソフトで行うこともできるが、こうしたシンプルツールになっているとお手軽である。 写真はなるべく遠景のものが適しているだろう。同サイトにはこのツールで作られた写真を集めたFlickrグループへのリンクがあるのでどういう写真が良いか、ご自身で確かめてほしい。 写真を見せるときに一工夫できるこうしたツールは良いですな。
Maniackers Design Font
Maniackers Design（マニアッカーズ デザイン | mks.jp.org）は群馬県高崎市を拠点に、様々なメディアで幅広く活動しているグラフィックデザインオフィスです。代表は佐藤正幸。フォント、シンボルマーク、ロゴタイプを始めとした数々のタイポグラフィ、グラフィック作品は海外からの評価も高い。著書に『青のデザイン写真素材集／赤のデザイン写真素材集』（MdN刊）がある。別名義『VJ. Flower Pots』としてVJ活動も行う。FREE FONT,LOGO,ロゴデザイン,フリー・ダウンロード・フォント,イラストレーション,グラフィックデザイン,デザイン・フォント,MKS,MKSD,MD,キュート,かわいい,クール,COOL SCREEN,Graphic Design,design field G,FONT MANIA,Holiday,ホリデイ計画,WEB制作,ウェブ,アートディ
iPhoneアプリケーションの画面デザイン設計に便利·LiveView MOONGIFT
iPhone向けのWebサイトやネイティブアプリケーションをデザインする際に、イラストレータやPhotoshopを使って行うケースは多いと思う。その際にはiPhoneの画面の大きさに合わせてキャンバスを設定し、作り込んでいるだろう。 Mac OSX側ではiPhoneで表示したい部分を指定する だが実際の画面に合わせた時とはイメージが異なる（例えば筐体の枠がないなど）。そのような違和感を感じないために使いたいのがLiveViewだ。 今回紹介するフリーウェアはLiveView、iPhone向け画面デザイン設計ユーティリティだ。 LiveViewは二つのソフトウェアで構成される。一つはMac OSX向けのLiveView ScreenCaster、もう一つはiPhoneアプリケーションだ。Mac OSX向けのソフトウェアは言わばサーバであり、立ち上げるとiPhoneに似た枠だけが表示される。そ
みんなのクリエイティブエージェンシー：C-team
マツエクをつけているとオイルで出来ているクレンジングは基本ＮＧです。マツエクのグルー(接着剤)と油の相性が悪くマツエクが取れやすくなってしまうからなのですがマツエクを付けている人はどんなメイク落としを使っているのでしょう […]
「ソフトウェアは工業製品ではない」、Rubyのまつもと氏が講演 － ＠IT
2009/04/10 ソフトウェアは工業製品ではない――。Rubyの生みの親としてしられるまつもとゆきひろ氏は2009年4月9日、InfoQ主催のイベント「QCon Tokyo 2009」の基調講演で、ソフトウェアと何であり、何でないのか、それはどういう性質のものであるのかを雄弁に語った。 コードとは設計である 「ビューティフルコード」と題した基調講演を行ったまつもと氏は、2007年に共著者の1人として出版した同名の書籍に書いたエッセイに込めた思いを、次のように語る。 「世界に冠たる日本の製造業のノウハウを適用することで生産性を上げることができるに違いないという発想がありますが、ソフトウェアは工業製品ではない。そうした誤解を正していきたい」。 ソフトウェア産業界では、よくエンジニアが何十万人足りないということが言われる。しかし、まつもと氏は、これは工業生産と同じ方法論を当てはめることから来
Lainaa netistä - kaikki lainat ja pikavipit vertailussa | SumoVippi
Lainavertailu auttaa Lainojen ja kulutusluottojen vertailu Suurempiin kertahankintoihin, kuten esimerkiksi auton tai veneen hankkimiseen, lomamatkaan tai kodin remontointiin tarkoitettua lainaa kutsutaan kulutusluotoksi. Joskus kulutusluotosta käytetään myös termiä käyttöluotto. Kulutusluottoihin kuuluu niin vakuudelliset kuin vakuudettomatkin lainat. Laina-ajaltaan kulutusluotto on yleensä lyhyta
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
https://quarter4.info/inspiration/dtp-designed-by-web-designer.html
ウェブデザイナーにおすすめ Google Chromeエクステンションいろいろ | DesignWalker
http://www.designwalker.com/2009/06/flash-effect.html
