プログラミングはクリエイティブワーク. 音楽、キャンプが好き. クラウド関係のお仕事してます. なお、投稿はすべて個人のものであり、所属する組織の意見でも代表するものでもありません。https://www.keisuke69.jp/

突然ですが、「UI Stack」ってご存知ですか？ アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。（英語です） UI Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error

久々に記事を書いてみました。スタートアップの経営者やCTOというポジションを今担っている人、これから目指す人向けに私見をまとめた乱文です。直近はCTOというよりも、もはやポジション名もわからないなにかになってしまい、人事や総務、マーケティング、各事業の経営管理など職責を広げすぎてしまいましたが、今回は自分にとってのCTOの職責として重要なものとは何かを考えてみました。 要点事業をスケールさせるためには、まず組織とプロダクトの設計が相互に影響し合うことを理解する。その上で事業構造の理解から、より素早く改善すべきレバレッジが効くポイントを見出し、その改善が最も素早く進む組織とプロダクトのアーキテクチャを同時に設計する。こうしたプロダクトと人、事業の3つを理解しながらアーキテクチャ設計することがCTOとして重要な職務の一つだと考えています。 事業とCTO先日、スタートアップ界隈を見ていて下記のも

会社の体制が大きく変わり、カオスの中に少しの静寂（暇）ができました。特に日々執行に勤しんでいる方々は皆そうだと思いますが、色んなこと考えているのにそのプロセスをアウトプットする機会があまりなく、結果や結論、最終的な決断のみが共有されるため、サクセッションプランに対する有効な情報を残すことも出来ていないことと思います。僕もその一人。 この時間を有効に活用するため、頭の中にあるイメージと考え方をここに、時間の許す限り吐き出していこうと思います。時折、言葉が足りないところも前提条件やバイアスの記述が足りないところもあるかと思いますが、混沌とした頭の中を曝け出すプロセスにはつきものですので、大目に見ながら読んでいただけると幸いです。 財務諸表と同じように見える化する会社は財務諸表によって経営されるものなので、経営者たるもの財務諸表を見ながら戦略を立てるべきであると僕は考えています。数字以外信じない

どうも、ざわほげです。本日は私をエンジニアの道に誘うことになった一つの動画を紹介します。この動画について次のようにツイートしました。 プログラマーかっこいいと本心で思ったのは高校の頃に「オセロを一時間で作る」って動画をニコニコで見たとき 大学は理学という違う進路に進んだけど、ずっと頭には素早く実装するカッコ良さが残ってて、結局エンジニアになった今もその人に憧れがあるかも — ざわほげ (@zawawahoge) January 13, 2020 私のプログラミング人生のきっかけともいえる強烈な原体験を作り出したものなので紹介したいと思います。 「オセロを1時間で作ってみた」　その動画とは、ニコニコ動画でアップロードされている t-kihira さんの 【プログラミング】オセロを1時間で作ってみた【実況解説】 です。 動画の内容は、メモ帳しかインストールされていないWindowsマシンから始

と思っている話です。もはやタイトルでぜんぶ言ってしまった。 せっかくなのでもう少し続けます。 2020/05/03追記：第二弾？書きました この本がまだ初稿になる前、共著者のみなさんと執筆真っ最中の頃に何度か打ち合わせがあったのですが、そこで「書籍的な文章を書き慣れてない人って、"という"と"こと/もの"を多用しがちなので、この2つを抑えるだけでも文章がシュッとするんですよ」とお話したら思ったより反応があったので、これは需要があるんじゃないかと感じたのがきっかけです。 ここから先は具体例を交えて解説していきます。 さすがに他人様のテキストを使うのは気が引けるので自分が書いた記事を例に挙げます。……でも自分はこのテクニックを使うようにしているので、該当する記事がなかなかないんですよねぇ……と思ったらあった！ （よりによってこれか……せっかくなので皆さんスタァライトを観ましょう！） 記事中では

結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介したいと思います。 JavaScriptフレームワークの簡易比較有名かつドキュメントが日本語化されており、入門書もでているJavaScriptフレームワークにはAngular、React、Vueがあります。 で、それぞれの違いなのですが、すごくシンプルに言ってしまうと、HTMLとJavaScriptの関係がそれぞれ違います。 ・ Angularは、HTMLとJavaScript（TypeScript）を分割してかきます。 ・ Reactは、JavaScriptの中にHTMLを書きます。

