WordCamp Tokyo 2018 セッションのスライドまとめ
Photo by mimi / CC BY-SA 4.0 WordCamp Tokyo 2018 セッションのスライドをまとめました。 当日のタイムテーブルと合わせてご覧ください。 タイムテーブル 目次 Room A-B Room C-D Room E-F Room G-H Room K Room A-B PHPの今とこれから 2018 〜WordPress スペシャル版〜 – 廣川 類 PHP フレームワークから学ぶ WordPress 運用改善 – 寺井 諒 「写真」から考える WordPress の過去・現在・未来 – シンヤ B オウンドメディアをより効果的に運営するポイント – 桜口 アサミ WordPress の次のステップに Challenge! REST APIを使ったデータ表示ことはじめ – ocws Challenge PWA!! Web の舞台はホーム画面へ進撃する
ハード・ソフト・ネット、そしてMake、 素朴なWebデザイナーの向き合うこれから
2016年9月3日、HTML5 CONFERENCE 2016で講演した発表資料
Framerで動くモックアップを簡単作成
19. JavaScriptだけど、難しくない imageLayer = new Layer({x:0, y:0, width:128, height:128, image:"images/ icon.png"}) imageLayer.center() imageLayer.states.add({ second: {y:100, scale:0.6, rotationZ:100}, third: {y:300, scale:1.3}, fourth: {y:200, scale:0.9, rotationZ:200}, }) imageLayer.states.animationOptions = { curve: "spring(500,12,0)" } imageLayer.on(Events.Click, function() { imageLayer.states.next()
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
非エンジニアリング脳なデザイナーが新規アプリ開発の現場でXcodeを使用することがどのような影響を与えたか。について、自身の経験を元にまとめました。Read less
さよなら、インタフェース - Nothing ventured, nothing gained.
インタフェース*1を考える前に、本当にそれが必要なのかを考えるべきだということを、Golden Krishnaのブログを紹介する形で3年ほど前に書いた。 takoratta.hatenablog.com その後も勉強会のライトニングトーク（LT）でこの考えを面白おかしく紹介させて頂いたりした。 Step backして考えるUX from Takuya Oikawa www.slideshare.net そのオリジナルのGolden Krishnaの考えが本になった。「さよなら、インタフェース -脱「画面」の思考法」というタイトルだ。 さよなら、インタフェース -脱「画面」の思考法 作者: ゴールデン・クリシュナ,武舎るみ,武舎広幸 出版社/メーカー: ビー・エヌ・エヌ新社 発売日: 2015/09/17 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 内容は以前のブログ記事
ゆるく学ぶUXイベント、UX JAM #1開催しました
UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 8/17 update : ファッションヘッドライン横山さんのスライドを追加しました！ どうも皆さん、UX飲んでますか？ Alphabet社の「M」枠を狙っているMILKMANです。 さて先日、8/5にUX MILK主催で、UX JAM#1というイベントを開催しました！ 会場は株式会社メンバーズのラウンジスペースをお借りしました。 CONNPASSにて、たくさんのご応募を頂き、当日もたくさんの方々にお越しいただきまして、ありがとうございました！ ※今回、キャンセル待ちや補欠繰り上げがわかりにくかったとの声を頂いてますので、次回以降もっと良い運用ができるようにします！ UX JAMとは
デザイン提案に説得力を持たせる6つのステップ（スライド付き） | ベイジの社長ブログ
Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
43. Typography: Corporate typefaces As with our logo, consistent use of our corporate typefaces—Adobe Clean and Minion® Pro—reinforces Adobe’s brand identity. Both are OpenType™, a cross-platform format that provides richer linguistic support through widely expanded character sets and advanced layout features. Both fonts are available for download from Marketing Hub under Corporate > Corporate Fon
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
デザインを活かすためのコンテンツをどのように設計すれば良いのでしょうか。制作者やクライアントにとっての『良い』ではなく、利用者にとっての『良い』を見つけ出さなければいけません。コンテンツをつくるときのヒントになるだけでなく、デザインや雰囲気を探し当てるにも役立つ手法と注意点を紹介します。 http://www.yasuhisa.com/could/article/content-design-process/Read less
UI設計の土台になる考え方-インテリジェントネット社内勉強会
社内勉強会で使用したセミナーのスライドです。 UI設計そのものというより、その前の土台となる考え方について講義しました。基礎の基礎のものです。 Read less
Web Typography & Material Honesty
Web Typography Material Honesty @kotarok &
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識 1. FontLovers #1 エンジニア／Webデザイナーでも知っているべき、 グラフィックデザインとタイポグラフィの常識 生明 義秀 2. 0.伝わる情報を 表現 するには、なにが必要？ 3. 伝わる情報を 表現 するには、なにが必要？ 1. コンセプト（テーマ、ポリシー） 2. 理論、技法（セオリー、テクニック） 3. ツール（操作方法） 4. 伝わる情報を 表現 するには、なにが必要？ 基本中の基本 グラフィックデザインの4大原則 ＝要素間における相対的な関係性の理論 5. グラフィックデザインの4大原則とは？ 1. 6. ❖ 近接 ❖ 整列 ❖ 反復 ❖ コントラスト グラフィックデザインの4大原則とは？ 7. グラフィックデザインの4大原則とは？ ❖ フィールドに対するアプローチ De
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの？
新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ ぜひコチラもお読みください！ 読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`･ω･´)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！ デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう！！結局どっちが正しいんだよ！？ そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった！ もう、デザインが苦手なんてことない！Read less
ウェブデザインにおける動きの演出について、WCANで発表しました ノート dotgraphy
9月20日にWCAN 2014 Autumnで「ウェブデザインにおける動きの演出について」というタイトルで1セッション担当させていただきました。 普段のウェブ制作の仕事の中で、CSSやJSで動きをつける場面が増えてきた一方で、その辺りの情報をあまり整理できていなかったので、自分自身の勉強もかねてこのテーマを選びました。実ははじめは「クリエイティブマインドセット」を読んで、誰もがデザインに関わるべきですよというような話をしたかったのですが、7月の社内勉強会の時に私のプレゼンの準備不足もあり反応がいまいちだったので、もう少しわかりやすいテーマにしようとウェブデザインにおける動きというテーマにしました。8月の社内勉強会で一度プレビュー版を発表して、そこでの感想も参考にしながら本番用の内容の準備をしました。WCANの週の頭に社内で本番用の内容で今一度見てもらって伝わりにくかった部分を修正して、最後
Webデザインと開発の未来
This document provides a summary of various web development topics and resources, including responsive design, Android fragmentation, Google services, Material Design, web components, and more. It discusses principles like universality and accessibility, and recommends actions like focusing on building interfaces in HTML/CSS directly instead of Photoshop. Links are provided to additional articles
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchで変わるワークフロー
[UX]は投げ捨てろ！![[UX]は投げ捨てろ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/d35e44c1834305f0f591517f44342e50419b879c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fsendai-150131020702-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
好みや多数決で決めない、デザインとの正しい付き合い方
CSSI: CSS Investigation
メンテナブルでありつづけるためのCSS設計
