私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
硬直化した企業は見当違いな方向に向かい、「極限状態での苦痛を伴う衰退、そして滅亡」を迎えることになる。Michael Seto/Business Insider アマゾンのCEOジェフ・ベゾス氏は4月13日水曜日（現地時間）、株主に宛てて年次書簡を送った。4300億ドル（約48兆円）規模のビジネスを一代で築き上げた同氏がマネジメントやリーダーシップについて語った必読の文書になっている。 ベゾス氏は特に、成功している企業が組織の硬直化を防ぐために策を講じることの重要性を指摘した。硬直化した組織は見当違いな方向に向かい、「極限状態での苦痛を伴う衰退、そして滅亡」を迎えることになる。 こうした末路をたどらないようにするには、プロセスが確立されていたとしても、そのプロセスの奴隷にならないための努力を惜しまないことだと同氏は語った。 「大企業ではこれがいとも簡単に起こってしまう。プロセスが結果よりも
ここ2年ぐらいで俺が働いた現場はみんなgitを採用している。就職エージェントと面談するときもgit経験の有無をよく訊かれるし、今ではVSSやCVSどころか、SVNですら時代遅れになってきて、SVNを使っている現場は「レベルが低い」「保守的・旧態依然」という雰囲気すら感じる。 俺としては4-5年前からgit(GitHub)を使っているし、gitを使うこと自体に抵抗はない。一通りの基本操作はできるし、人並みにはできると言っても差し支えはない。 …が、正直gitの良さがあまり見えてこない。 もし俺が中規模以上のプロジェクトのリリースを本格的に管理する側であれば全然違った感想を持ったかもしれない。でも一人の開発者として、せいぜい10人程度のプロジェクトで利用する限り、「gitで良かった」という状況があまり思い当たらない。 ではgitの何が気に食わないのか書いていきたい。 ①gitは馬鹿には難しい
2011年にインプレスジャパンから「エンジニアとしての生き方」という本を出版して以来、書籍よりは「メルマガ（週刊 Life is Beautiful）」の執筆を優先して来た私ですが、この度、とある編集者に説得されて「時間術」の本を出版することになりました。 『なぜ、あなたの仕事は終わらないのか スピードは最強の武器である』（文響社） 「時間術」とは言っても、巷に良くある「どうやって時間を効率よく使うか」という話ではなく、実際の仕事の現場において「常に締め切り通りに仕事を終える人」になるための、私なりの「仕事に対する取り組み方」を解説した仕事術の本です。 「いつも締め切りに追われている」「締め切り間際にならないと本気で仕事ができない」という悩みを抱える人たちには是非とも読んでいただきたい本です。締め切りを守れるかどうかは、締め切り間際のラストスパートで決まるのではなく、もっと前の段階での、「
ブラウザ上で直接コードを書いてWebアプリデザインを行う「デザイニング・イン・ブラウザ」もしくは「インブラウザデザイン」。もう何年も前からそのメリットについて話す人も多く今更新しい手法ではないでしょう。 SketchやPhotoshopによるデザイン納品よりも多くのデバイスや環境で確認でき、animation,hoverをはじめ、ユーザーのアクションによる画面状態変化がリアルに把握できて、デスクトップやモバイルといった固定しない画面サイズにおいて実際の操作中にユーザーの誤操作やストレスを見つけやすいというメリットがあると言われています、ただ、あくまで手段のひとつだということも忘れてはいけないですね。 個人的にはページ数の少ないシングルページアプリケーションにおけるデザインには有効な解決手段だと思っています。 ただいいコトずくめに見える手法ですが、そのコードを開発側にそのまま流用しようとする
内田 達也 2013年新卒入社。複数のコミュニティサービスを経て2015年6月より「AbemaTV」でAndroid、スマホのブラウザ面のUIを担当。プライベートでネイティブアプリの開発も行う。 こんにちは！AbemaTVでUIデザインを担当している内田達也です。この記事では、AbemaTVの立ち上げにおいて、デザイナーがどの程度エンジニアさんの領域に入り込むことができたかを書きたいと思います。 結論から言うと、現在4人いるデザイナー全員がAndroid、iOS、ブラウザいずれかの実装に直接参加することができました。作業量は皆様々でしたが、まずは一歩踏み出せた気がします。 弊社の一般的なデザイナーの役割 これまで弊社でデザイナーと呼ばれる人たちはSketchやPhotoshopでビジュアル部分を制作し、実装はすべてエンジニアさんにお任せしていました。これは、デザイナーが綺麗なUIを作るの
エンジニアの視点を学ぶデザイナーとエンジニアは仕事の仕方も考え方も異なります。しかし、良い製品をつくるためにはお互いの協力が欠かせません。考え方が違うからといってそのままにしておくと、品質の低下に繋がることがあります。 「デザイナーはユーザー（人）の声や行動に耳を傾けるべき」「彼らのニーズに合わせた提案や設計をすべき」といった論調を見かけることがありますが、これはユーザーだけでなく、一緒に仕事するエンジニアにも適応できます。すぐ側にいるエンジニアを考慮した提案ができないのであれば、ユーザー相手はもっと難しいと思います。 今でも仕事でビジュアルデザインを担当することがありますが、エンジニアと仕事をする際に以下の 6 点に気をつけています。 1. どういうタイプのエンジニアか知るすべてのエンジニアがデザインに興味があるとは限りません。中には仕様を指示してもらえればそれで良いといった方もいます。
利用者中心とは言いますが 自分たちが作りたいものを作るのは身勝手な行動のように見えますが、「自分たち」という価値（アイデンティティ）が確立されているかされていないかは大きな差があります。価値がないまま、「利用者のため」という考えだけ一人歩きしてしまうと、極度な A/B テストの実践など、数字が高いほうを選択するという製品開発になる可能性があります。 利用者中心のデザインは必要です。しかし、それは土台になる【価値観＝ビジョン】があるから成り立つものであり、いきなり利用者中心のデザインプロセスを実践しても意味のないことだと考えています。スタートアップ向けの講座で ビジョンの共有が重要だと話したのもそのためです。プロジェクトを始める際は、必ずといっていいほど「我々は何者か」という部分を振り返るようにしています。 付箋には「気分が良い」「落ち着く」といった、感情的なフレーズが含まれることがあります
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
この記事は Sublime Text Advent Calendar 2014 – Adventar 24日目の記事です。 今回は僕が普段 Sublime Text を使って WordPress のテーマを作るときの流れをざっくりと。 Twenty Fifteen などを親テーマにしたり、_s というスターターキットなどを利用する方法もありますが、そういったものを使わずにテーマを作ることがほとんどです。 また、先に HTML を作成してからテーマ化という方法も取っていません。 テーマ作成の準備 XAMPP や MAMP など、ローカルで WordPress が動かせる環境で開発をしていきます。 まずは WordPress をインストールから。 公式サイトから最新版をダウンロードしておくという方法でもいいですが、よりおすすめなのは Nettuts+ Fetch です。 これを利用すると、事前
マーズナレッジ主催、OSSカフェマスターの河村さんによるgulpの勉強会、「Gulp.jsで飼いならす、最新フロントエンドツールの使い方」に参加してきました！ 現在、Webの制作界隈にはエンジニア方面からデザイナー方面に向かって猛スピードでやってくる自動化の波。 GruntだったりYOMANだったり、タスクランナーとプラグインによって、自動化できるものを自動化することでワークフローも改善できるよね。 といったところで、河村さんの制作環境を中心に、gulpを紹介していただきました。 gulpを全力で使うと、後ろから見ている人には魔法に見える 本当にすごい。使っている他のアプリケーションによる効果も大きいのですが、エディタでいじっていると保存するそばからブラウザでの表示が変わっていく。デザインに使っているグラフィックソフトでファイルを保存するとスライスも切り直さずに表示が変わっている・・・。
CPI x CSS Nite「After Dark」（8） 『ノンプログラマでも今日から使える「Git」でバージョン管理』のフォローアップを公開します 記事公開日：2014年11月 9日（日） 2014年3月20日、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite「After Dark」（8）『ノンプログラマでも今日から使える「Git」でバージョン管理』 のフォローアップを公開します。 スライド（PDF、72ページ、15.6MB） 11月20日(木)に予定しているCPI x CSS Nite x 優クリエイト「After Dark」Gitが変える、Web制作ワークフローに参加される方は、ぜひ、ざっとでも観ておかれることをオススメします。 CPI x CSS Nite「After Dark」（8） 『ノンプログラマでも今日から使える「Git」でバージョ
~ 198 slides on tools to help you stay productive on the front-end.
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう！〜
数ヶ月前に友人とランチをしていた時に「じつは裁判員をやった」と聞き、これは他の人達にも知ってもらうとよい内容だなと感じたのでインタビューしてきた内容を掲載する。 話を聞いてから数ヶ月経ってしまっているけれど、最近こういったニュースがあり、裁判員制度に注目が集まっている。 ▼ストレス障害:「裁判員は苦役そのもの」３０日に判決 - 毎日新聞 内容としては強盗殺人事件の凄惨な証拠の数々を見て急性ストレス障害になったというもの。 判決結果では請求は棄却された。 ▼裁判員制度:福島地裁「苦役禁じる憲法に違反」訴え退ける - 毎日新聞 今回聞いた内容だと、断るタイミングはいくつかあるようだったし、報道の中で語られている「通知の段階で辞退項目はなかった」というのも違っているようだ。ここ最近で進め方が変わった可能性もあるけど報道に関しては「自分は凄惨な証拠を見た時に心を保てるか」と事前に察知するのも難しい
ワイヤーフレームの間違った使い方 たまにリニューアル案件をいただくときがありますが、見た目より先にコンテンツを整理しましょう、一緒に作っていきましょうと説得するようにしています。このサイトでも様々な角度からコンテンツの重要性を語ってきましたが、最もシンプルな方法は「UX を考えていきましょう」「モバイルファーストで戦略を練っていきましょう」といった専門性の高い言葉を使うのではなく、今までのやり方ではうまくいかないということを分かりやすく説明することです。 従来の Web サイト制作でよくあったのが、まずワイヤーフレームをつくって情報の大まかな構成を設計するというやり方。ワイヤーフレームを作ることは間違っていませんが、コンテンツを作る前に始めてしまうと、あとで大きなギャップを埋める作業が発生することがあります。コンテンツなしで構成を作り始めると、例えば以下のような状況に陥ります。 文字が多過
On-demand webinar recording: http://bit.ly/2mRjk2g Docker and other container technologies continue to gain in popularity. We recently surveyed the broad community of NGINX and NGINX Plus users and found that two-thirds of organizations are either investigating containers, using them in development, or using them in production. Why? Because abstracting your applications from the underlying infrast
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く