注）もともとこの記事は「会社のお金の流れを図解する」というタイトルでこの本の原型になったアイデア段階のものを紹介した記事でした。本の掲載内容とかなり近しいこともあり、今回、本の全文公開の2番目の記事としてアップデートしました。そのため前の記事の「スキ」がそのまま引き継がれていたり、記事公開日が2020年になっています。 それではここから本文つづきです。 パート1  自分は、会社にどう貢献しているか？まず最初に、「会社のお金はどう流れているのか？」について、ざっくりとしたイメージをつかんでおこう。 次のページから、9つの流れで会社のお金を図解している。まず、全体の9つの流れが1枚にまとまっている図解がある。「会社のお金の流れはすべてつながっているんだ」ということがわかってくれたらそれでいい。細かい流れは、そのあとで、1枚ずつ説明していく。 以上。なんとなく流れをつかめただろうか。いきなりたく

「さあ、デザインするぞ！」 そう思ってmacに向かい、デザイナーなりたてホヤホヤの1年前の私はいきなり画面のビジュアルからつくり始めました。情報設計せず、最初からワイヤー書いて、色をつけていく…。今思い返すと失神しそうです😇 デザイナーになりたての方、もしくはデザイナーになろうとしている方のなかには「デザイナーはイケてるデザインを作るのが仕事」と思っている方も一定数いるのではないでしょうか。(決して間違ってはないけどね！) でも私は今こう思っています 「良いインターフェースは見た目から始まるわけではない」と。 今回は「はじめてのUIデザイン」を参考に自分が歩んだプロセスをしっかりと文字にして残しておきたい&私の経験が誰かの役に立てたら、と思いこの記事を書いています。 さ！前置きはこれくらいにして始めよう💨 [目次] 1.「はじめてのUIデザイン」について 2.私がデザインを担当したプロ

世の中には無料で良質な macOS のアプリケーションがたくさんある。中でも自分が便利に使わせてもらっているものを紹介していく。 Velja — Powerful browser pickerMeet であれば Chrome、Twitter であれば Firefox、Notion であれば Notion.app といったように任意の URL を任意のブラウザで開くといったコントロールを実現する macOS のアプリケーション。 Velja をデフォルトブラウザとして設定し、URL に応じて起動するアプリケーションを切り替えている。私の場合、Trello や Notion といったいくつかの macOS アプリを使っているので、かなり痒いところに手が届いている。

昨日近所のスーパーで買ったカツオが衝撃的に美味しかったのでその話をします。 我が家では一皿のカツオのお刺身が5人家族によって争奪戦になり、最後に3枚残ったお刺身のうちの2枚を次女が食べようとして大ヒンシュクを買ったり、競争に敗れた三女が大泣きしたり、けっこうな騒ぎとなったわけです。 そのカツオの写真がこちら。 普通のお刺身用のカツオ…と思うでしょう！？ でも、私は元・築地のセリ人で今でも自称・魚の目利きなので、スーパーで見た瞬間に、これはヤバい…と思いました。 「めちゃくちゃ美味しそう！」と、「日本の水産業が大変なことになっている！」という二重の意味で。 note2日目にして長くなりそうですがお付き合いください。 さて、こちらはパックから出した柵です。 これをお刺身にして盛り付けるとこうなります。 もう、写真をアップしただけで味を思い出して涎が出てきます…。 これを、去年5月に買ったカツオ

友達と会えない。飲み会もできない。 ただ、皆さんのこうした行動によって、多くの命が確実に救われています。そして、今この瞬間も、過酷を極める現場で奮闘して下さっている、医療従事者の皆さんの負担の軽減につながります。お一人お一人のご協力に、心より感謝申し上げます。 pic.twitter.com/VEq1P7EvnL — 安倍晋三 (@AbeShinzo) April 12, 2020