最近note書く人増えましたね。新年を迎え、新たに始めてみようって人も多いんじゃないでしょうか。 仕事で文章チェックしていて、削ったほうがスマートになる言葉をいくつか書き溜めてきたので、文章デビューする人のために一挙放出しちゃいます。 「私」「僕」などの一人称 あなたが書いてることはわかっているので、入れなくても伝わる流れであれば削ってOKです。 mina最新号の表紙タイトルを見て、僕ははっとした。 ↓ mina最新号の表紙タイトルを見てはっとした。「と思う」「気がする」 日本人の特性なのか、言い切らずに「〜だと思います」を多用する人は多いです。思い切って削っちゃいましょう。 人生において、言葉が余計な瞬間ってある気がします。本当に心揺さぶられたとき、言葉を重ねることほどナンセンスなことはないと思います。 ↓ 人生において、言葉が余計な瞬間ってあります。本当に心揺さぶられたとき、言葉を重ね

皆さんは「学術論文」を読んだことがあるでしょうか。 大学生や大学院生なら、自分の分野の論文は読んでいることでしょう。 情報が広く共有される現代でも、 「学術論文は専門家や研究者が読むもの」 「普通の市民は論文など読めない」 というイメージは今でもかなり強いように感じます。 私はこれを非常に「もったいない」と思っています。 実際には、「素人が専門の論文にアクセスする」ためのハードルは年々下がっているからです。 今や、素人でも「専門家が読んでいるのと同じ文献」をその気になれば読める時代になりました。 にもかかわらず「科学論文を読む素人」や「分野外の論文を読む学徒」が増えないのは、「論文の読み方」を大学以外でなかなか習えない、というのが一つの障壁になっているのかもしれません。 「論文の調べ方」「論文の読み方」に王道などありませんが、今回はあくまで私の例として、論文を探して読むためのハウツーを簡単

Twitterでは定期的に読んだ本を紹介している。 そこでnoteでも2020年のIT業界で働く方々におすすめしたい本をまとめてみた。 Twitterや他のnoteはふざけた内容だが、マスク・ド・アナライズの運営方針は「書評だけはガチ」である（ノアファンではないが）。 ここ1年で読んだ中で「役に立つ」「面白い」「仕事に活かせる」「ITに関わる人間に読んでほしい」と思った本であることを保証する。 書評の後にAmazonリンクもあるので、役に立たないAI・データサイエンス本にエサを与えずに、きちんとした書籍にお金を出すことで出版業界に貢献してほしい。 ここからオススメの10冊紹介する。 追記：アフィリエイト貼るのを忘れたので思う存分クリックしてください。 誰が音楽をタダにした音楽業界におけるMP3の誕生というテクノロジー視点、違法アップロードするアングラサイト運営者の視点、既存のCD販売を手掛

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは

人は老います。だからこそ、僕らはそれを前提としてキャリアを考える必要があります。加齢とともに失われゆくものは多く、その代わりに何を得ていきたいか。今日はそういうお話です。 特に、これから就職を考える学生や、キャリアに思い悩んでいる社会人に読んでもらえると嬉しいです。 1 加齢とともに失われゆく「資源」 まず結論から。いいキャリアとは、加齢とともに失われゆく「資源」を仕事などを通じて「資産」に変化させて蓄積していけることかなと思います。こんな感じです。 社会で生きていく上で必要なものを初めから満たしている人はいません。自分の資源を費やして身につけていく必要があります。 それでは資源とは何でしょうか？ 僕は「自由な時間」「体力」「新鮮な脳みそ」「ピュアな気持ち」の4つだと思います。 もちろん、50代でもピュアな気持ちを保ち続けている人もいて個人差はありますが、加齢とともにこれらが高まっていくと

「君は、物怖じせずに意見を言えるところが素晴らしいよね」 インターンしていた職場で言われたことがある。当時にしてはTwitterのフォロワーが多く、取材もしてもらったりしていた学生の私は、だれかに対して意見を述べることに人よりも慣れていた。 それからも、フラットで自由な会社に入り、1年目から自分の意見を求められる環境に身を置いていた。「ただの『決めてください』というレポートはナンセンス。自分は沢山調べてこういう選択肢があると発見し、その中でコレが良いと思いますがどうですか？と聞いてほしい」という上司の発言をどこかの記事で見かけたことがある。若いからという理由だけで誰かに黙らされた記憶も勿論ない。 "若いうちから、発言を許される"こと自体が羨ましがられるどこか奇妙な世の中で、「自分の意見がないと、仕事は進まない」と学べる会社にいることは私の幸運だと今も思う。 ただ最近思うのが「"はっきり意見

ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image

どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt

ケーブルのない世界で生きたいと思って来ました。 あ、ケーブルが嫌いな理由はだいたいGo Andoさんの主張と一緒なので割愛します。神noteとも言われる記事を未読の方はぜひお読みください。 こんな記事を読んでしまったので自分もスッキリした仕事環境つくりたいなぁ →　1台のPCで職場でも自宅でも気分良く仕事できたら最高じゃ？（※勤め先は必要性が認められればリモートワークが可能です） →　ケーブルの抜き差しを1本だけでこなせたらこれ以上なく最高じゃ？ →　できました。 「ノウハウをnoteに記し、インターネット全体に奉仕するとよい」という啓示を受けたため共有しようと思います。 座り姿勢時 立ち姿勢時 前提の共有筆者はいわゆるWeb系のIT企業でホワイトワーカーな生き方をしていて、PCやスマホやその他デバイスをいじり倒すのは飯の種です。PC作業効率の向上は生産性の向上に直結します。 一般的な賃貸

この記事は、Designship2019 で行ったセッション『良いデザインってなんだろう？ 変わるもの、変わらないもの』を元に構成したものです。 イントロダクションこんにちは。筒井美希と申します。わたしは今、恵比寿にあるコンセントというデザイン会社で仕事をしています。 これまでの仕事としては、雑誌や書籍などの出版物や、大学案内・企業広報誌・カタログなどの広報物のデザイン。ウェブやアプリなどのデジタルメディアや、ロゴデザイン、パッケージ・ノベルティなどもつくりました。 ４年以上前になりますが『なるほどデザイン』という書籍を出版してから、デザインに関するセミナーやワークショップのご相談をいただくことも増えました。 だんだん仕事の幅が広がってきて、ちょっと変わったところでいうと空港のサインをリサーチしたりとか、インナーブランディングなど組織課題に関する相談にのったりとか。必ずしもモノを作るわけで

Line Developer Day 2019にて、「ビジネス、テクノロジー、クリエイティヴの バランスをとるには？」という発表をしました。そのスライドや補足など。 この登壇では、下記のようなことについて話させていただきました。 ・ビジネス、テクノロジー、クリエイティブ視点で、経営レイヤーからどうバランスをとり連携していくか？ ・定性的な判断、定量的な判断、その両者のバランスをどうとるか？ 端的にいえば、この問題に銀の弾丸はありません。開発手法というよりも、地道な意識共有、価値観共有があるのみかなぁと思います。 あと現場からボトムアップするというよりは、経営者がしっかりやるべきことかなぁと。決算書の数字しか見れない経営チームというのは、あんまりよろしくないし、それを直すのは経営レイヤーの責務かなと。 売り上げだけとか、DL数だけを見ると、サービスはどんどん歪んでいきます。数年ぐらいは大丈夫

皆さんこんにちは！グッドパッチの佐宗です。 この記事はDesignship2019で使った登壇資料です。会場に来れない方向けに公開しようと思います。 はじめに-----皆さんこんにちは！今日は「100社に聞いたデザイン投資のリアル」と題して、100社からデザイン投資に関するアンケートをいただいたので、そこから得られたデータと洞察を3つ話そうと思います。 簡単に自己紹介ですが、新卒でNTTコミュニケーションズという会社に入り、デザインを活用した事業開発をしていました。そこでデザインの可能性を感じ、2015年1月にグッドパッチに入社をしました。 私たちグッドパッチは以下のようなビジョン・ミッションを掲げています。 この「デザインの力」を証明するために、デザイン会社によるデザイナー向けキャリア支援サービスReDesignerと、学生向けキャリア支援プラットフォームReDdesigner for

Designship2019で発表した内容をnoteにアップしました。 イラストや漫画で「伝える」デザイン@Designship2019https://t.co/6LDQkJ2x0K#Designship2019 pic.twitter.com/NSRRoobjUA — すぴかあやか／角田綾佳＠わかりみ (@spicagraph) November 25, 2019 #Designship2019 登壇資料を公開しました。 話した内容も含めたものは、ゆくゆくnoteとかでも発信していければなと思います。 ちなみに、illustrated by @nara_narami です。 僕はイラスト描けないので。 「BtoB&SaaSプロダクトにおけるUXデザイナーの役割」https://t.co/2pJqu2A0p3 — naraki (@naraki_baby) November 24, 201