チーム内コミュニケーション設計に使える視覚化あれこれ
通じ合うための設計 デザイナーの仕事はコミュニケーションを設計することだと思います。Web サイトやアプリの画面設計をするのはもちろんですが、その画面が使う人たちにどのような影響を及ぼすのか、彼らがインプットをした場合、どのようなフィードバックを提供するのが適切なのか考える必要があります。ここで言うコミュニケーションの設計とは、製品と人、もしくは人と人との関係をどのように取り持つのかを考えることです。その関係を視覚的に伝えることができるのがデザイナーの強みと言えるでしょう。 ただ、デザイナーが考えなければいけないことは、製品とそれを扱う人たちの関係だけではありません。クライアント、開発者、マーケターといった、制作に携わる人たちの関係を設計することも含まれています。プロジェクトの全体像を見渡せるようにしたり、携わる人たちが共通認識をもてるようにするためのツールが必要になります。チームメンバー
パワーポイント史上最強、Morph（変形）トランジションのデモを作りました | The Power of PowerPoint
PowerPoint 2016から搭載されたMorph（変形）トランジション。追加されたことは知っていたのですが、単にバリエーションが一つ増えたんだろうくらいの考えで、あまり気にしていませんでした。 とんでもないですね！ このトランジションはたぶんパワーポイント史上最強だと思います。一瞬「After Effect？」と見間違えても不思議ではないほどのアニメーションを実現することができます。 基本的に、前スライドと現スライドの同一（とPowerPointが認識する）オブジェクト同士のパラメータを、Ease In/Outを用いて補間しているようです。 従って、ある図形を別の図形へとMorphすることは（工夫しないと）できません。ただし、角丸の図形を使うことで、四角形から円へのMorphは実現することができます。また、頂点の編集を行えば図形変形もある程度実現することができます。 詳しくは、Mic
Atomic Designの考え方と利点・欠点 – wkr.
Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
「子どもの貧困対策をするつもりはない」と 対策先進市・明石市長が言う理由（湯浅誠） - エキスパート - Yahoo!ニュース
タコが有名で、さかなクンが「あかしタコ大使」を勤める兵庫県明石市。 人口29万人のこの町は、同時に全国に先駆けた「離婚時の養育費等取り決め」など、子どもの貧困対策の先進市でもある。 対策は、二期目に入った泉房穂市長の強力なリーダーシップの下で行われてきた。 ところが当の泉市長は「子どもの貧困対策をするつもりはない」と言い切る。 およそ謙遜するタイプには見えないマシンガントークの市長が、真顔でそのように言うワケとは？ 明石市の経営戦略（「アカシノミクス！？」）とは？ 泉房穂市長のロングインタビューをお届けする。 子どもはカバンじゃない！――明石市は全国に先駆けて「離婚時の養育費等取り決め」を進めてこられました。 20年間「子どもはカバンじゃない！」と言い続けてきました。 「どっちが持って行く？」とか、そんな話ではない。モノじゃないんだから。 離婚が避けられなくなってしまっても、その影響を受け
fetch API から XMLHttpRequest への置き換えを決意した話 | ykzts.blog
最近 fetch API をヘビーに使うようになっていて、いろいろと勘所もわかってきていて、Promise ベースなのはやっぱりすごく便利なんだけれども、現状だと機能が全然足りないなあ、と。 XMLHttpRequestUpload 相当がないのは知っていたし、困ったなあと思っていたんだけれども、XMLHttpRequestUpload 自体がだいぶレア目のヤツで使うような機会もまあめったにないので実害としてはそこまで大きくなかった。 んで、だ、XMLHttpRequestUpload 相当がないのは良いとしても、ReadableStream で XMLHttpRequest で言う progress イベント相当のことをしようとしたときに、発火時にトータルの容量がわからんつう問題が発生した。 fetch API で ReadableStream を使って progress の状況を取ると
Reducing Adobe Flash Usage in Firefox – Future Releases
Browser plugins, especially Flash, have enabled some of our favorite experiences on the Web, including videos and interactive content. But plugins often introduce stability, performance, and security issues for browsers. This is not a trade-off users should have to accept. Mozilla and the Web as a whole have been taking steps to reduce the need for Flash content in everyday browsing. Starting in A
Microsoft Edge のコンテキストメニュー (Windows 10 / 10 Mobile Anniversary Update) - Browser
ほぼ確定だと思われるので記事を書きました。 開発者向け設定で「コンテキスト メニューに "ソースの表示" と "要素の検査" を表示する」をオンにすると、ソースの表示と要素の検査が追加されます。 Windows 10 ページ全体 すべて選択 印刷 設定変更で「要素の検査」「ソースの表示」が追加されます。 テキスト選択 Cortana に質問 すべて選択 コピー 設定変更で「要素の検査」「ソースの表示」が追加されます。 リンク選択 新しいタブで開く 新しいウインドウで開く 対象をファイルに保存 リンクのコピー リーディングリストに追加 Cortana に質問 すべて選択 貼り付け 設定変更で「要素の検査」「ソースの表示」が追加されます。 画像選択 画像にリンクが設定されている場合は、下記の画像のようにリンクの項目が共に表示されます。 Cortana に質問 名前を付けて画像を保存 画像の共有
Microsoft Edge の開発者向け設定 (Windows 10 / 10 Mobile Anniversary Update) - Browser
ほぼ確定だと思われるので記事を書きました。 以前、デフォルトでオンになっていた設定の機能が標準機能となっている模様です。 開発者向けの設定を見る Microsoft Edge のアドレスバーに about:flags を入力すると、 開発者向けの設定項目が表示されます。 Googole Chrome でいう chrome://flags/ と同じようなものです。 設定を適用する場合 ブラウザのウインドウをすべて閉じるか、 タブすべてとじたのち、 再び Microsoft Edge を起動してください。 内容 Windows 10 Windows 10 Mobile 開発者向け設定 コンテキスト メニューに "ソースの表示" と "要素の検査" を表示する デフォルトではコンテキストメニューにこの2つが表示されなくなりました。 有効にして各項目をクリックするとF12開発者ツールが開きます。
リモートワークの勘所と限界について1年くらいの感想、組織にとっての選択肢作りの話
1年くらいリモートワークを続けてみた感想 まず当然ながら「リモートワークは生産性が高い！これこそ未来のワークスタイル！」のような感想はありません。 生産性やコミュニケーションに関連するメリット、デメリットをうまく相殺しきれれば、生活の自由度だけ向上してハッピー、と考えています。 今は自宅かレンタルオフィスのいずれかを作業場として開発などを行いつつ、本社がある渋谷には1泊2日の出張を月2回するようなペースで仕事をしています。基本は Slack でテキストチャットによるコミュニケーションをメインとしつつ、必要があれば MTG に Hangout でビデオチャットで参加します。 生産性は大して上がらない 期待していた生産性は、それほど向上することはありませんでした。 東京にさえいなければ気軽に MTG に呼び出されることもありませんし、開発に充てることが可能な時間は若干増えています。通勤時間が長
Webアクセシビリティを高めるためのライブラリまとめ
インターネットが幅広く普及してきたことによって、あらゆる人たちに対して等しく情報が提供できなければなりません。政府、自治体系であればユニバーサルデザインが求められるようになっており、Webサイトにおいても多くのデバイスに対して見やすく、正しく情報が届けられるような機能、デザイン性が求められています。 今回はそんなWebアクセシビリティを高めるために使えるライブラリを紹介します。 tota11y – an accessibility visualization toolkit ブックマークレットとして提供されており、実行するとメニューが表示されます。そしてヘッダー情報であったり、リンクテキスト、画像のaltなどの一見すると見られない情報が表に出てきます。 Hurtak/toggle-css-bookmarklet: Toggle css with one click スタイルシートの有効、無
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Power of PowerPoint | 誰でも、見やすく美しいパワーポイントデザインを
GitHub - mozilla-services/shavar-plugin-blocklist: ❌ Firefox plugin blocklist