Visual Studio Codeで開発をする中で、Markdownを書くことも多いと思います。画面分割してプレビューを見ながら書けるので私もよく使います。そんな中でMarkdownに簡単に画像を挿入する方法を紹介したいと思います。 画像ファイルから挿入画像ファイルをMarkdonwに挿入する場合は、ファイルをドラッグ＆ドロップしながらShiftキーを押します。 スクリーンショットから挿入スクリーンショット（クリップボード）から挿入する場合は、Ctrl+Vで挿入できます。 画像の格納場所の指定方法デフォルトでは画像はMarkdownと同一階層に保存されます。任意の場所に保存したい場合は、markdown.copyFiles.destination設定を変更します。 例えば、source/doc/配下のMarkdownに画像を挿入した場合は、source/images/に画像ファイルを保存したい場合は次のように設定します。 項目：/source/**/** 値：../images/ Markdownファイル名などに応じて画像ファイル名を変更することも可能です。詳しくは、公式ドキ ...

FlutterでRiverpodを使った状態管理をする方法をまとめます。 目的アプリ全体で共有したいデータを管理する方法としてRiverpodを利用します。 Riverpodのインストールまず、Riverpodをインストールします。主に2種類あり、flutter_hooksを利用しない場合はflutter_riverpodを、利用する場合はhooks_riverpodをインストールします。 1234567dependencies: # flutter_riverpod flutter_riverpod: ^2.4.3 # hooks_riverpodの場合 hooks_riverpod: ^2.4.3 flutter_hooks: ^0.20.2 flutter_riverpod hooks_riverpod flutter_hooks アプリ全体で状態管理Riverpodで状態管理するために、アプリ全体をProviderScopeウィジェットで囲みます。 1234567import 'package:hooks_riverpod/hooks_riverpo ...

リモートワークで Slack や Teams など、チャットでのテキストコミュニケーションが増えてきました。同じテキストによるやりとりでもメールとは違って気軽に送ることができます。 他の人が送っている内容を見ていると、自分が送っているものよりも堅苦しくなく気持ちよく読むことができました。違うことはわかったのですが、どうすればそんなふうにかけるのかよくわかっていませんでした。 そこで「テキストコミュニケーション力の基本」（日本実業出版社）を読んでみたので、感想を書いておきます。 感想この本は見開きで 2 ページでテキストコミュニケーションのルールが説明されています。悪い例とその改善例が示されており、「こうすればよかったのか！」ということがよくわかりました。 例えば、「相手に確認をお願いするとき」という例では次のように 2 つの例が示されています。 悪い：企画書をお送りします。ご確認ください。 よい：企画書をお送りします。お手隙のときにご確認いただけると幸いです。 P.66 rule.20 相手に都合がある。伝えるタイミングを考える 忙しいときにチャットが来ても、これならイラッとす ...

最近、PM やリーダーとして、システム開発プロジェクト全体を俯瞰して把握する必要が出てきました。「Google のソフトウェアエンジニアリング」（オライリー）を読んだので、気になったところをまとめておきます。 本書は 25 章からなる分厚い本かつ全部は読んでいないので、ここで書くのはほんの一部になります。 チームリーダー入門アンチパターン：全員の友人になる 友情を、人当たりよくチームを率いることと混同してはならない。（中略）自分のチームと親しい友人関係（あるいは途方もなく強面）にならずとも、チームを率いて合意形成できるということを、覚えておいてほしい。 P.109 5.4.4 アンチパターン：全員の友人になる 正直自分は人間関係が得意でなく、一定の距離を持って接するタイプです。例えば一緒に昼食をとるなどしてメンバーとつながりを持ちつつも、仲良くなればなるほど良いというわけでもないというのは、それができそうにない自分は少し安心でした。 建設的パターン：エゴを捨てよ リーダーシップの役職に就いたばかりの者のほとんどは、全てをうまくやり、全てを知り、全てに答えを用意するという途方もない ...

Next.js 13 より、App Router が使われるようになりました。基礎的な使い方をまとめます。 対象環境 Next.js 13 App Router の基礎ページ URL: https://example.com/about 123app └ about └ page.tsx ページは URL に表示したい名前でディレクトリを作成して、その中にpage.tsxという名前でファイルを作れば OK です。 ローディング1234app └ about ├ page.tsx └ loading.tsx loading.tsxをpage.tsxと同一階層に置いておくと、読み込み中だけloading.tsxの内容を表示してくれます。 Not Found12app └ not-found.tsx 存在しない URL にアクセスすると、not-found.tsxの内容が表示されます。 まとめApp Router はローディングや Not Found ページを簡単に表示できるので使っていきたいと思います。

