自分が他の人にUIデザインの説明をするとき、あまり使わないようにしている言葉がいくつかあるので、それらについて描きました。 私の中では、これ系の言葉は、 初心者:使いがち 中級者:ほぼ使わない 上級者:たまに使ってる みたいな印象… https://t.co/cNH4bUY9hh
![Yukari Shingyouchi / 手描きノートさんのツイート: "自分が他の人にUIデザインの説明をするとき、あまり使わないようにしている言葉がいくつかあるので、それらについて描きました。 私の中では、これ系の言葉は、 初心者:使いがち 中級者:ほぼ使わない 上級者:たまに使ってる みたいな印象があります。… https://t.co/cNH4bUY9hh"](https://cdn-ak-scissors.b.st-hatena.com/image/square/715853819dad7575e9fc1b2971e520c28a1b438c/height=288;version=1;width=512/https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F1038004867128745984%2FTzFVI_z4.jpg)
自分が他の人にUIデザインの説明をするとき、あまり使わないようにしている言葉がいくつかあるので、それらについて描きました。 私の中では、これ系の言葉は、 初心者:使いがち 中級者:ほぼ使わない 上級者:たまに使ってる みたいな印象… https://t.co/cNH4bUY9hh
AbemaTVの開発組織では、UIデザインツールはSketchとAbstractを使用しています。 今回は2018年11月現在での運用方法について紹介したいと思います。 Sketchは言わずと知れたUIデザインに特化したツールです。 様々なデザインツールがありますが、複数人での共同作業やバージョン管理をする際には、SketchとあわせてAbstractを導入する組織も多いのではないでしょうか。 私たちは、2017年12月にAbstractを導入する以前はGitHubやGoogleDriveでSketchデータを管理していました。 しかし、それらのツールは「デザイン作業」に特化しておらず、どうしても痒いところに手が届かない状態でした。 AbemaTVには現在6人のUIデザイナーがおり、マルチデバイスへの対応のため多くのSketchファイルを運用しています。 ・モバイルアプリのiOS・Andr
もしここに書いてないスライドがありましたら、twitterでおしえてください。 nodefest.jp キーノート NodeFest 2018 and jsconf in japan - Speaker Deck 来年、NodeFest は JSConf in japan になる予定です。 RoomA Offline-First Collaborative Data Structures by Mathias Buus Node.js: The Road to Workers by Anna Henningsen JavaScript Class Features: A case study in TC39 by Daniel Ehrenberg Who Takes Out Your Trash by Sanne Kalkman libuv: What's a Unicorn Veloci
HTML5 Conference 2018 の登壇資料のまとめです。 資料を発見次第随時アップデートしていきます。 https://events.html5j.org/conference/2018/11/ 2018年11月25日(日) 東京電機大学 千住キャンパス 1号館 タイムテーブル https://events.html5j.org/conference/2018/11/session/ ハッシュタグ 総合: #html5j ホール(2階): #html5j_h 各ルーム(1階:A-C/2階:D,E): #html5j_a #html5j_b #html5j_c #html5j_d #html5j_e セッション ZOZOのグローバルECのフロントエンドアーキテクチャ設計 (権守健嗣さん) 光を超えるためのフロントエンドアーキテクチャ (mizchiさん) TypeScript E
僕の今の仕事というのは、デザイナーと(フロントエンド)エンジニアの間の立ち位置でいろんなことをしている。その重要な仕事のひとつが、このセッションの主題のようなデザインの言語化への取り組みをリードするということ。 具体的にやっていることの一つをあげると、例えばスライドにあるような、あるUIコンポーネントのことを何と呼ぶか、またコンポーネントの粒度についての話し合いの場を設けるようなことをする。はじめから原則と呼べるようなものがあればいいが、なかなかはじめから立てるのは難しく、各々の考え方・価値観というのをすり合わすため、ほぼ毎日に話し合いを時間をとって進めていたりする。 はじめはデザイナーが起こすデザインカンプ、といっても完全なものではなくある程度整ったSketchデータを確認しながらインベントリとしてUIコンポーネントを抽出する。そのコレクションからパターンやルールとして考えうることをデザ
VAQSO VRは、匂いが出るカートリッジを最大5種類まで取り付けられるデバイス。「Oculus Rift」「HTC VIVE」など市販のVRヘッドマウントディスプレイの前面に巻き付けるように面ファスナーで装着して使用する。 海や森の匂いの他、コーヒー、カレーといった食べ物、ゾンビ(腐敗臭)、女性(振り返ったときのシャンプーの香り)など15種類の匂いを用意。デバイス購入時は5種類までしか付いていないが、1種類当たり70ドルで追加購入が可能だ。法人向けに、1種類当たり3000ドルで匂いのオーダーメイドで開発も行う。 VRコンテンツ開発者は、同社が公開する無料のAPIを使うことで、VR映像と連動して匂いを出し分けたり、瞬間的に消したりできるという。本体サイズは、約147(幅)×約83(奥行き)×約30(高さ)ミリ、カートリッジを装着していないときの重さは125グラム。Micro USBでノート
Googleの新スマートフォンPixel 3の「夜景モード」が問いかけるもの(あるいはAIとはなんなのかという実感について) たまにはカメラのレビューなんていう、フォトグラファーっぽいこともしてみますね。といっても、普段はカメラの記事を書くときって、大体カメラ会社が作ったボディやレンズに関する記事を書くことが多いのですが、今回は話題のスマホPixel 3のカメラ、しかも鳴り物入りで搭載された「夜景モード」だけに限定した超ニッチな記事です。でも、このニッチに思える画像技術は、これから先の写真の方向性をもしかしたらすごく変えちゃうかもしれない。そう思うほどに、今回のPixelが搭載した「夜景モード」は、衝撃的な機能でした。まず、その違いを是非画像でご確認ください。Twitterにもアップしましたが、iPhone Xとまったく同じ時間、同じ場所で撮影した写真を並べたものです。 撮影場所は比叡山の
サイト全体が斜めになったサイトで、画像をクリッピングする必要がありました。しかもレスポンシブWebデザインです。 その時の知見と、利用しませんでしたが、ちょっとしたテクニックを思いついたので、メモとして残しておきます。 画像を斜めクリップにする方法 画像を斜めクリップするイメージは、こんな感じです。 要素を斜めにする方法は、IE9以上から利用できます。 IE8もIEの独自フィルターを利用して頑張ればできるようですが、底が見えない感じだったので、IE8は斜めにせずに対応させていただきました。 要素を斜めにするCSSは、transformプロパティを利用します。 transformプロパティには、いくつかの関数が用意されており、主に「skewY()」を利用し、場合によっては「rotate()」も利用しました。 CSSの記述例 .foo { -webkit-transform: skewY(10
いつもはてなハイクをご利用いただきありがとうございます。 掲題の通り、2019年3月27日(水)をもちまして、はてなハイクのサービスを終了します。同日中にサービスの提供を停止する予定です。 はてなハイクは、「お題でつながるミニブログ」として、2007年12月に提供を開始いたしました。テキストのみならず、お絵かき機能や画像投稿など多彩な表現が可能なサービスで、「お題」から始まる“大喜利的”なコミュニケーションを通じて独自のコミュニティが形成され、多くのユーザー様にご支持いただくとともに、ユーザー様同士の交流の場としても長く活用されてきました。ご愛用いただきました皆様に心より感謝しております。 その一方、はてなハイクのシステム面では、困難な問題を抱えておりました。大きな要因として、長期にわたってサービスを提供する中で、その時々の時流に沿う形で独自のSNSプラットフォーム化を試行し、利便性を高め
About us おはりばこについて おはりばこの使命は、あなたを飾ること。 日常はもちろん、人生の節目やおめでたい日を飾るお手伝いをいたします。 職人の手作りの髪飾りや小物を、自社工房からお届けします。
NHKの紅白歌合戦2018の出場歌手が発表になり、 出場歌手|第69回NHK紅白歌合戦 この一覧でジャニーズの「Hey! Say! JUMP」の名前だけが画像だということが話題になった。 第69回NHK紅白歌合戦の出場歌手のページhttps://t.co/Z6lbjpIbMY "Hey! Say! JUMP" の文字がどうも選択できない。 HTML ソースを見た時、NHK の 「"Hey! Say! JUMP" を絶対にテキスト選択させまい!」 とする意地を感じた。 何で? pic.twitter.com/dil9k9LVCA— nipotan (@nipotan) 2018年11月14日 しかも、ただの画像ではなくてこういうSVGが指定されている。 Web技術が使われててすごい。 なんでこういうことをやっているかというと、どうも a の字形にこだわっているためではないかという。 公式的に
イギリス、ガーンジー島にある聖サンプソン教会区教会。ここの墓地には美しい茶トラのネコが棲みついていて、もう20年以上も訪れる人たちの心を癒していた。その猫の名はバーニーという。 バーニーはこれまで、数えきれないくらいたくさんの遺族たちの悲しみに寄り添ってきた。彼らが涙にくれながら愛する者を埋葬するとき、彼はいつもそばにいた。残念ながら、そのバーニーが老衰のため、今年始めに永遠の眠りについた。その死の間際まで、最後の遺族の心の拠り所となっていた。
日本が誇るポップカルチャーで、アニメと並んで挙げられるのが漫画だろう。他国の作品と差別する意味で“manga”と呼ばれ、世界中で愛読されている。そんな漫画が、各国の読者へ届くまでに、欠かせない役割を担っている人がいる。イタリア出身・日本在住の漫画翻訳家、スタンザーニ・ピーニ・詩文奈(シモーナ)さんだ。 彼女がこれまでに、イタリア語や英語へ翻訳を手掛けた作品は、『攻殻機動隊』『ジョジョの奇妙な冒険』『BLEACH』『きまぐれオレンジ☆ロード』『エア・ギア』『電影少女』『黒執事』『惡の華』『夏目友人帳』『TIGER & BUNNY』『ブトゥーム!』など、600は優に超える。 異国の地で漫画翻訳家になるまで もともと漫画やアニメの熱狂的なファンで、子どもの頃は漫画家を目指していたという詩文奈さん。どのような経緯で来日し、漫画翻訳家になったのか。異国の地で道を切り開くまでのストーリーを紹介する。
こんにちは、 キースイッチ可愛い同好会 会員番号3番、 id:hano_tea です。 皆様は「突撃!隣のキーボード」という記事をご存知でしょうか? developer.feedforce.jp 上記はフィードフォース開発者ブログで昨年11月15日に投稿した記事ですが、実は同タイトルの記事が色々な会社の(技術)ブログで公開されていたりします。 (別に何か打ち合わせをしたとかそういうのではないのですが、このタイトルにだいたい統一して記事を書いている会社さんが多いような気がします) developers.freee.co.jp www.hands-lab.com techblog.kayac.com fusic.co.jp techdev.seesaa.net (順不同) 会社によって人気のキーボードの傾向がかなり違うことが分かって、それぞれ眺めてみるだけでも楽しめる記事になっています。まだ読
It's been ten years since Chrome was first released. A lot has changed since then, but our goal of building a solid foundation for modern web applications hasn't! In Chrome 69, we've added support for: CSS Scroll Snap allows you to create smooth, slick, scroll experiences. Display cutouts lets you use the full area of the screen, including any space behind the display cutout, sometimes called a no
JavaScript Primer 迷わないための入門書 Tweet Watch Star Twitterのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことがあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。 Amazon 達人出版会(電子書籍版
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く