賢明な人間どものみなさま、こんにちは。ぬまがさワタリです。もはや人類の歴史に刻まれるのが100%確定であろう新型コロナウイルス「SARS-CoV-2」について、沢山のニュースや情報が飛び交っていますが、ウイルスの基本的な生態（？）や感染のメカニズムなど、サイエンス的な情報がパッと見でわかるイラストがあると役立つかな…と思ったので、自分なりに図解にまとめてみました。（Twitterに投稿したものはこちら→ https://twitter.com/numagasa/status/1248181205872205825?s=20 ） 自分なりにファクト・チェックはしましたが当然ウイルスの専門家ではありませんし、内容の真偽が重大なので、図解の作成に使用した科学雑誌、記事、HPなどもイラストの後にできるだけ紹介します。（元々noteはコロナウイルス関連の記事を書くと厚労省HPなどがトップに出る仕様で

弊社のスタッフ向けに推奨している教科書リストをご紹介。新卒や中途入社にかかわらず全社員が対象です。 この教科書リストにある本は「この1冊で人生が変わった！」とかいう類のものではなく入門書的なもので、エンジニア／営業／マーケティング／CS等の職種にかかわらず、全ての人に最低限理解して身につけて欲しい内容です。 学校や読書より、明確な問題意識をもって日々の仕事に真摯に取り組むことがビジネスパーソンとしての大きな成長につながると信じています。でも、仕事だけでは成長できません。イベントやSNSで刺激を受けるのも大切だけど、基礎がないとそもそも役に立たないし、勉強してない人の底の浅さはすぐバレてしまう。 基礎能力を伸ばすには体系だった知識と理解が必要で、入門書を読むことが一番の近道。こういう土台を引き上げる努力が、弊社が提供する「現場向け動画教育システム tebiki」の事業開発にも役立っているなー

多くの人が、ギタリストとしての自分とエンジニアとしての自分をどう両立しているか迷っているのではないでしょうか。僕もまた、そんな悩みを抱える者のうちの一人です。 特にリモートワーク中心の生活となると、自宅にいる時間が長くなってくるためどうしても環境を快適にしたくなるもの。 もともとこういった環境づくりは好きで、いままでいろいろと組み替えて来たのですが、最近またバージョンアップをしました。 いろいろな方々の記事を参考にしたのですが、特に参考にしたのがこちらの記事です。大変参考になりました。ありがとうございます。 コンセプト自分が長く過ごす上でどういったコンセプトで作るか？という点は重要です。僕の場合は以下の点を重視することにしました。 ・スタンディング環境にも変化でき、ケーブル類が整理されているデスク ・仕事、ギターともにすぐにとりかかれる環境 ・音楽機材が機能的に配置されている それぞれのコ

10年かけて作った、めっちゃ快適なデスク環境を、惜しみなく公開します。これであなたの生産性もきっとあがる！ リモートワーク/自宅勤務 が本格化するなか、自宅の作業環境を改善し、仕事に本気になりたい方への記事です。 筆者は、「作業環境だけは、自分に合うものを選びぬく。」と決めてますので、やりきります。た、多少・・・財布が痛んでも・・・。 その結果、「デスク環境系の記事は、これ一本で大丈夫」というくらい網羅的な記事ができたつもりです。 追記: リモートワークの文脈で、Zoom映えするための記事も書きました。 併せてご覧いただけると幸いです。 After ＆ Before 以下のおすすめを、全部購入して配置すると、以下のようになります。 正面からだと、以下のようになります。 うん、クリーンだと思います。 机の上も下もケーブルがほぼ見えません。 ちなみに引っ越し直後（1年前）は、、、こんな感じでし

先日、ウェブフロントエンドについて理解するためのただ一つの方法を記事にしました。それは「古い知識に頼るな。公式を読め」でした。たった一つの方法です。これをできない人は必ず行き詰まります。公式をひたすら読み込むことができる人は、たぶん大丈夫でしょう。 今回の記事は、その先にあるものです。 モダンフロントエンドの重要性ここでは少し前回の記事のおさらいをしておきます。 2020年のソフトウェアエンジニアリングの世界ではウェブ技術の重要度は増すばかりです。もちろんウェブ技術というのは広い分野です。ウェブ（HTTP/HTML/JS/CSSその他）によるサーバー・クライアント型のソフトウェアは、莫大な市場を背景にどんどか技術が投入されています。 ウェブ技術の中でも、ここ数年はフロントエンド技術の比重がとても大きくなりました。前回の記事にも書いた通り、少なくとも50%以上の影響力を持っています。 ソフト