この本は、2021 年 2 月から 2022 年 2 月にかけてみずほ銀行で連続して発生したシステム障害の検証報告書となっています。みずほ銀行では、この間合計 11 回の障害が発生しました。 これらの障害の原因は DB 障害や HDD 故障など様々ですが、その「真因」は企業風土にあるのではないかと金融庁に指摘されたそうです。具体的には「システムに係るリスクと専門性の軽視」や「言うべきことを言わない、言われたことだけしかしない姿勢」があると書かれています。実際、開発から運用フェーズに移ってから人員削減をしたり、障害が発生しても部門間の連携が取れていなかったりしたとのことです。 感想みずほ銀行の障害はニュースでもよく取り上げられていたため、原因が気になっていました。さすがに銀行の勘定系のような大きなシステムでは、いろいろ考慮しないといけないんだなと思いました。ただ、原因を探っていくと大元は企業風土にあるということで少し意外でした。自分の日々の業務では、チームワークなどに関係するのかと思います。 書籍 ポストモーテム みずほ銀行システム障害 事後検証報告 出版社のページ Amazon

文章力を鍛えようと思い、「デキる大人の文章力教室」（小林洋介著）を読んだので感想を書きます。 概要この本は、単語 ⇒ 文 ⇒ 構成 ⇒ 実践の順に章立てして説明されており、知識が浅い人でも理解できるようになっています。見開き 2 ページで 1 つのテーマが説明されていて、読みやすかったです。 単語第 1 章の「単語」では、「○○ みたい」や「ら抜き言葉」は使わないといった基本的なことから説明していて丁寧でした。 「文中で同じ漢字を 2 回以上使うのは危険」では、「漢字の重複」は「意味の重複」なので気をつけるように書かれていました。例えば以下では、「自分」と「自負」が重複しています。 私は自分がポジティブ思考だと自負している。 あまり気にしていなかったので、気をつけようと思います。 構成「『しかし』（逆説）のあとに主張したいことを書く」では、逆説のあとの内容が強調されるので、主張したいことは逆説のあとに置くとよいと説明されていました。 A くんはかっこいい。しかし、性格がわるい。そういう理由で、私は A くんと交際しようと思う。 上の例だと、「しかし」のあとにある悪い面が強調され ...

WordPress の開発環境を作るために、MySQL + phpMyAdmin 環境を作る必要があったのでメモしておきます。簡単に作りたかったので、WSL2(Windows)上の Docker で動かしました。 動作環境 WSL2(Windows 10 Pro) Docker Dockerdocker-compose.ymldocker-compose.ymlは次のように書きました。MySQL のデータはdocker-compose.ymlと同一階層のmysqlフォルダに保存するようにして、永続化させます。 123456789101112131415161718192021222324252627version: "3"services: db: image: mysql:5.7 volumes: - ./mysql:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: somewordpress MYSQL_DATABASE: w ...

2021/10/23（土）に開催された「Social Hack Day Online #32」に初めて参加しました。 Social Hack Day とはCode for Japan が開催してる 1 日限りのハッカソンです。ただ、ふつうのとは違って、実社会での改善を目指して継続的に活動されているそうです。最近は毎月開催されているようで、今回も以前からの継続プロジェクトが多かったです。 参加するにはPeatix の Code for Japan のイベント一覧に次回分のイベントが表示されるので、そこから申し込めます。基本的に無料です。 当日は、Gatherという、昔のドット絵 RPG みたいなコミュニケーションツールでアクセスします。（ブラウザのみで、インストール不要。今回初めて使われたようです）初回は参加者向けの説明があるので、開催 15 分くらい前に入りましょう。開始後、全員の自己紹介があるので、スプレッドシートに入力しておくとよいです。（その場で書いてる人がほとんどでしたが）ひとり 15 秒くらいだったので、準備しなくても書いてあることを読めば OK でした。 実際に参加してみて ...

「1 分で話せ」（伊藤羊一著）を読んだので感想を書いておきます。 ピラミッドストラクチャー結論 → 根拠 → 実例の順で 3 段ピラミッドを作り話すことで、説得力を増す伝え方ができるということです。 スッキリ・カンタン「スッキリ」というのは文字や言葉を少なくし、ややこしくしないということです。これはスライドと話す言葉両方に当てはまるそうです。また、難しい言葉を使わず中学生にも分かる程度の言葉を使うというのが「カンタン」です。一度聞き手が言葉を理解できなくなると、話が進んでしまいそれ以降聞いてもらえなくなるためということでした。 イメージを描いてもらうロジカルな話だけでは人は動かず「頭の中に生まれたイメージ」が必要とのことです。聞き手にイメージさせるか、イメージの中に聞き手を引き込ませることが重要と書かれていました。 感想結論から話すと分かりやすいというのは知っていましたが、ピラミッドストラクチャーの話はなんとなくしか分かっていませんでした。まずは紙に書き出して考えてみようと思います。ロジックが正しいだけでは人は動かないというのは、コロナ禍で本当にその通りだよなと実感しています。 1 ...