Dropbox Paperの開発では「思考に集中できるシンプルさ」を考えた (1/2)
「Dropbox Paperは、クリエイティブの『プロセス』を支えるためのツールです」――。クラウドファイル共有サービスの米Dropboxが2017年に一般提供を開始したDropbox Paper。Dropboxユーザーであれば誰でも無料で使える、チーム内コラボレーションのためのツールだ。 法人向けビジネスに大きく舵を切った現在のDropboxにおいて、Dropbox Paperはビジネスユーザーを獲得するための武器のひとつと捉えられている。一見すると「Google Docs」のようなドキュメント共有ツールと同じようにも見えるが、そのコンセプトは大きく違うと、同ツールを手がけたプロダクトマネジャーのカヴィタ・ラダクリシュナン氏は説明する。 今回はラダクリシュナン氏とプロダクトデザインマネジャーのカート・ヴァーナー氏に、Dropbox Paperの開発コンセプトやツールとしての特徴、ターゲッ
スマホの入力でも日本はガラパゴス、世界は《ひと筆書き》入力が主流だ
スマートホンでラクラク日本語入力したくないですか？ 2カ月半ほど前、私は、「スマホの最も生産的な入力方法はフリックではなく《ひと筆書き》だ」という記事を書いた。“ひと筆書き”入力というのは、キーボードの上を通常１つずつキーをタップしていくところを、 指を画面から離さないまま“なぞる”ことで入力するやり方。 「Swype Keyboard」というアプリを使いはじめていて、その気持ちよさを伝えたかったからだ（日本語対応はAndroid版のみ）。ところが、それを読んだ人からエンドウさんが紹介したSwypeはほんの一例ですよと指摘されてしまった。 というのだ。英語では、「スワイプ」（Swipe）とか「ジェスチャー」（gesture）とか、グーグルの場合は「グライド」（glide）などと呼んでいる（私が使っている入力方式は「Swype Keyboard」＝スペル注意）。 たとえば、「遠藤諭」と入力す
就活用の作品ポートフォリオの作り方｜深津 貴之 (fladdict)
仕事で面接をしたり、学生の作品ポートフォリオのレビューをする機会が、最近は多くなってきました。ところが生徒のポートフォリオを見ていると、見せ方で損をしている人が多い印象。能力はすごいのに、伝え方がもったいないイメージです。 毎回、同じことを指摘するのも大変なので、ポートフォリオの作り方を備忘録としてまとめてみました。今期の就活生さんの参考になればと。 目的を決めようまず、これから作るポートフォリオの目的を決めます。大事なポイントは3つです。「誰」に向けて「何」を伝え、「どう」行動してもらうためのものかです。この3つのポイントを明確にしましょう。 たとえば就職活動のポートフォリオの目的は、「採用企業があなたのスキルと適性を理解すること」となります。 GOOD ・採用企業があなたのスキルと適性を理解するツール BAD ・自分が見せたいものを並べた ・今まで作ったものを並べた 企業が知りたいこと
僕の精神安定のために手離せなくなった物たち（寄稿：pha） - ソレドコ
こんにちは、phaです。 小さい頃からとにかくじっと座っているのが苦手だった。 学校に通っていた頃も、勉強自体は嫌いじゃなかったのだけど、じっと座って授業を聞くということが本当にできなかった。 だから、授業中はいつも授業以外のこと、例えばノートや教科書に落書きをするとか、本を机の下に隠して読むとか、机に顔を突っ伏して寝るとか、授業の内容と関係ない箇所を独学で勉強するとか、そんなことばかりやってなんとか授業という苦痛な時間をやり過ごしていた。 大人になると授業を受けなくてよいのでよかったのだけど、それでも社会の中で生きていると、じっと座っていなければいけないシチュエーションはまだまだたくさんある。 例えば冠婚葬祭などの式典は大の苦手だ。内容がつまらない上に、拘束着のように窮屈なスーツやネクタイや革靴を身に着けたままずっと座っていなければいけない。途中で寝転ぶとすごく怒られる。社会というのはた
【完全保存版】シートで簡単チェック！デザイナーが見落としがちなUIデザイン12の想定漏れ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのほりでーです。 Webやアプリの開発ではデザイナーとエンジニアの連携が欠かせません。デザイナーとエンジニアが分業する場合、デザイナーがPhotoshopなどのグラフィックツールで完成図となるデザインカンプを作成し、それを元にフロントエンドエンジニアが実装してWebサイトを完成させることが多いでしょう。 しかし、最近のWebサイトで多用されているリキッドレイアウト（横幅の変化に追従するレイアウト）や、ユーザーの操作に反応するインタラクティブなアニメーション表現、CMSやJavaScriptと連動して動作する複雑なUIなどをカンプ上で表現するのは困難です。 そのため、デザイナーが「ここはこういう風に動かしたいな〜」と思っていても、それがエンジニアに伝わっていない、という見落しも発生してしまいます。 一般的に、ソフトウェアの開発では仕様が不安定（＝必要な機能
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Huawei p20 liteのフォントを完全非rootで変更する方法！ - Neutronの改造日記
排卵期予測アプリ「Clue」がデザインにピンクを使わない理由