１．アベノマスクの炎上安倍総理が、１世帯2枚の布マスクを全世帯に配布すると発表しました。 この政策は、どうも評判が悪く、海外メディアで批判されたり、ツイッターなどで炎上しています。 アベノミクスではなく、アベノマスクになってしまったと。。。 ２．政策担当者の解説が公表された僕も、どういう意図で誰が決めたんだろうかと、理解に苦しんでいたところ。。。 政府マスクチームの浅野大介さんという官僚の方が、この政策の真意をご自身のFacebookで解説されていました。友達の友達くらいの距離感なので、僕のFacebookのウォールにもシェアされてきました。 ３．激しい炎上とその正体この浅野さんのFacebookの投稿が、ツイッタなどでも拡散されて、とてつもない勢いで炎上していますね。 僕も浅野さんの投稿を見て、意図がようやく分かりました。 この政策は直接国民のためのものではないんですね。 そこのボタンの

2020/04/15 追記：記事の最後にRemo関連のnoteをまとめておきました。このnoteからRemoについて読んでおくべき日本語記事に飛んでいけるようにしていきます。2020/04/25 追記：Remoよりもさらに雑談に向いていそうなSpachialChatというサービスについてnote記事にしたので、こちらの合わせて読んでみてください！ 雑談を生むビデオツール「Remo」日本だとまだあまり紹介されていないですが、Remoという面白いオンラインビデオツールがあります。 オンラインでカンファレンスを開催できるツールなのですが、これを日々のオンラインイベントにも活用するとができます。 もちろんZoomもすでに普及してきていますし、他にもビデオでオンラインイベントを開催できるツールは無数にあります。 ただ、そのなかでもRemoを特別なものにしている機能が、対面で会っているかのような「テー

【5/7抗体検査陽性・感染確定・文末に追記あり】 「NY非常事態日報」と銘打って非常事態下のニューヨークについてレポートしよう、ということで文章を書いていたのが３月17日から19日までの３日間。無観客開催となった大相撲春場所も後半に差し掛かる頃だった。この段階ではまだ外出禁止令的なことにはなっておらず、しかし数日中にそういう状態になるだろうと言われているくらいのタイミングだった。 3/19時点でのニューヨーク市（州ではなく、市）の感染者数は1,871名。学校はすべて休校になっていたが、完全なリモート授業はこの段階では始まっていなかった。日を追うごとに非常事態の深刻度が大きくなっていく、そんな非常事態を目の当たりにして、「これは書かなきゃ」なんて思い、文章を書き始めたものだ。実際、それから約２週間経過しつつあるいま、ニューヨークの街は歴史上類を見ない封鎖状態となり（厳密には完全には封鎖にはな

結婚に伴い、新たなデスク環境をつくることとなった。 小学生から愛用していた勉強机は満を辞しておさらば。機会もあって、デスク周りのフルリニューアルを決意した。こだわり抜いたデスク環境が完成したのでテクニックやオススメ商品を紹介する。 参考にさせてもらったのはこちらの記事。 まずはケーブルと電源タップから ケーブルと電源タップは、覗き込まない限り見えない位置に設置した。電源タップひとつに、机上の全機器の電源を接続している。 使用している機器のACアダプタが大きいため、電源タップは穴同士の間隔が広いものを購入。デザインもシンプルで気に入っている。 電源タップを吊り下げているのはワイヤーケーブルトレーというもの。こちらもGoAndoさんのテクニックを参考に購入した。かなり丈夫な作りのため、これくらいのものを乗せるには十分。

ニュージーランドは、3月26日から４週間の「ロックダウン」に入った。 2020年3月23日。NZ政府は、COVID-19警戒レベルを「3」に引き上げ、さらに、48時間以内に最高レベル「4」に引き上げると発表した。これを発表するジャシンダ・アーダーン首相の演説は、まるでどこかに宣戦布告したみたいな雰囲気だった。 悪意のない厄災今どき、先進国間で侵略戦争は起こりえない。なぜなら、武力で土地を占領するより、平和的に経済を発展させた方が、何倍も効率よく市場を手に入れることができるからだ。 ところが「戦争」は予想もしない形でやってきた。国が「戦争状態」になるのに、敵国や、敵性集団が必要ない。攻めてくる集団から、物理的な軍隊と侵略の悪意を抜き去り、厄災という性質だけが抽出されて世界中に降りかかっている。結果、世界中の国々が、同時多発的に生き残りをかけた「戦い」の遂行を迫られている。 戦争が、進化論的な

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！） 対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ

私が古代コーカサス人を目指すようになるまで「職場からそれなりに近い」というだけの理由で住んでいた六本木の街は、暮らすには最悪の場所で、当時、私の住んでいたアパートは、古くて汚くて治安の悪い、スラムのような場所だった。 週末は特に最悪で、土曜日の朝には、朝日がきらきらと光る街道の植え込みに、ゲロにまみれた人間たちがゾンビのように倒れていた。 ◇ 職場の同僚たちは、どういうわけか六本木に完全適応していて、ある日、誘われて行った飲み会では、テキーラが300杯も出てきて、明け方には、割れたグラスの破片でいっぱいの床に、酔いつぶれた人々が死体のように転がっていた。 「この前の会では、オーパスワンを60本並べて一気飲みしたんだ」 誰かが、誇らしそうにそう言った。 ◇ 文明がどれだけ発展しても、人間にとって最高の娯楽は酒とセックスで、お金があっても一気飲みする酒の種類が変わるだけ。それは、あまりにも夢が

※この話は東京都でのものになります。各都道府県で対応は変わると思います※ 「全身が、自分で制御できないくらいブルブルと震えるようなことはありませんか？」 「え、それってコロナの特徴なんですか？」 「そういうこともあります」 「それはないですけど･･････あ、でもそういえば、3、4週間前に電車に乗ったときにそんな人いました。満員電車だったんですけど、すごい体調が悪そうで･･････まるで痙攣のように震えてて、これはまずいと気付いてから僕は違う車両に移ったんですけど。もしかしたらそこで感染したんですかね･･････？」 「･･････」 「でも、僕がその車両から出たとき、さらに大勢の方がその車両になだれ込むように乗っていきましたけど･･････その方々は大丈夫なんですかね？」 ーーーそんなわけで、僕が肺に痛みを感じ始めてから2週間ほどの日が流れました。 この症状には波があり、良くなってきたと

極めつけは、2019年12月に起きた、さくらインターネットへの不満の記事を Qiita 側で勝手に非公開にした一件だ。 「さくらインターネット側が公開停止要請をしたのでは？」と騒がれたが、Qiita が独自判断で非公開にしたとわかり、真摯に対応をしようとしていたさくらインターネットにまで迷惑をかけてしまう結果となった。 管理社会としての姿エンジニアは、コミュニティーのために情報共有をオープンにする姿勢でいる。 時間をかけて見つけた答えに、他者がすぐにたどり着けるようにできれば全体の生産性を上げられるゆえの貢献だ。 一方で、Qiita がユーザーに見せてしまった姿は、Qiita 独自の判断で情報統制がおこなわれるクローズドな管理社会だ。 この結果、エンジニアから Qiita への不信感は積もり続けたまま今日に至り、それがついに爆発してしまった。 今回の件は個人情報の取扱として問題があるが、仮

100日後に死ぬワニの生活を1日ずつ、合計100日にわたってTwitterに投稿し続けた漫画『100日後に死ぬワニ』が終わり、最後に商業展開が発表され、いろいろと話題となっている。 そんな中で私のツイートも思ったより見られて、たくさんメンションがきている。 100日で死ぬワニは死の即日に「この後劇場公開！」みたいな展開を発表したのが作品の余韻をぶち壊していて、ワニのキャラクター性をも損ねているのが良くないのであって、商業展開がダメでもないし、むしろそれは夢のあることだと思うよ。 キャラに愛がない商品展開だと思う。せめて101日目の19時… — 寺島壽久/ゲームキャストの中の人 (@gamecast_blog) March 20, 2020 できるだけ返事はしたいものの、全部に返事を返して納得いくまで語るには難しい数なので、この記事を書いてすべての返事としておきたい。 この後、ワニに関して発