「Ameba」アイコン刷新 一貫性と再現性追求のための設計術 | CyberAgent Developers Blog
GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと
FigmaとMeetを使ったリモートワークショップの振り返り - freee Developers Hub
こんにちは、デザイナーのはるたんです。 最近はハンドドリップを極めたり、個人でReact Nativeを使ってアプリ開発することにハマっています。 今日は3月に開催したリモートワークショップの振り返りと気付きを共有します。 はじめに 僕らのチームは、クラウド税務申告ソフト「申告freee」という税理士さん向けのソフトを開発しています。申告freeeは、freeeの中でも特に業務理解が難しいプロダクトの1つです。古くからいるメンバーの中には、自分で税理士資格のテキストを購入し、申告業務の勉強をしている強者もいますが、後からJoinしたメンバーはキャッチアップが難しい状況でした。そのため、大きい機能開発の時には必ずワークショップを開催し、メンバー間の認識合わせを行うようにしています。 以前のワークショップ 上記の写真は2019年夏に開催した時の写真ですが、普段は模造紙と付箋を使ったワークショッ
React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - FRTKL
この記事はコネヒト Advent Calendar 2019の11日目の記事です！ qiita.com はじめに 半年ほど前から新規事業のチームで仕事するようになり、主な技術スタックもPHPからGo, Next.jsへと変わりました。 その中で、特にフロントエンドのテスト周りにおいてキャッチアップ不足を感じていたのですが、たまたま見つけた*1「Full Stack Open 2019」という教材がとても良かったので紹介したいと思います。 「Full Stack Open 2019」とは fullstackopen.com フィンランドのヘルシンキ大学で実際に使われているテキストベースのオンライン教材です。 Nodeで作られたREST APIとReactを使ったSPAの実装を通して、React・Redux・Node.js・MongoDB・GraphQLが一度に学べる教材となっています。 教材
Edge Worker PaaS の fly.io が面白い - mizchi's blog
なかなかよいおもちゃを見つけたので、紹介します。 fly.io fly.io は CDN Edge Worker で JavaScript に特化した PaaS です。既存のサービスで近いものだと CloudFlare Workers もしくは Lambda@Edge でしょうか。 アカウント登録をして、次のようなコマンドを叩くとエッジで動くアプリケーションを作成することができます。 npm install -g @fly/fly fly login # mkdir my-flyio; cd my-flyio fly new 最小コードはこんな感じ。CloudFlare Workers と同じような ServiceWorker 風と、Google Cloud Function 風の 2 つのパターンでワーカーを定義できます。 // index.js addEventListener('fe
A Memorandum – こもりまさあき
いまどきのWeb制作ではいろいろな道具を使いますが、GUIではないCUIなツールを使って「作業を効率化したい！」と思っても、そこに立ちはだかるのは環境構築の壁。まぁ、導入そのものは言うほど難しくはないんですけどね…。制作ツールまわりはローカルのマシンの中で動いてた方が何かと楽だと思うんですが、MacやWindowsの中に動作環境を作ってメンテしていくのもまた面倒なこともあります（OSのアップデートの時とか）。 サーバまわりがなんとなくでもわかるフロント系の人なら、実際のサーバと同じ環境をVagrantやDockerなどを使って仮想環境として自分のマシンの中に作ってる人も多いかと思います。そんな仮想環境を使って（*1）、LAMPの環境からいまどきなNodeまわりの制作環境までを一緒くたにしたBox「Scotch Box」がリリースされてます。Scotch（出してるところ）は何かと偉い。 Co
portal shit!
OpenAI の文字起こし AI Whisper を簡単に利用できる whisper.cpp を使って英語の Podcast を文字起こししている。めっちゃ便利。英語の Podcast 、特に会話主体の Podcast はリスニングがかなり難しかった。ニュースの Podcast などは比較的聞き取れるのだけど、テック系の Podcast などは特に意味がわからない。語彙の問題かと思ってたが、文字起こしをしてみて初めて理由がわかった。フィラー（意味のない場繋ぎのための言葉）が原因だった。文字起こしされたものでも読みにくいのだ。フィラーとは一般的には "Uh" とか "Um" 、 "Well" みた...
3flab inc.
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
シンプルで美しいポートフォリオ（制作実績）サイトを構築できるフリーのWPテーマ・Portfolium
シンプル且つ美しいグリッドレイアウト のポートフォリオサイトを構築できる WordPressのテーマ、Portfoliumの ご紹介。設定は大変そうですが、 豊富な機能なのでテーマファイルの 中身を見て勉強するのにも良さそう。 フリーでもハイクオリティなテンプレートが手に入るのがWordPressの魅力でもありますね。 シンプルで美しいグリッドレイアウトがとても見やすい印象です。機能は豊富で、使いこなすまで少しかかるかも知れませんが、こういった高機能なテーマはカスタマイズの勉強にもなるのでありがたくダウンロードさせてもらっています。 使い方は動画があるのでそれを見たほうが早そうです。画像はWP3.0で追加された機能、カスタムポストタイプを利用するみたい。 How to add portfolio item and blog entry from Wpshower on Vimeo. 以下よ
WordPressに移行してHTML5で組んでみた - Rewish
2009 - 06 - 15 その他/告知 0user 0user MTはある程度使えるレベルになったので、PHP製CMSのWordPressに移行。同時にデザインも変更してHTML5っぽい感じにしてみました。 移行に伴って色々やってみたのですが、その辺は個別でまとめるとして、今回は簡単に書けそうな部分にだけ触れます。 HTML5について 現状、仕様を完全に追いきれて無いので、割と感覚で組んだ部分があります。結構難しいですねHTML5。適当にやってたら直ぐに置いていかれそう。でも面白い。 疑問点 セクションの関係を意識してたらh1がやたら増えた。こんな感じでいいのだろうか。まだ策定段階なので見本はほとんど無いし、仕様書見てもあんまり解らなかった。 と言うことで仕様が確定するまで取り敢えず待つことにする。 表示の高速化関連 CSS Spriteを使った(まとめ方が若干変) CSSを一つのファ
shinzlog - Clips
東京に台風が近づいています。代官山も強い雨が降っています。それもまさかのリターン台風ということで、一度は南西に進んで熱帯低気圧になって消えてくれるかと思っていたら、西に追いやっていた親玉台風が消えた途端に元気を取り戻しつつ、すごい勢いでまた北上して…と、僕もこんな台風の軌道線とか今まで見たことがありません。今後の暴風雨などの被害が少なく済むことを祈るばかりです。 で、さらっと「祈るばかりです」と書きましたが、我々はいま、実際は高精度の測定データをリアルタイムに得て、さらにそれを専門家が過去の多くのデータ分析を元にして、今後の進路とか、どの程度の雨風になるかなどを知らせてくれますし、実際に、どんな状況なのかもサイトやアプリで知ることが出来ます。そして、その上で「どうか被害が少なくなりますように」と祈っている。 そう。このブログに書きたいと思ったのは、その「祈る」という感覚についてです。 いま
cellfusion blog
Ant を使って PixelBender の pbj を書き出す方法 2009年10月22日 22:43 PixelBender Toolkit をインストールすると pbutil が同梱されているので CUI で下記のように実行すると sample.pbk を sample.pbj として書き出すことができます。 cd /Applications/Utilities/Adobe Utilities.localized/Pixel Bender Toolkit/ pbutil sample.pbk sample.pbj 毎回叩くのも面倒なので Ant で自動化しちゃいましょう。 <project name="Ant Build" default="pbj compile" basedir="./"> <property name="src.dir" value="${basedir}/..
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「こけむさズ」に３度通って 東郊雑記＠琳堂 on scriptogr.am
木村博信 – Emotionale
https://www.func09.com/wordpress/
AKIHIRO KUMAGAYA
GGGGGGGGGG「トム・クランシー監修」
一分快三(集团)有限责任公司