diff --git a/source/_posts/2016/20160512-vote-manual.md b/source/_posts/2016/20160512-vote-manual.md index d772d7aafd7..23312a2e4d6 100644 --- a/source/_posts/2016/20160512-vote-manual.md +++ b/source/_posts/2016/20160512-vote-manual.md @@ -8,7 +8,7 @@ tag: category: - VR thumbnail: /images/2016/20160512/thumbnail_20160512.jpg -author: 真野隼記 +author: admin lede: "Space Apps Challenge 2016 のPeople's Choiceの投票方法をまとめました" --- # Space Apps Challengeとは diff --git a/source/_posts/2019/20190425-qiitjobs.md b/source/_posts/2019/20190425-qiitjobs.md index 3d59121fa0f..9b9a2c33bcb 100644 --- a/source/_posts/2019/20190425-qiitjobs.md +++ b/source/_posts/2019/20190425-qiitjobs.md @@ -9,7 +9,7 @@ tag: - Qiita category: - Culture -author: 真野隼記 +author: admin lede: "フューチャーからは2チームQiita Jobsに開発チーム掲載しました✨。 技術的にも面白いチームですのでいくつかポイントを説明していきます！ 最後にフューチャーとQiitaの関わりについてもご紹介します。" diff --git "a/source/_posts/2020/20200202-gcp\351\200\243\350\274\211.md" "b/source/_posts/2020/20200202-gcp\351\200\243\350\274\211.md" index 36793b50083..a527f63a7cc 100644 --- "a/source/_posts/2020/20200202-gcp\351\200\243\350\274\211.md" +++ "b/source/_posts/2020/20200202-gcp\351\200\243\350\274\211.md" @@ -8,15 +8,13 @@ tag: category: - Infrastructure thumbnail: /images/2020/20200202/thumbnail.png -author: 真野隼記 -lede: "GCPをテーマにした連載企画を始めます。最近" +author: admin +lede: "GCPをテーマにした連載企画を始めます。" --- -## はじめに +GCPをテーマにした連載を始めます。 -こんにちは、TIG真野です。 - -GCPをテーマにした連載を始めます。アプリ層、インフラ層、データサイエンスなど様々な領域に興味があるメンバーが揃って提供するので、バリエーション豊かな連載になると思います。 +アプリ層、インフラ層、データサイエンスなど様々な領域に興味があるメンバーが揃って提供するので、バリエーション豊かな連載になると思います。 ## 連載スケジュール diff --git a/source/_posts/2020/20200322-serverless-index.md b/source/_posts/2020/20200322-serverless-index.md index c359cd85c08..6a1d975fb8f 100644 --- a/source/_posts/2020/20200322-serverless-index.md +++ b/source/_posts/2020/20200322-serverless-index.md @@ -8,20 +8,16 @@ tag: category: - Programming thumbnail: /images/2020/20200322/thumbnail.png -author: 真野隼記 +author: admin lede: "AWSのLambdaに代表されるサーバレスアプリは実行時のみ稼働するため、サーバー稼働によるあらゆるコストから解放され、システム開発の工数を減らすことができます。例えば何らかのAPIを提供する場合でも、API GatewayとLambdaを組み合わせることで提供可能です。" --- -## はじめに - -こんにちは、TIG/DXチームの真野です。 + サーバレスをテーマにしたブログ連載を始めますので、そのご報告です。 ## サーバレスとは - - サーバレスを説明するためによく使われるのが以下の2つではないでしょうか？ 🙅✗「サーバーがない?」 diff --git "a/source/_posts/2020/20200529-\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\212.md" "b/source/_posts/2020/20200529-\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\212.md" index c6fc97431c0..3099c6465fd 100644 --- "a/source/_posts/2020/20200529-\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\212.md" +++ "b/source/_posts/2020/20200529-\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\212.md" @@ -9,15 +9,13 @@ tag: category: - Culture thumbnail: /images/2020/20200529/thumbnail.jpeg -author: 真野隼記 +author: admin lede: "本記事はフューチャー技術ブログでの企画のお知らせになります。6/1〜25の「春の入門祭り🌸」と題して、土日を除く毎日、記事を公開いたします。" --- # はじめに -こんにちは、TIG DXユニットの真野です。技術ブログの運営もやっています。 - -本記事はフューチャー技術ブログでの企画のお知らせになります。6/1〜25の「**春の入門祭り🌸**」と題して、土日を除く毎日、記事を公開いたします。 +フューチャー技術ブログでの企画のお知らせです。6/1〜25の「**春の入門祭り🌸**」と題して、土日を除く毎日、記事を公開いたします。 diff --git a/source/_posts/2020/20200606-summer-intern.md b/source/_posts/2020/20200606-summer-intern.md index 891a7c8aa66..709870ed0d1 100644 --- a/source/_posts/2020/20200606-summer-intern.md +++ b/source/_posts/2020/20200606-summer-intern.md @@ -8,7 +8,7 @@ tag: category: - Culture thumbnail: /images/2020/20200606/thumbnail.png -author: 真野隼記 +author: admin lede: "フューチャーのサマーインターン🌞Summer Camp🏄が6月より募集を開始しました。夏季インターンを「Summer Camp」と称して提供しており、現在2つのコースがあります。それぞれに良いところがありますが、せっかく技術ブログで紹介するので Engineer Camp について細かく説明します。" --- diff --git "a/source/_posts/2020/20200726_\345\244\217\344\274\221\343\201\277\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2020/20200726_\345\244\217\344\274\221\343\201\277\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index b2d88774462..f0c79e75138 100644 --- "a/source/_posts/2020/20200726_\345\244\217\344\274\221\343\201\277\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2020/20200726_\345\244\217\344\274\221\343\201\277\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -8,15 +8,13 @@ tag: category: - Culture thumbnail: /images/2020/20200726/thumbnail.png -author: 真野隼記 +author: admin lede: "夏休み自由研究というテーマの連載を開催します。春の入門祭りに続く、大型の連載なのでブログ運営者としてワクワクドキドキしています。" --- # はじめに -こんにちは、技術ブログ運営の真野です。 - フューチャー技術ブログで**夏休み自由研究**というテーマの連載を開催します。[春の入門祭り](/articles/20200529/)に続く、大型の連載なのでブログ運営者としてワクワクドキドキしています。 * **自分が好きな技術や興味があるテーマ** について **自由に研究**（執筆）する連載企画です diff --git "a/source/_posts/2020/20201116_Future_Tech_Cast_\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\227\343\201\237.md" "b/source/_posts/2020/20201116_Future_Tech_Cast_\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\227\343\201\237.md" index d441d723e66..0f941a50c55 100644 --- "a/source/_posts/2020/20201116_Future_Tech_Cast_\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\227\343\201\237.md" +++ "b/source/_posts/2020/20201116_Future_Tech_Cast_\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\227\343\201\237.md" @@ -8,13 +8,11 @@ tag: category: - Culture thumbnail: /images/2020/20201116/thumbnail.png -author: 真野隼記 +author: admin lede: "この度フューチャー技術ブログから派生して、Future Tech Cast という名前でポッドキャストを始めましたのでご報告です。" --- # はじめに -こんにちは。技術ブログ運営の真野です。 - この度、フューチャー技術ブログから派生して、[Future Tech Cast](https://anchor.fm/futuretechcast) という名前でポッドキャストを始めましたのでご報告です。 diff --git "a/source/_posts/2021/20210314_\343\203\206\343\203\203\343\202\257\343\202\244\343\203\231\343\203\263\343\203\2102021\357\274\240\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\343\201\256\343\201\224\347\264\271\344\273\213.md" "b/source/_posts/2021/20210314_\343\203\206\343\203\203\343\202\257\343\202\244\343\203\231\343\203\263\343\203\2102021\357\274\240\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\343\201\256\343\201\224\347\264\271\344\273\213.md" index 087ba138a35..4d3803df95b 100644 --- "a/source/_posts/2021/20210314_\343\203\206\343\203\203\343\202\257\343\202\244\343\203\231\343\203\263\343\203\2102021\357\274\240\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\343\201\256\343\201\224\347\264\271\344\273\213.md" +++ "b/source/_posts/2021/20210314_\343\203\206\343\203\203\343\202\257\343\202\244\343\203\231\343\203\263\343\203\2102021\357\274\240\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\343\201\256\343\201\224\347\264\271\344\273\213.md" @@ -10,16 +10,15 @@ tag: category: - Culture thumbnail: /images/2021/20210314/thumbnail.png -author: 真野隼記 +author: admin lede: "この記事ではフューチャーのIT技術系の勉強会についてご紹介します。2021年にFuture Tech Nightという勉強会を15回開催する予定で..." --- -# はじめに -TIG真野です。この記事ではフューチャーのIT技術系の勉強会についてご紹介します。 + -## 2021年の計画 +フューチャーのIT技術系の勉強会についてご紹介します。 - +## 2021年の計画 2021年に**Future Tech Night**という勉強会を15回開催する予定です。2021/03/16時点だと#6回開催しました。 diff --git "a/source/_posts/2021/20210614a_\343\203\225\343\203\255\343\203\263\343\203\210\343\202\250\343\203\263\343\203\211\351\200\243\350\274\2112021.md" "b/source/_posts/2021/20210614a_\343\203\225\343\203\255\343\203\263\343\203\210\343\202\250\343\203\263\343\203\211\351\200\243\350\274\2112021.md" index efb16969518..a83ae56c39b 100644 --- "a/source/_posts/2021/20210614a_\343\203\225\343\203\255\343\203\263\343\203\210\343\202\250\343\203\263\343\203\211\351\200\243\350\274\2112021.md" +++ "b/source/_posts/2021/20210614a_\343\203\225\343\203\255\343\203\263\343\203\210\343\202\250\343\203\263\343\203\211\351\200\243\350\274\2112021.md" @@ -9,7 +9,7 @@ tag: category: - Frontend thumbnail: /images/2021/20210614a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "2021の06.14～6.24にかけてフロントエンド技術をテーマにしたブログ連載を始めます。ES2021/TS/Node/Vue/Reactなどなど、ざっくりとフロントエンド界隈で話されるような技術をテーマにします。" --- @@ -17,7 +17,7 @@ lede: "2021の06.14～6.24にかけてフロントエンド技術をテーマに # はじめに -TIG DXユニットの真野です。2021の06.14～6.24にかけてフロントエンド技術をテーマにしたブログ連載を始めます。 +2021の06.14～6.24にかけてフロントエンド技術をテーマにしたブログ連載を始めます。 ES2021/TS/Node/Vue/Reactなどなど、ざっくりとフロントエンド界隈で話されるような技術をテーマにします。 diff --git "a/source/_posts/2021/20210628a_\343\202\242\343\203\253\343\202\264\343\203\252\343\202\272\343\203\240\343\201\250\343\203\207\343\203\274\343\202\277\346\247\213\351\200\240\343\201\214\343\203\206\343\203\274\343\203\236\343\201\256\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2021/20210628a_\343\202\242\343\203\253\343\202\264\343\203\252\343\202\272\343\203\240\343\201\250\343\203\207\343\203\274\343\202\277\346\247\213\351\200\240\343\201\214\343\203\206\343\203\274\343\203\236\343\201\256\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 3302db6e14a..7221d88ae8e 100644 --- "a/source/_posts/2021/20210628a_\343\202\242\343\203\253\343\202\264\343\203\252\343\202\272\343\203\240\343\201\250\343\203\207\343\203\274\343\202\277\346\247\213\351\200\240\343\201\214\343\203\206\343\203\274\343\203\236\343\201\256\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2021/20210628a_\343\202\242\343\203\253\343\202\264\343\203\252\343\202\272\343\203\240\343\201\250\343\203\207\343\203\274\343\202\277\346\247\213\351\200\240\343\201\214\343\203\206\343\203\274\343\203\236\343\201\256\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -8,19 +8,17 @@ tag: category: - Programming thumbnail: /images/2021/20210628a/thumbnail.png -author: 真野隼記 +author: admin lede: "6/28~7/5にかけて、アルゴリズムとデータ構造をテーマにしたブログ連載を始めます。若手～中堅～ベテランまで幅広い執筆陣によって構成されるので、多くの人が楽しめるのではないかなと思います。" --- -# はじめに - -こんにちは、技術ブログ運営の真野です。6/28~7/5にかけて、アルゴリズムとデータ構造をテーマにしたブログ連載を始めます。 +# はじめに + +6/28~7/5にかけて、アルゴリズムとデータ構造をテーマにしたブログ連載を始めます。 フューチャーには[競技プログラミング部](https://twitter.com/future_ocv)があり、その部員なメンバーにも多く参加してもらえています。競技プログラミングに関する記事は[こちら](/tags/%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/)　にまとまっています。中には現在新人研修中だけど、研修を卒業次第、記事を書きたいと言ってくれている方もいらっしゃります。若手～中堅～ベテランまで幅広い執筆陣によって構成されるので、多くの人が楽しめるのではないかなと思います。 -# スケジュール - | 日付 | 著者 | タイトル | |------------|----------------|----------------------------------------------------| | 6/28（月） | 金子剛士さん | [近傍探索で用いられるtopKのソートアルゴリズム](/articles/20210628b/) | @@ -30,8 +28,6 @@ lede: "6/28~7/5にかけて、アルゴリズムとデータ構造をテーマ | 7/2（金） | 小橋昌明さん | [反転数について、隣接互換との関係、分割統治法による数え上げ](/articles/20210720a/) | | 7/5（月） | 仁木未来さん | [キューとリングバッファについてやさしい言葉で解説してみる](/articles/20210705a/) | -# アルゴリズムテーマの記事 - 明示的に連載は過去開催しませんでしたが、随時アルゴリズムに関連する記事が公開されています。 * [アルゴリズム タグの記事](/tags/%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0/) diff --git "a/source/_posts/2021/20210726a_Go\343\201\256OR\343\203\236\343\203\203\343\203\221\343\203\274\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2021/20210726a_Go\343\201\256OR\343\203\236\343\203\203\343\203\221\343\203\274\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 0167cf84fe6..09767c5c8eb 100644 --- "a/source/_posts/2021/20210726a_Go\343\201\256OR\343\203\236\343\203\203\343\203\221\343\203\274\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2021/20210726a_Go\343\201\256OR\343\203\236\343\203\203\343\203\221\343\203\274\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -22,9 +22,9 @@ TIG DXユニット真野です。7/26（月）～8/3（水）の平日にかけ GoのDBアクセスライブラリは過去記事でもいくつか取り上げられており、技術選定およびプロダクション利用レベルのナレッジは貯まりつつあります。 -* [Vuls開発中に出会ったGORMあれこれ](https://future-architect.github.io/articles/20210609a/) -* [DBスキーマを駆動にした開発のためのライブラリ調査](https://future-architect.github.io/articles/20200728/) -* [Go言語のDBレイヤーライブラリの評価](https://future-architect.github.io/articles/20190926/) +* [Vuls開発中に出会ったGORMあれこれ](/articles/20210609a/) +* [DBスキーマを駆動にした開発のためのライブラリ調査](/articles/20200728/) +* [Go言語のDBレイヤーライブラリの評価](/articles/20190926/) それとは別に触ってみたことなはないものの（GORM v2は実際に触っているかもしれませんが）、メンバーそれぞれでrel、ent、goquなど気になるライブラリがいくつか持っていることもわかってきました。せっかくの機会です。これをテーマに連載する運びになりました。 diff --git "a/source/_posts/2022/20220117a_2022\345\271\264\343\201\256\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\344\272\210\345\256\232\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" "b/source/_posts/2022/20220117a_2022\345\271\264\343\201\256\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\344\272\210\345\256\232\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" index 03c46bf27f6..04923604bea 100644 --- "a/source/_posts/2022/20220117a_2022\345\271\264\343\201\256\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\344\272\210\345\256\232\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220117a_2022\345\271\264\343\201\256\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\344\272\210\345\256\232\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" @@ -10,12 +10,12 @@ tag: category: - Culture thumbnail: /images/2022/20220117a/thumbnail.jpeg -author: 真野隼記 -lede: "あけましておめでとうございます。本年もどうぞよろしくおねがいします。2022年に計画しているブログ連載について紹介します。" +author: admin +lede: "2022年に計画しているブログ連載について紹介します。" --- -あけましておめでとうございます。本年もどうぞよろしくおねがいします。TIG真野です。 +あけましておめでとうございます。本年もどうぞよろしくおねがいします。 2022年に計画しているブログ連載について紹介します。 diff --git "a/source/_posts/2022/20220118a_2022\345\271\264\343\201\256\343\203\206\343\203\203\343\202\257\345\213\211\345\274\267\344\274\232\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" "b/source/_posts/2022/20220118a_2022\345\271\264\343\201\256\343\203\206\343\203\203\343\202\257\345\213\211\345\274\267\344\274\232\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" index d64ca8066a8..071f5e55c3b 100644 --- "a/source/_posts/2022/20220118a_2022\345\271\264\343\201\256\343\203\206\343\203\203\343\202\257\345\213\211\345\274\267\344\274\232\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220118a_2022\345\271\264\343\201\256\343\203\206\343\203\203\343\202\257\345\213\211\345\274\267\344\274\232\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253\343\202\222\347\231\272\350\241\250\343\201\227\343\201\276\343\201\231.md" @@ -10,7 +10,7 @@ tag: category: - Culture thumbnail: /images/2022/20220118a/thumbnail.jpeg -author: 真野隼記 +author: admin lede: "2021年に続きまして、2022年のフューチャーが主催するIT技術系の勉強会について発表いたします。" --- @@ -18,7 +18,7 @@ lede: "2021年に続きまして、2022年のフューチャーが主催するIT ## はじめに -TIG真野です。 [2021年](/articles/20210314/)に続きまして、2022年のフューチャーが主催するIT技術系の勉強会について発表いたします。 +[2021年](/articles/20210314/)に続きまして、2022年のフューチャーが主催するIT技術系の勉強会について発表いたします。 | # | Date | Category | Name | Memo | |----|-----------|--------------|-------------------------------------|-------------------| diff --git "a/source/_posts/2022/20220315a_Dart\357\274\217Flutter\351\200\243\350\274\2112022\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2022/20220315a_Dart\357\274\217Flutter\351\200\243\350\274\2112022\345\247\213\343\202\201\343\201\276\343\201\231.md" index 5de596e1176..c5aedab1800 100644 --- "a/source/_posts/2022/20220315a_Dart\357\274\217Flutter\351\200\243\350\274\2112022\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220315a_Dart\357\274\217Flutter\351\200\243\350\274\2112022\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -10,7 +10,7 @@ tag: category: - Mobile thumbnail: /images/2022/20220315a/thumbnail.png -author: 真野隼記 +author: admin lede: "2022年もDart/Flutterをテーマにした連載を始めます！Flutterといえば、国内外問わず採用事例が増えてきており、クロスプラットフォームのフレームワークの人気度もここ数年は上がってきていますよね。" --- diff --git "a/source/_posts/2022/20220404a_\351\233\273\345\255\220\345\267\245\344\275\234\357\274\217IoT\351\200\243\350\274\211\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2022/20220404a_\351\233\273\345\255\220\345\267\245\344\275\234\357\274\217IoT\351\200\243\350\274\211\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" index fe89d7c3727..660738107d7 100644 --- "a/source/_posts/2022/20220404a_\351\233\273\345\255\220\345\267\245\344\275\234\357\274\217IoT\351\200\243\350\274\211\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220404a_\351\233\273\345\255\220\345\267\245\344\275\234\357\274\217IoT\351\200\243\350\274\211\343\202\222\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" @@ -8,7 +8,7 @@ tag: category: - IoT thumbnail: /images/2022/20220404a/thumbnail.png -author: 真野隼記 +author: admin lede: "フューチャーには会社公認のクラブ活動（FACTS）があり、野球部、テニス部、ゴルフ部など、趣味を通じて和気あいあいと活動しています。この記事ではその中でもやや異色な存在である電子工作部＋αの有志で、ブログ連載を行います。" --- @@ -16,8 +16,6 @@ lede: "フューチャーには会社公認のクラブ活動（FACTS）があ ## はじめに -フューチャー電子工作部の真野です。 - フューチャーには会社公認のクラブ活動（FACTS）があり、野球部、テニス部、ゴルフ部など、趣味を通じて和気あいあいと活動しています。この記事ではその中でもやや異色な存在である電子工作部＋αの有志で、ブログ連載を行います。 電子工作部自体は [#Future電子工作部](https://future-architect.github.io/tags/Future%E9%9B%BB%E5%AD%90%E5%B7%A5%E4%BD%9C%E9%83%A8/) で発信しようと2019年ごろから[ラインレーサー](https://future-architect.github.io/articles/20191018/)を企画したり起動に乗ろうとしていたところ、あいにくの情勢下で活動が難しくなり、主にチャット上で購入したデバイスについて自慢したり、[良質な教材をもとにみんなで勉強したり](https://speakerdeck.com/fumimaker/dian-zi-gong-zuo-falsetamefalsedian-qi-hui-lu-ji-chu-jiang-zuo)、[おもしろ動画](https://www.youtube.com/watch?v=1L_MBAwDqXc)を共有するといった緩い繋がりのコミュニティでした。 diff --git "a/source/_posts/2022/20220606b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272022\357\274\210Engineer_Camp\357\274\211\343\201\256\345\213\237\351\233\206\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\227\343\201\237\357\274\201.md" "b/source/_posts/2022/20220606b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272022\357\274\210Engineer_Camp\357\274\211\343\201\256\345\213\237\351\233\206\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\227\343\201\237\357\274\201.md" index bc02f51ce06..e3df0489436 100644 --- "a/source/_posts/2022/20220606b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272022\357\274\210Engineer_Camp\357\274\211\343\201\256\345\213\237\351\233\206\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\227\343\201\237\357\274\201.md" +++ "b/source/_posts/2022/20220606b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272022\357\274\210Engineer_Camp\357\274\211\343\201\256\345\213\237\351\233\206\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\227\343\201\237\357\274\201.md" @@ -8,15 +8,13 @@ tag: category: - Culture thumbnail: /images/2022/20220606b/thumbnail.jpg -author: 真野隼記 +author: admin lede: "フューチャーのサマーインターン2022 Summer Engineer Camp🌞⛺🏃の募集が始まりました。フューチャーでは夏のインターンシップは2つのコースがあります。" --- ## はじめに -こんにちは、真野です。 - フューチャーのサマーインターン2022 Summer Engineer Camp🌞⛺🏃の募集が始まりました。 フューチャーでは夏のインターンシップは2つのコースがあります。 diff --git "a/source/_posts/2022/20220712a_FutureCon2022_\343\202\222\351\226\213\345\202\254\343\201\227\343\201\276\343\201\231\357\274\2107\357\274\21718\346\265\267\343\201\256\346\227\245\357\274\211.md" "b/source/_posts/2022/20220712a_FutureCon2022_\343\202\222\351\226\213\345\202\254\343\201\227\343\201\276\343\201\231\357\274\2107\357\274\21718\346\265\267\343\201\256\346\227\245\357\274\211.md" index cc7dff0e2ad..1de62a2f8f9 100644 --- "a/source/_posts/2022/20220712a_FutureCon2022_\343\202\222\351\226\213\345\202\254\343\201\227\343\201\276\343\201\231\357\274\2107\357\274\21718\346\265\267\343\201\256\346\227\245\357\274\211.md" +++ "b/source/_posts/2022/20220712a_FutureCon2022_\343\202\222\351\226\213\345\202\254\343\201\227\343\201\276\343\201\231\357\274\2107\357\274\21718\346\265\267\343\201\256\346\227\245\357\274\211.md" @@ -11,7 +11,7 @@ tag: category: - Culture thumbnail: /images/2022/20220712a/thumbnail.png -author: 真野隼記 +author: admin lede: "フューチャーではFuture Tech Nightという名称で勉強会を開催していました。これを進化させて初めてとなる FutureCon というテックカンファレンスを有志で開催します。" --- diff --git "a/source/_posts/2022/20220719a_\345\234\260\345\233\263\343\203\273GIS\343\203\273\344\275\215\347\275\256\347\211\271\345\256\232\343\201\253\351\226\242\343\201\231\343\202\213\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2022/20220719a_\345\234\260\345\233\263\343\203\273GIS\343\203\273\344\275\215\347\275\256\347\211\271\345\256\232\343\201\253\351\226\242\343\201\231\343\202\213\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 425e4aa84a7..4e03863788d 100644 --- "a/source/_posts/2022/20220719a_\345\234\260\345\233\263\343\203\273GIS\343\203\273\344\275\215\347\275\256\347\211\271\345\256\232\343\201\253\351\226\242\343\201\231\343\202\213\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220719a_\345\234\260\345\233\263\343\203\273GIS\343\203\273\344\275\215\347\275\256\347\211\271\345\256\232\343\201\253\351\226\242\343\201\231\343\202\213\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -10,14 +10,12 @@ tag: category: - Business thumbnail: /images/2022/20220719a/thumbnail.png -author: 真野隼記 +author: admin lede: "「地図・GIS・住所・位置特定」周りをテーマにした企画を始めます。" --- -TIG真野です。 - [2022年のブログ連載予定を発表します](/articles/20220117a/)にあるように様々なブログ連載を開催していますが、すこしレイヤーを変えて「地図・GIS・住所・位置特定」周りをテーマにした企画を始めます。 ## テーマについて diff --git "a/source/_posts/2022/20220822a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\2112022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2022/20220822a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\2112022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 8d41fbacca8..217f77bbe3f 100644 --- "a/source/_posts/2022/20220822a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\2112022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20220822a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\343\203\226\343\203\255\343\202\260\351\200\243\350\274\2112022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -8,13 +8,11 @@ tag: category: - Culture thumbnail: /images/2022/20220822a/thumbnail.png -author: 真野隼記 +author: admin lede: "2022年も夏の自由研究ブログ連載を始めます。！" --- camp-gec4719bda_640.png -TIG真野です。 - 2022年も夏の自由研究ブログ連載を始めます。！ # 夏休み自由研究のテーマ diff --git "a/source/_posts/2022/20221003a_\350\252\215\350\250\274\350\252\215\345\217\257\351\200\243\350\274\2112022.md" "b/source/_posts/2022/20221003a_\350\252\215\350\250\274\350\252\215\345\217\257\351\200\243\350\274\2112022.md" index 53f28684d39..6edd30a6b86 100644 --- "a/source/_posts/2022/20221003a_\350\252\215\350\250\274\350\252\215\345\217\257\351\200\243\350\274\2112022.md" +++ "b/source/_posts/2022/20221003a_\350\252\215\350\250\274\350\252\215\345\217\257\351\200\243\350\274\2112022.md" @@ -9,26 +9,18 @@ tag: category: - 認証認可 thumbnail: /images/2022/20221003a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "認証・認可の技術全般をテーマとして技術ブログ連載を始めます。2022年が初めての開催です。" --- padlock-g268bd2c48_640.jpg -## はじめに - -TIG 真野です。 - フューチャーで認証系のブログ連載と言えば、 [Auth0](/tags/Auth0/) をテーマとした連載があります。今回は次のようにもう少しテーマを広くした連載を始めます。 * 認証・認可の技術全般 - * WebAuthn、OpenID Connect 周り - * KeyCloack、Auth0、AWS Cognitoなどなんでも - -2022年が初めてですので、「やってみた、触った見たレベルから」～「マニアックな挙動の紹介まで」何でもOKというテーマで募集しました。 - -## スケジュール +* WebAuthn、OpenID Connect 周り +* KeyCloack、Auth0、AWS Cognitoなどなんでも -すでに公開済みの澁川さんの他、5名が参加予定です。 +2022年が初めてですので、「やってみた、触った見たレベルから」～「マニアックな挙動の紹介まで」何でもOKというテーマで募集したところ、5名が参加予定です。 | Date | Title | Author | |------|--------------------------------------------------------|------------| @@ -38,8 +30,6 @@ TIG 真野です。 | 10/7 | [Auth0のアクセストークン取得とITPへの対応](/articles/20221007a/) | 棚井龍之介 | | 10/12 | [OAuth の仕組みを理解しながらクライアントを実装してみる](/articles/20221012a/) | 吉岡朋哉 | -## さいごに - フューチャーには「認証認可についての相談室」というGoogleチャットスペースがあり、そこで声掛けするとすぐに企画に賛同する人がいてくれて助かりました。 実はあまり活発ではないチャットルームなので、こうしたブログでの外部発表を通して交流を促進できると良いなとも感じています。 @@ -48,4 +38,6 @@ TIG 真野です。 今回の連載で、少しでも皆様に良い情報を共有できればと思います！ +--- + アイキャッチ画像は、Arek Socha from Pixabayを利用させていただきました。 diff --git "a/source/_posts/2022/20221031a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2022/20221031a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 1faec7caee8..013c18afd6b 100644 --- "a/source/_posts/2022/20221031a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2022/20221031a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232022\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -8,15 +8,13 @@ tag: category: - Culture thumbnail: /images/2022/20221031a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "秋のブログ週間の開始しますという報告です。2022年で3回目です。" --- halloween-gece73ccea_640.jpg ## はじめに -TIG 真野です。 - 2020年から始めた企画である、秋のブログ週間の開始しますという報告です。2022年で3回目です。 * [秋のブログ週間連載をはじめます](/articles/20201026/) diff --git "a/source/_posts/2023/20230314a_2023\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\201\256\344\274\201\347\224\273\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253_.md" "b/source/_posts/2023/20230314a_2023\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\201\256\344\274\201\347\224\273\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253_.md" index eee8cc00184..65e6a0885c6 100644 --- "a/source/_posts/2023/20230314a_2023\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\201\256\344\274\201\347\224\273\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253_.md" +++ "b/source/_posts/2023/20230314a_2023\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211\343\201\256\344\274\201\347\224\273\343\202\271\343\202\261\343\202\270\343\203\245\343\203\274\343\203\253_.md" @@ -10,7 +10,7 @@ tag: category: - Culture thumbnail: /images/2023/20230314a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "2023年に計画している、ブログ連載のスケジュールを紹介します。" --- board-ge3fc44724_640.jpg diff --git "a/source/_posts/2023/20230616b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272023\357\274\210Engineer_Camp\357\274\211.md" "b/source/_posts/2023/20230616b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272023\357\274\210Engineer_Camp\357\274\211.md" index 7d8da3051a9..9c6121d7b46 100644 --- "a/source/_posts/2023/20230616b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272023\357\274\210Engineer_Camp\357\274\211.md" +++ "b/source/_posts/2023/20230616b_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\345\244\217\343\201\256\343\202\244\343\203\263\343\202\277\343\203\274\343\203\263\343\202\267\343\203\203\343\203\2272023\357\274\210Engineer_Camp\357\274\211.md" @@ -8,13 +8,11 @@ tag: category: - Culture thumbnail: /images/2023/20230616b/thumbnail.jpg -author: 真野隼記 +author: admin lede: "インターン生募集の告知です" --- ## はじめに -こんにちは、真野です。 - フューチャーのサマーインターン2023 Summer Engineer Camp🌞⛺🏃の募集が始まりました。 フューチャーでは夏のインターンシップは2つのコースがあります。 diff --git "a/source/_posts/2023/20231030a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232023\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2023/20231030a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232023\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" index 2d50432aff7..ae76efcdfcd 100644 --- "a/source/_posts/2023/20231030a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232023\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2023/20231030a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232023\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" @@ -8,15 +8,11 @@ tag: category: - Infrastructure thumbnail: /images/2023/20231030a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "10/31より秋のブログ週間というブログリレーを始めます。この記事はそのインデックスです。" --- -## はじめに - -TIG 真野です。 - 10/31より秋のブログ週間というブログリレーを始めます。この記事はそのインデックスです。 ## 秋のブログ週間とは diff --git "a/source/_posts/2024/20240219a_2024\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273.md" "b/source/_posts/2024/20240219a_2024\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273.md" index 68b0da5356d..593c1a61b5f 100644 --- "a/source/_posts/2024/20240219a_2024\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273.md" +++ "b/source/_posts/2024/20240219a_2024\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273.md" @@ -10,12 +10,12 @@ tag: category: - Culture thumbnail: /images/2024/20240219a/thumbnail.jpeg -author: 真野隼記 +author: admin lede: "2024年に計画している、ブログリレーの企画スケジュールをを取り上げます。" --- -2024年に計画している、ブログリレーの企画スケジュールをを取り上げます。 +2024年に計画している、ブログリレーの企画スケジュールを取り上げます。 # 連載計画を発表する背景 diff --git "a/source/_posts/2024/20240617a_\347\217\240\347\216\211\343\201\256\343\202\242\343\203\211\343\203\231\343\203\263\343\203\210\343\202\253\343\203\254\343\203\263\343\203\200\343\203\274\350\250\230\344\272\213\343\202\222\343\203\252\343\203\220\343\202\244\343\203\220\343\203\253\345\205\254\351\226\213\343\201\227\343\201\276\343\201\231.md" "b/source/_posts/2024/20240617a_\347\217\240\347\216\211\343\201\256\343\202\242\343\203\211\343\203\231\343\203\263\343\203\210\343\202\253\343\203\254\343\203\263\343\203\200\343\203\274\350\250\230\344\272\213\343\202\222\343\203\252\343\203\220\343\202\244\343\203\220\343\203\253\345\205\254\351\226\213\343\201\227\343\201\276\343\201\231.md" index b3cafb8a9f8..f04ade89712 100644 --- "a/source/_posts/2024/20240617a_\347\217\240\347\216\211\343\201\256\343\202\242\343\203\211\343\203\231\343\203\263\343\203\210\343\202\253\343\203\254\343\203\263\343\203\200\343\203\274\350\250\230\344\272\213\343\202\222\343\203\252\343\203\220\343\202\244\343\203\220\343\203\253\345\205\254\351\226\213\343\201\227\343\201\276\343\201\231.md" +++ "b/source/_posts/2024/20240617a_\347\217\240\347\216\211\343\201\256\343\202\242\343\203\211\343\203\231\343\203\263\343\203\210\343\202\253\343\203\254\343\203\263\343\203\200\343\203\274\350\250\230\344\272\213\343\202\222\343\203\252\343\203\220\343\202\244\343\203\220\343\203\253\345\205\254\351\226\213\343\201\227\343\201\276\343\201\231.md" @@ -9,7 +9,7 @@ tag: category: - Culture thumbnail: /images/2024/20240617a/thumbnail.png -author: 真野隼記 +author: admin lede: "過去に公開したフューチャーアドベントカレンダーの記事の中から、評判が高かった or 社内投票があった珠玉の記事を再公開（リバイバル）するブログリレーを始めます。" --- @@ -17,8 +17,6 @@ lede: "過去に公開したフューチャーアドベントカレンダーの ## はじめに -TIG 真野です。 - 過去に公開したフューチャーアドベントカレンダーの記事の中から、評判が高かった or 社内投票があった珠玉の記事を再公開（リバイバル）するブログリレーを始めます。 ## 背景 diff --git "a/source/_posts/2024/20240930a_Java\351\200\243\350\274\2112024\357\274\232_JDK_23\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\351\200\243\350\274\211\343\202\271\343\202\277\343\203\274\343\203\210\343\201\227\343\201\276\343\201\231.md" "b/source/_posts/2024/20240930a_Java\351\200\243\350\274\2112024\357\274\232_JDK_23\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\351\200\243\350\274\211\343\202\271\343\202\277\343\203\274\343\203\210\343\201\227\343\201\276\343\201\231.md" index 265fbdf3f41..ed195a1114b 100644 --- "a/source/_posts/2024/20240930a_Java\351\200\243\350\274\2112024\357\274\232_JDK_23\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\351\200\243\350\274\211\343\202\271\343\202\277\343\203\274\343\203\210\343\201\227\343\201\276\343\201\231.md" +++ "b/source/_posts/2024/20240930a_Java\351\200\243\350\274\2112024\357\274\232_JDK_23\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\351\200\243\350\274\211\343\202\271\343\202\277\343\203\274\343\203\210\343\201\227\343\201\276\343\201\231.md" @@ -9,7 +9,7 @@ tag: category: - Programming thumbnail: /images/2024/20240930a/thumbnail.jpeg -author: 真野隼記 +author: admin lede: "JDK 23のリリースを受けてバージョン21~23にかけての変更点を紹介するブログリレー連載です。" --- Designer_(1).jpeg diff --git "a/source/_posts/2024/20241028a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232024.md" "b/source/_posts/2024/20241028a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232024.md" index 28ba0f78959..33afa8ad629 100644 --- "a/source/_posts/2024/20241028a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232024.md" +++ "b/source/_posts/2024/20241028a_\347\247\213\343\201\256\343\203\226\343\203\255\343\202\260\351\200\261\351\226\2232024.md" @@ -8,16 +8,12 @@ tag: category: - Culture thumbnail: /images/2024/20241028a/thumbnail.png -author: 真野隼記 +author: admin lede: "秋のブログ週間というブログリレーを始めます。" --- -## はじめに - -TIG真野です。 - 10/28より、秋のブログ週間というブログリレーを始めます。 ## 秋のブログ週間とは diff --git "a/source/_posts/2025/20250318a_2025\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273_.md" "b/source/_posts/2025/20250318a_2025\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273_.md" index 22a9f6999ca..ec8527d8469 100644 --- "a/source/_posts/2025/20250318a_2025\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273_.md" +++ "b/source/_posts/2025/20250318a_2025\345\271\264_\343\203\225\343\203\245\343\203\274\343\203\201\343\203\243\343\203\274\346\212\200\350\241\223\343\203\226\343\203\255\343\202\260\343\203\252\343\203\254\343\203\274\344\274\201\347\224\273_.md" @@ -10,7 +10,7 @@ tag: category: - Culture thumbnail: /images/2025/20250318a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "2025年に計画しているブログリレーのスケジュールを紹介します。" --- 1901495582197510144.jpg diff --git "a/source/_posts/2025/20250331a_Terraform\351\200\243\350\274\2112025\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\231.md" "b/source/_posts/2025/20250331a_Terraform\351\200\243\350\274\2112025\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\231.md" index 0873fdbf0f1..6ee8e2319f3 100644 --- "a/source/_posts/2025/20250331a_Terraform\351\200\243\350\274\2112025\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\231.md" +++ "b/source/_posts/2025/20250331a_Terraform\351\200\243\350\274\2112025\343\202\222\351\226\213\345\247\213\343\201\227\343\201\276\343\201\231.md" @@ -8,7 +8,7 @@ tag: category: - DevOps thumbnail: /images/2025/20250331a/thumbnail.png -author: 真野隼記 +author: admin lede: "うららかな春の陽気と共に、2025年度がスタートしました。絶好のTerraform日和ということで、本日からTerraformをテーマにしたブログリレー「Terraform連載2025」を始めます。" --- diff --git "a/source/_posts/2025/20250413a_\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\2122025.md" "b/source/_posts/2025/20250413a_\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\2122025.md" index 2bd1c1d403a..74cc245693a 100644 --- "a/source/_posts/2025/20250413a_\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\2122025.md" +++ "b/source/_posts/2025/20250413a_\346\230\245\343\201\256\345\205\245\351\226\200\347\245\255\343\202\2122025.md" @@ -9,7 +9,7 @@ tag: category: - Culture thumbnail: /images/2025/20250413a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "春の入門連載は2020年から始めた連載で、以下のテーマで行う技術ブログリレーです。" --- diff --git "a/source/_posts/2025/20250603a_CI\357\274\217CD\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2025/20250603a_CI\357\274\217CD\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 910782deed3..549919c2d45 100644 --- "a/source/_posts/2025/20250603a_CI\357\274\217CD\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2025/20250603a_CI\357\274\217CD\351\200\243\350\274\211\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -8,7 +8,7 @@ tag: category: - DevOps thumbnail: /images/2025/20250603a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "フューチャーは月に1回、何かしらの技術テーマを元にブログリレー（ブログ連載）を行っています。6月はCI/CDについて取り上げます" --- diff --git "a/source/_posts/2025/20250616a_CNCF\351\200\243\350\274\2112025.md" "b/source/_posts/2025/20250616a_CNCF\351\200\243\350\274\2112025.md" index d554b52c405..717b1b1aba1 100644 --- "a/source/_posts/2025/20250616a_CNCF\351\200\243\350\274\2112025.md" +++ "b/source/_posts/2025/20250616a_CNCF\351\200\243\350\274\2112025.md" @@ -8,7 +8,7 @@ tag: category: - DevOps thumbnail: /images/2025/20250616a/thumbnail.png -author: 真野隼記 +author: admin lede: CNCFとはCloud Native Computing Foundation の略で、コンテナオーケストレーションとして知られているKubernetesを中心としたOSSを管理しているLinux Foundation傘下の非営利団体です。2015年にGoogleなどが中心となり、コンテナオーケストレーションツールであるKubernetesのバージョン1.0リリースと同時に設立されました。" --- diff --git "a/source/_posts/2025/20250707a_AI_Tips\351\200\243\350\274\211\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2025/20250707a_AI_Tips\351\200\243\350\274\211\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" index eea278002d0..bf8e418c622 100644 --- "a/source/_posts/2025/20250707a_AI_Tips\351\200\243\350\274\211\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2025/20250707a_AI_Tips\351\200\243\350\274\211\343\201\257\343\201\230\343\202\201\343\201\276\343\201\231.md" @@ -8,7 +8,7 @@ tag: category: - DataScience thumbnail: /images/2025/20250707a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "生成AI周りの進化の速さにワクワクが止まらない方も多いのでしょうか。多くのサービスが日々進化しており、私達の業務でもこれらを上手く活用して生産性を向上させることが求められる時代になりました。" --- unnamed.jpg diff --git "a/source/_posts/2025/20250825a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\351\200\243\350\274\211_2025.md" "b/source/_posts/2025/20250825a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\351\200\243\350\274\211_2025.md" index 8b28ef61b72..d863257ce71 100644 --- "a/source/_posts/2025/20250825a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\351\200\243\350\274\211_2025.md" +++ "b/source/_posts/2025/20250825a_\345\244\217\343\201\256\350\207\252\347\224\261\347\240\224\347\251\266\351\200\243\350\274\211_2025.md" @@ -8,7 +8,7 @@ tag: category: - DevOps thumbnail: /images/2025/20250825a/thumbnail.png -author: 真野隼記 +author: admin lede: "夏の自由研究2025のブログリレーのインデックス記事です。" --- image.png diff --git "a/source/_posts/2025/20250922a_Java25\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211.md" "b/source/_posts/2025/20250922a_Java25\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211.md" index 2d11717fff4..ef131fe01d6 100644 --- "a/source/_posts/2025/20250922a_Java25\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211.md" +++ "b/source/_posts/2025/20250922a_Java25\343\203\252\343\203\252\343\203\274\343\202\271\350\250\230\345\277\265\343\203\226\343\203\255\343\202\260\351\200\243\350\274\211.md" @@ -8,7 +8,7 @@ tag: category: - Programming thumbnail: /images/2025/20250922a/thumbnail.jpg -author: 真野隼記 +author: admin lede: "Java 25のリリースを記念して、フューチャー技術ブログでブログリレーを開催します！社内のJavaエキスパートたちが日替わりで記事を公開していきます。最新のJavaの世界をぜひお楽しみください。公開スケジュール" --- diff --git "a/source/_posts/2025/20251006a_PostgreSQL\351\200\243\350\274\211\345\247\213\343\201\276\343\202\212\343\201\276\343\201\231_&_v18\343\201\247\345\257\276\345\277\234\343\201\227\343\201\237UUIDv7\343\201\250v4\343\201\256\346\257\224\350\274\203.md" "b/source/_posts/2025/20251006a_PostgreSQL\351\200\243\350\274\211\345\247\213\343\201\276\343\202\212\343\201\276\343\201\231_&_v18\343\201\247\345\257\276\345\277\234\343\201\227\343\201\237UUIDv7\343\201\250v4\343\201\256\346\257\224\350\274\203.md" index 729eaf37771..af3be5e3cf1 100644 --- "a/source/_posts/2025/20251006a_PostgreSQL\351\200\243\350\274\211\345\247\213\343\201\276\343\202\212\343\201\276\343\201\231_&_v18\343\201\247\345\257\276\345\277\234\343\201\227\343\201\237UUIDv7\343\201\250v4\343\201\256\346\257\224\350\274\203.md" +++ "b/source/_posts/2025/20251006a_PostgreSQL\351\200\243\350\274\211\345\247\213\343\201\276\343\202\212\343\201\276\343\201\231_&_v18\343\201\247\345\257\276\345\277\234\343\201\227\343\201\237UUIDv7\343\201\250v4\343\201\256\346\257\224\350\274\203.md" @@ -15,12 +15,12 @@ lede: "PostgreSQL 18ではUUIDv7生成に対応しました。今までのUUID v | 日付 | 執筆者 | タイトル | | :--- | :--- | :--- | -| 10/6（月） | 澁川喜規 | v18で対応したUUIDv7とv4の比較 | +| 10/6（月） | 澁川喜規 | v18で対応したUUIDv7とv4の比較（この記事です） | | 10/7（火） | 山本竜玄 | [explainをマスターするぜ](/articles/20251008a/) | | 10/8（水） | 真野隼記 | 仮想生成列 | | 10/9（木） | 岩堀敦 | [pg_dump](/articles/20251009a/) | | 10/10（金） | 市川裕也 | [現場で行った性能チューニング](/articles/20251010a/) | -| 10/14（火） | 村田 靖拓 | PostgreSQL 18の新機能「B-treeインデックスのスキップスキャン」 | +| 10/14（火） | 村田 靖拓 | [B-treeインデックスのスキップスキャン](/articles/20251014a/) | | 10/15（水） | 平岡 浩一郎 | 「TBD」 | # UUID v7 diff --git "a/source/_posts/2025/20251016a_Vue.js\351\200\243\350\274\211_2025_\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" "b/source/_posts/2025/20251016a_Vue.js\351\200\243\350\274\211_2025_\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" index 4ecc34e8dd9..5f90f19a3e0 100644 --- "a/source/_posts/2025/20251016a_Vue.js\351\200\243\350\274\211_2025_\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" +++ "b/source/_posts/2025/20251016a_Vue.js\351\200\243\350\274\211_2025_\343\202\222\345\247\213\343\202\201\343\201\276\343\201\231.md" @@ -19,8 +19,8 @@ lede: "Vue.jsの魅力と可能性をさらに深く探るべく、フューチ | 日付 | 担当者 | テーマ | | :---- | :---- | :---- | -| 10/16（木） | 長谷川 寛人 | vee-validate \+ zod または vue-keycloak の話 | -| 10/17（金） | 小杉山 護 | Vitest Browser Mode x Vue (x Storybook x MSW) の話 | +| 10/16（木） | 長谷川 寛人 | [vee-validate + zod または vue-keycloak の話](/articles/20251016b/) | +| 10/17（金） | 小杉山 護 | [Vitest Browser Mode x Vue (x Storybook x MSW) の話](/articles/20251017a/) | | 10/20（月） | 中村 立基 | 【入門】Vueで始めるチャート分析 | | 10/21（火） | 村田 靖拓 | TBD | | 10/22（水） | 山本 竜玄 | Vueでモバイルアプリ開発 | diff --git "a/source/_posts/2025/20251016b_Vue.js_+_vee-validate_+_Zod\357\274\210+_shadcn\357\274\217vue_+_@tanstack\357\274\217vue-query\357\274\211\343\201\247\343\201\256\345\256\237\350\267\265\347\232\204\343\201\252\343\203\225\343\202\251\343\203\274\343\203\240\351\226\213\347\231\272_at_2025\357\274\21710\357\274\21716_10\357\274\23209.md" "b/source/_posts/2025/20251016b_Vue.js_+_vee-validate_+_Zod\357\274\210+_shadcn\357\274\217vue_+_@tanstack\357\274\217vue-query\357\274\211\343\201\247\343\201\256\345\256\237\350\267\265\347\232\204\343\201\252\343\203\225\343\202\251\343\203\274\343\203\240\351\226\213\347\231\272_at_2025\357\274\21710\357\274\21716_10\357\274\23209.md" index 782d87f1d42..0a271676012 100644 --- "a/source/_posts/2025/20251016b_Vue.js_+_vee-validate_+_Zod\357\274\210+_shadcn\357\274\217vue_+_@tanstack\357\274\217vue-query\357\274\211\343\201\247\343\201\256\345\256\237\350\267\265\347\232\204\343\201\252\343\203\225\343\202\251\343\203\274\343\203\240\351\226\213\347\231\272_at_2025\357\274\21710\357\274\21716_10\357\274\23209.md" +++ "b/source/_posts/2025/20251016b_Vue.js_+_vee-validate_+_Zod\357\274\210+_shadcn\357\274\217vue_+_@tanstack\357\274\217vue-query\357\274\211\343\201\247\343\201\256\345\256\237\350\267\265\347\232\204\343\201\252\343\203\225\343\202\251\343\203\274\343\203\240\351\226\213\347\231\272_at_2025\357\274\21710\357\274\21716_10\357\274\23209.md" @@ -1,6 +1,6 @@ --- title: "Vue.js + vee-validate + Zod（+ shadcn/vue + @tanstack/vue-query）での実践的なフォーム開発" -date: 2025/10/16 00:00:00 +date: 2025/10/16 00:00:01 postid: b tag: - Vue.js @@ -13,6 +13,8 @@ lede: "私は普段Reactを触ることが多く、フォーム開発ではreact --- +[Vue.js連載](/articles/20251016a/)の1本目です。 + ## はじめに 私は普段Reactを触ることが多く、フォーム開発では`react-hook-form` + `zod`(+ `shadcn/ui`)の組み合わせでの開発をよく行なっていました。 diff --git "a/source/_posts/2025/20251017a_Vue\350\243\275\343\201\256UI\343\202\222Storybook+Vitest_Browser_Mode\343\201\247\343\203\206\343\202\271\343\203\210\343\201\231\343\202\213.md" "b/source/_posts/2025/20251017a_Vue\350\243\275\343\201\256UI\343\202\222Storybook+Vitest_Browser_Mode\343\201\247\343\203\206\343\202\271\343\203\210\343\201\231\343\202\213.md" new file mode 100644 index 00000000000..61b045cdf14 --- /dev/null +++ "b/source/_posts/2025/20251017a_Vue\350\243\275\343\201\256UI\343\202\222Storybook+Vitest_Browser_Mode\343\201\247\343\203\206\343\202\271\343\203\210\343\201\231\343\202\213.md" @@ -0,0 +1,277 @@ +--- +title: "Vue製のUIをStorybook+Vitest Browser Modeでテストする" +date: 2025/10/17 00:00:00 +postid: a +tag: + - Vue.js + - Vite + - テスト +category: + - Frontend +thumbnail: /images/2025/20251017a/thumbnail.png +author: 小杉山護 +lede: "昨今では生成AIを用いたコーディング、Vibe Codingが盛んに行われていますね。人間の代わりに生成AIがコードを書いてくれるというのは非常に魅力的ですが、その過程で生み出されるコードの品質はまだまだ発展途上の段階にあります。" +--- + + +[Vue.js連載](/articles/20251016a/)の2本目です。 + +## はじめに + +こんにちは。TIGでフロントエンドをガリガリやっている小杉山です。 + +昨今では生成AIを用いたコーディング、**Vibe Coding**が盛んに行われていますね。人間の代わりに生成AIがコードを書いてくれるというのは非常に魅力的ですが、その過程で生み出されるコードの品質はまだまだ発展途上の段階にあります。 + +そのため、必要最低限の品質を担保するガードレールとしての役割を果たす**テストコード**、そしてその**自動化**の重要性が非常に高まってきています。 + +今回はVue.js連載ということもあり、Vue.jsで記述されたUIコンポーネントや画面のテスト基盤を構築する選択肢の一つとして、**StorybookとVitest Browser Modeを組み合わせたテスト手法**を簡単に紹介します。 + +## 最近のStorybook + +[Storybook](https://storybook.js.org/)はフロントエンド開発の生産性を高める素晴らしいツールです。以前はUIコンポーネントを一覧表示する「コンポーネントカタログ」としての利用が主流でした。 + +しかし、近年のStorybookはテスト関連の機能を大幅に強化しています。その中心的な機能の一つが、今回紹介する**Vitest**との連携です。この連携により、フロントエンド開発において信頼性の高いテストを効率よく進めていくことが可能になりました。 + +この「信頼性の高いテスト」を実現するための重要な要素の一つが、後述するVitest Browser Modeです。 + +## Vitest Browser Mode + +従来[Jest](https://jestjs.io/)や[Vitest](https://vitest.dev/)を使用してフロントエンドのテストをする際、DOMに関しては[jsdom](https://github.com/jsdom/jsdom)や[happy-dom](https://github.com/capricorn86/happy-dom)を使用することで擬似的なブラウザ環境を再現していました。 + +しかしあくまで「擬似的な」ブラウザ環境なので、[`window`](https://developer.mozilla.org/ja/docs/Web/API/Window)オブジェクトや[`ResizeObserver`](https://developer.mozilla.org/ja/docs/Web/API/ResizeObserver)などのブラウザAPIはモックした上でテストしなければなりませんでした。 + +そんな時、Vitestに[Browser Mode (**Vitest Browser Mode**)](https://vitest.dev/guide/browser/)という機能が実装されました。 + +この機能によりテストコードの実行環境が擬似ブラウザ環境から（ユーザが使用する）ChromeやFirefoxといった実際のブラウザそのものに置き換わるので、より信頼性の高いテストが実施できます。 + +::: note +Vitestから[Playwright](https://playwright.dev/)や[WebdriverIO](https://webdriver.io/)といったE2Eテストツールを呼び出すことでブラウザを起動しています。 +::: + +::: note warn +Vitest Browser Modeは活用事例が増えつつあるものの、公式的にはまだ実験的な機能です。採用の検討は慎重に行なってください。またVitest Browser Modeはブラウザを起動するので、jsdomやhappy-domを使用している場合に比べてテスト実行時間が伸びてしまうことに注意が必要です。 +::: + +## 検証コード + +テスト対象のUI、Storyファイル、そしてテストコードをざっくりと見ていきます。 + +### リポジトリ + +検証コードはこちらのGitHubリポジトリにあります。 + +https://github.com/koralle/mock-webapp-with-vue-for-writing-article + +### Vueコンポーネント + +今回はテスト対象の画面として、以下の依存関係で構成される非常に簡易的なログイン画面を用意しました。 +メールアドレスとパスワードを入力して「ログイン」ボタンを押下すると、ログインフォームの下部に「ログインに成功しました。」というメッセージを表示します。 + +| | 名称 | バージョン | +| :-- | :-- | :-- | +| スタイリング | [Tailwind CSS](https://tailwindcss.com/) | v4.x | +| フォームバリデーション | [VeeValidate](https://vee-validate.logaretm.com/v4/) | v4.x | +| スキーマ | [Zod](https://zod.dev/) | v4.x | + +```html LoginPage.vue + + + +``` + +login-screen.png + +### Storyファイル + +先述のログイン画面をStorybook上で管理するためのStoryファイルはこちらです。 + +::: note +簡単のため、一部のStoryは省略しています。 +::: + +```ts LoginPage.stories.ts +import type { Meta, StoryObj } from '@storybook/vue3-vite'; +import { expect, within, userEvent } from 'storybook/test'; + +import LoginPage from '../pages/LoginPage.vue'; + +const meta = { + title: '画面 / ログイン画面', + component: LoginPage +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const InitialState = { + name: '初期表示' +} satisfies Story; + +export const LoginCompleted = { + name: 'ログイン成功', + play: async ({ canvasElement, step }) => { + const canvas = within(canvasElement); + + await step('メールアドレスを入力する', async () => { + const emailInput = await canvas.findByRole('textbox', { name: 'メールアドレス' }); + await userEvent.type(emailInput, 'frontend@example.com', { delay: 100 }); + }); + + await step('パスワードを入力する', async () => { + const passwordInput = await canvas.findByLabelText('パスワード'); + await userEvent.type(passwordInput, 'password', { delay: 100 }); + }); + + await step('「ログイン」ボタンをクリックする', async () => { + const submitButton = await canvas.findByRole('button', { name: 'ログイン' }); + await userEvent.click(submitButton); + }); + } +} satisfies Story; +``` + +「ログイン成功（`LoginCompleted`）」というStoryは文字通り「正常にログインが完了できる」というユーザシナリオを想定しており、そのユーザシナリオに沿った画面操作を[Play Function](https://storybook.js.org/docs/writing-stories/play-function)で記述しています。 + +Storybookを起動すると以下の画像のようになります。 + +「ログイン成功（`LoginCompleted`）」のStoryを開くと以下の画面操作が自動で実行され、ログイン後の画面状態を確認できます。 + +1. メールアドレスの入力 +1. パスワードの入力 +1. 「ログイン」ボタンの押下 + +output-login-story.png + +## Storybook + Vitest Browser ModeでVueのテストを書いてみよう + +先述の「ユーザが正常にログインが完了できるシナリオ」を、StorybookとVitest Browser Modeを使ってテストしてみます。 + +テストコードは以下の手順となるように書きます。 + +1. Storyファイルに定義したPlay FunctionをVitestのテストコード上で再利用し、ブラウザ上でユーザ操作を実行する +2. 手順1の結果として得られるDOMの状態を検証する + +Storyオブジェクトの`run()`メソッドを実行することで、Play Functionに記述した画面操作がブラウザ上で自動的に実行されます。これが手順1です。 + +手順2では、Vitest Browser ModeのAPIを用いて画面操作後のDOM状態を検証します。 + +これを実現するVitestのテストコードがこちらです。 + +```ts LoginPage.browser.test.ts +import { composeStories } from '@storybook/vue3-vite'; +import { page } from '@vitest/browser/context'; + +import * as LoginPageStories from '../stories/LoginPage.stories'; + +const composedStories = composeStories(LoginPageStories); + +describe('LoginPage', () => { + describe('`ログイン成功`Storyに対するテスト', () => { + const { LoginCompleted } = composedStories; + + test('ログインに成功すること', async () => { + // ログイン操作の実行 + await LoginCompleted.run(); + + // ログイン操作の実行結果を検証する + const completedMessage = page.getByText('ログインに成功しました。'); + await expect.element(completedMessage).toBeVisible(); + }); + }); +}); +``` + +あとはターミナル上で`npx vitest`を実行することでテストを実行できます。 + +## まとめ + +今回紹介したテスト手法の採用には以下のようなメリットがあります。 + +* jsdomやhappy-domを利用した擬似ブラウザ環境の代わりに実際のブラウザでテストを実行するため、より本番に近い環境でコンポーネントの動作を検証できる +* StorybookのPlay Functionで定義したユーザシナリオをそのままテストコードとして再利用できるため、テスト実装の効率が大幅に向上する + +ただし、前述の通りVitest Browser Modeはまだ実験的な機能です。 + +導入の際はその点を考慮し、動作確認をしながら慎重に進めてください。 diff --git a/source/images/2025/20251017a/login-screen.png b/source/images/2025/20251017a/login-screen.png new file mode 100644 index 00000000000..dfa435fcd96 Binary files /dev/null and b/source/images/2025/20251017a/login-screen.png differ diff --git a/source/images/2025/20251017a/output-login-story.png b/source/images/2025/20251017a/output-login-story.png new file mode 100644 index 00000000000..507a8d87d6f Binary files /dev/null and b/source/images/2025/20251017a/output-login-story.png differ diff --git a/source/images/2025/20251017a/testing-you-can-trust.png b/source/images/2025/20251017a/testing-you-can-trust.png new file mode 100644 index 00000000000..e6aaf196169 Binary files /dev/null and b/source/images/2025/20251017a/testing-you-can-trust.png differ diff --git a/source/images/2025/20251017a/thumbnail.png b/source/images/2025/20251017a/thumbnail.png new file mode 100644 index 00000000000..8ca4c487da7 Binary files /dev/null and b/source/images/2025/20251017a/thumbnail.png differ