future-architect · ma91n · Aug 30, 2025 · Aug 30, 2025 · Aug 30, 2025 · Aug 30, 2025
diff --git a/_config.yml b/_config.yml
@@ -125,7 +125,9 @@ alias:
   tags/Security: categories/Security/
   tags/IoT: categories/IoT/
   tags/モバイルアプリ: categories/Mobile/ # Mobileカテゴリの新設対応
-  # カテゴリの変更
+  tags/フロントエンド: categories/Frontend/ # Frontendカテゴリの新設対応
+  tags/VR: categories/VR/ # VRカテゴリと重複排除
+    # カテゴリの変更
   categories/Design: tags/UI-UX/
 
   # 名寄せなど

diff --git a/categorize_mobile_posts.py b/categorize_mobile_posts.py
@@ -4,10 +4,10 @@
 POSTS_DIRECTORY = 'source/_posts'
 # 上記リストから、実際に移行したいタグをここに列挙します
 TARGET_TAGS = [
-    'Git'
+    'Airflow'
 ]
 # 上書きする新しいカテゴリ
-NEW_CATEGORY = 'DevOps'
+NEW_CATEGORY = 'Infrastructure'
 # --- 設定ここまで ---
 
 def replace_category_for_mobile_tags(file_path):

diff --git a/source/_posts/2017/20170605-urushi.md b/source/_posts/2017/20170605-urushi.md
@@ -7,7 +7,7 @@ tag:
   - WebComponents
   - OSS
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2017/20170530/thumbnail_20170530.png
 author: 平川裕蔵
 lede: "ES2015 Web componentsと国産Web componentsフレームワークUrushi"

diff --git a/source/_posts/2019/20190612-typescript-guide.md b/source/_posts/2019/20190612-typescript-guide.md
@@ -5,10 +5,9 @@ postid: ""
 tag:
   - TypeScript
   - 出版
-  - フロントエンド
   - 書籍
 category:
-  - Programming
+  - Frontend
 author: 澁川喜規
 lede: "2019年頭より少しずつ書いていたTypeScriptの教育コンテンツを[クリエイティブ・コモンズ4.0の表示 - 継承 （CC BY-SA 4.0）]で公開します。といっても完成版ではなく、アーリーアクセス版のような品質であることをご了承ください。"
 ---

diff --git a/source/_posts/2019/20190620-hangout.md b/source/_posts/2019/20190620-hangout.md
@@ -9,7 +9,7 @@ tag:
   - GoogleChat
   - GoogleWorkspace
 category:
-  - Programming
+  - DevOps
 author: 高橋健
 lede: "みなさん、課題管理システムは何を使っていますか？
 弊社ではほぼ全てのプロジェクトでRedmineを採用しており、毎日1000以上のユーザが利用しています。これにより管理の標準化と品質向上を図っています。"

diff --git a/source/_posts/2019/20191029-react.md b/source/_posts/2019/20191029-react.md
@@ -5,10 +5,9 @@ postid: ""
 tag:
   - React
   - Redux
-  - フロントエンド
   - 設計
 category:
-  - Programming
+  - Frontend
 author: 柏木祥子
 lede: "React、Next.js を触り始めて２年半ほど経ちました。これまでによくつまずいたポイントから、自分なりのノウハウを言語化してみます。"
 ---

diff --git a/source/_posts/2019/20191201-ui-automation.md b/source/_posts/2019/20191201-ui-automation.md
@@ -7,7 +7,7 @@ tag:
   - Selenium
   - SORACOM
 category:
-  - Programming
+  - IoT
 thumbnail: /images/2019/20191201/thumbnail.png
 author: 棚井龍之介
 lede: "自動化できる業務ならば極力自動化したいというのは万国共通だとは思いますが、例えばWebページであれば Selenium によるUI操作自動化が可能です。しかし、PCにインストールされたGUIアプリには、Webページの「idタグ」に相当するものがなく、UIの自動化は難しいと考えていました。今回、業務で利用しているWindowsのGUIアプリを「マウスで手動クリック」から「コードで自動操作」に切り替える機会があったので、そのときの試行錯誤を紹介します"

diff --git a/source/_posts/2020/20200122-auth0-1.md b/source/_posts/2020/20200122-auth0-1.md
@@ -7,7 +7,7 @@ tag:
   - Vue.js
   - 入門
 category:
-  - 認証認可
+  - Frontend
 author: 山田勇一
 lede: "様々なシステムを構築する中で必ず発生する要素「ログイン」。そのログインを支える技術要素「認証・認可」。しかし、認証認可の壁は無駄に高く、調べ始めるとまずは数々の専門用語に阻まれ 「BASIC認証・Oatuh・OpenID・Jwt・Jwk・Jwe…」、 次に認証Flowに阻まれます。「Implicit Flow、Client Credentials Flow...etc」。これらを比較的容易に実装する、Auth0を紹介していきます。"
 ---

diff --git a/source/_posts/2020/20200123-auth0-2.md b/source/_posts/2020/20200123-auth0-2.md
@@ -6,7 +6,7 @@ tag:
   - Vue.js
   - Auth0
 category:
-  - 認証認可
+  - Frontend
 author: 先山賢一
 lede: "Auth0が提供するVue.jsのサンプル実装をベースに説明します。手元で動作確認をする場合は、下記を事前にcloneしてください。このリポジトリにある01-Loginのディレクトリにあるアプリケーションを使います。"
 ---

diff --git a/source/_posts/2020/20200128-auth0-3.md b/source/_posts/2020/20200128-auth0-3.md
@@ -7,7 +7,7 @@ tag:
   - JavaScript
   - Auth0Rules
 category:
-  - 認証認可
+  - Frontend
 author: 織田勇冴
 lede: "Auth0をカスタマイズして使うに当たって必要になるRulesについて、概要と開発に関するTipsを説明します。Auth0のRulesの使い方については、Auth0公式のRules Best Practicesに様々な役立ち情報が載っているのですが、分量が多くてしんどい(全て英語な上に印刷するとA4で18ページ分...)です。
 この記事ではRules Best Practicesの中でも特に役に立つと思われる情報と、その他Rules開発で得られた知見について書いていきます。"

diff --git a/source/_posts/2020/20200316-vue1-takebayashi.md b/source/_posts/2020/20200316-vue1-takebayashi.md
@@ -8,7 +8,7 @@ tag:
   - フロントエンド
   - 初心者向け
 category:
-  - Programming
+  - Frontend
 author: 竹林康太
 lede: "私が所属するコアテクノロジーチームでは、Futureの各プロジェクトでの生産性・品質向上および設計開発プロセスの標準化を目標に、内製ライブラリ・フレームワーク・インフラ等の提供を行っております。そんな内製フレームワークの一部として採用されているのがVue.jsです。フレームワーク自体の設計開発を行う一方、顧客・プロジェクト向け画面の開発を行うために、自分たちもそのフレームワークを用いた開発を行う機会がありました。今回はそんなとある画面開発をするにあたって、私がVue.jsをキャッチアップしていく過程の中で遭遇したトラブルに関する解決方法を共有します。"
 ---

diff --git a/source/_posts/2020/20200317-tableau.md b/source/_posts/2020/20200317-tableau.md
@@ -9,7 +9,7 @@ tag:
   - Tableau
   - SSO
 category:
-  - Programming
+  - Frontend
 author: 仲澤龍一
 lede: "プロジェクトでTableauダッシュボードを組み込んだSPAを開発しています。その際にPoCを実施したので、こちらで簡単にお試しできる手順を共有させていただきます。"
 ---

diff --git a/source/_posts/2020/20200318-fugna.md b/source/_posts/2020/20200318-fugna.md
@@ -8,7 +8,7 @@ tag:
   - Figma
   - チーム開発
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200318/thumbnail.png
 author: 久保樹礼
 lede: "Figmaとは何か、何ができるのか、チームでシステムデザイン設計するときにFigmaを使うと何がいいのかを初心者向けにざっくり紹介していきます。Figmaはユーザーインターフェース（UI）のデザインをブラウザ上で簡単に作れるデザインツールです。デザインツールといえばデスクトップアプリのAdobe XDやSketchが有名どころですが、Figmaも負けず劣らずの操作性と利便性を兼ね備えています"

diff --git a/source/_posts/2020/20200319-alt-webpack.md b/source/_posts/2020/20200319-alt-webpack.md
@@ -10,7 +10,7 @@ tag:
   - Node.js
   - Parcel
 category:
-  - Programming
+  - Frontend
 author: 澁川喜規
 lede: "ちょっとしたフロントエンドの開発で、TypeScriptに最初から対応していて、簡単に使えるものは何かないかな、と調べてみたメモです。React/Vue/Angularの場合はそれぞれの初期化コマンドで何から何まで用意してくれます。Next.js、Nuxt.js、Gatsbyなども、これらのビルドのステップを簡略化するコマンドを提供しています。基本的にこれらのウェブフロントエンドを開発するときには、小規模・中規模ぐらいならあんまり気にしなくておまかせでもいいと思います。今回は、それらのフレームワーク固有のビルドツールとは別に環境を作りたい人で、TypeScriptの環境が欲しい、ウェブの開発がしたい、という前提でいろいろ探してみました。"
 ---

diff --git a/source/_posts/2020/20200401-vue-props-down.md b/source/_posts/2020/20200401-vue-props-down.md
@@ -8,7 +8,7 @@ tag:
   - フロントエンド
   - 初心者向け
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200401/thumbnail.png
 author: 東郷聡志
 lede: "今回はVue.jsの最初の難関（だと思っている）「props down, event up」について、初心者が読んでもわかるような資料を用意してみようと思います。

diff --git a/source/_posts/2020/20200409-swagger-tips.md b/source/_posts/2020/20200409-swagger-tips.md
@@ -10,7 +10,7 @@ tag:
   - 設計
   - チーム開発
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200409/thumbnail.png
 author: 亀井隆徳
 lede: "みなさん、Swagger使ってますか？本記事では実際にSwaggerのスキーマ定義を設計していく上で取り決めた規約について書いてみたいと思います。"

diff --git a/source/_posts/2020/20200428-vue-slot.md b/source/_posts/2020/20200428-vue-slot.md
@@ -8,7 +8,7 @@ tag:
   - 初心者向け
   - フロントエンド
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200428/thumbnail.png
 author: 永井優斗
 lede: "東郷さんによる「Vue.js最初の難関、「props down, event up」を初心者にわかるように解説してみた」はご覧になられましたでしょうか？おそらくVue.js最初の難関は無事乗り越えられたと思います！今回は「Vue.js初心者にわかるように解説してみた」第二弾として、props down,event up と同様に親子関係が肝となる、「slot」について、初心者に向けて説明していきたいと思います。"

diff --git a/source/_posts/2020/20200429-redux-introduction.md b/source/_posts/2020/20200429-redux-introduction.md
@@ -5,10 +5,9 @@ postid: ""
 tag:
   - React
   - Redux
-  - フロントエンド
   - 初心者向け
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200429/thumbnail.png
 author: 丸野大輔
 lede: "はじめまして、2019年4月入社_FRX_DigitalLibraryチームの丸野です。研修修了後PJにアサインされて約4ヶ月ほどReact.jsを使って開発を行ってきましたが、Reduxの理解にとても苦しみました。そこで今回はReduxの概要を噛み砕いて説明していきます。同じ悩みを持つ人の理解の助けになればと思います。"

diff --git a/source/_posts/2020/20200501-typescript.md b/source/_posts/2020/20200501-typescript.md
@@ -5,10 +5,9 @@ postid: ""
 tag:
   - React
   - Redux
-  - フロントエンド
   - TypeScript
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200501/thumbnail.png
 author: 澁川喜規
 lede: "プロダクションコードでたくさんRedux周りにもreducerなどを実装しなくてはいけなくなったときの次のステップとして、Redux Toolkitの紹介をします。"

diff --git a/source/_posts/2020/20200511-ui-atomic-design.md b/source/_posts/2020/20200511-ui-atomic-design.md
@@ -4,11 +4,10 @@ date: 2020/05/11 08:43:07
 postid: ""
 tag:
   - UI/UX
-  - フロントエンド
   - Figma
   - 設計
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200511/thumbnail.png
 author: 平川裕蔵
 lede: "今回はPJの現場でUXとUIのデザインを通して、Atomic Designの導入はどのような結果を生んだのか、Atomic Design導入に際しての課題や取り組み方のコツなんかをお伝えできればと思います。z"

diff --git a/source/_posts/2020/20200512-headless-cms-microcms.md b/source/_posts/2020/20200512-headless-cms-microcms.md
@@ -4,11 +4,10 @@ date: 2020/05/12 09:48:20
 postid: ""
 tag:
   - Vue.js
-  - フロントエンド
   - CMS
   - HeadlessCMS
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200512/thumbnail.png
 author: 三村遼
 lede: "TIG DXチーム　アルバイターの三村です．今回はHeadlessCMSを利用したタスクをやることになりました．私自身HeadlessCMSどころかCMSを聞いたことすら無かったので，初めてCMS使ってみるにあたって感じたことを共有出来たらと思い本記事を作成させていただいております．"

diff --git a/source/_posts/2020/20200612-春祭り10-deno.md b/source/_posts/2020/20200612-春祭り10-deno.md
@@ -4,11 +4,10 @@ date: 2020/06/12 12:06:07
 postid: ""
 tag:
   - deno
-  - フロントエンド
   - JavaScript
   - Node.js
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200612/thumbnail.png
 author: 伊藤真彦
 lede: "6月よりTIGに入社した伊藤真彦です。入社時点ですでに春の入門祭りは始まっていたのですが、この度飛び入り参加で技術ブログを書かせていただける運びとなりました。さて、初投稿として選んだテーマはdenoです。deno1.0のリリースからしばらくたちましたが、転職の合間に触って遊ぶことができましたので、体験記として紹介させていただきます。"

diff --git a/source/_posts/2020/20200619-春祭り15-webpack.md b/source/_posts/2020/20200619-春祭り15-webpack.md
@@ -4,12 +4,11 @@ date: 2020/06/19 10:19:09
 postid: ""
 tag:
   - webpack
-  - フロントエンド
   - JavaScript
   - Node.js
   - 初心者向け
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200619/thumbnail.png
 author: 二瓶賢
 lede: "JavaScriptでの開発は実行結果が視覚的&ツール周りが充実しているのでプログラミング覚えたての人も楽しみながら進められると思います。一方、開発環境周りは充実しすぎているがゆえ難しいと思ったので記事にしました。"

diff --git a/source/_posts/2020/20200625-春祭り19-chromeextension.md b/source/_posts/2020/20200625-春祭り19-chromeextension.md
@@ -6,7 +6,7 @@ tag:
   - JavaScript
   - ChromeExtension
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200625/thumbnail.png
 author: 彩花谷田
 lede: "現在業務では直接開発をする機会はないのですが、業務の合間を縫って日々プログラミングを勉強中です。

diff --git a/source/_posts/2020/20200702-auth0-cicd.md b/source/_posts/2020/20200702-auth0-cicd.md
@@ -8,7 +8,7 @@ tag:
   - GitLab
   - DevOps
 category:
-  - DevOps
+  - 認証認可
 thumbnail: /images/2020/20200702/thumbnail.png
 author: 市川浩暉
 lede: "私が所属しているプロジェクトでは認証認可基盤としてAuth0を使用しています。検証段階や初期構築段階では各種設定をダッシュボードから操作することが多いと思いますが、実際に本番運用を行っていると、Auth0の設定やRulesのスクリプトをGitで管理し、変更履歴を追えるようにしたいというケースが出てくるかと思います。"

diff --git a/source/_posts/2020/20200730_Redux-Toolkitに学ぶ、TypeScriptの型推論とこれからのAPIデザイン.md b/source/_posts/2020/20200730_Redux-Toolkitに学ぶ、TypeScriptの型推論とこれからのAPIデザイン.md
@@ -7,7 +7,7 @@ tag:
   - Redux
   - React
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200730/thumbnail.png
 author: 澁川喜規
 lede: "TypeScriptは、JavaScriptのさまざまなフリーダムな書き方を受け入れ、漸進的な型付けを行えるようにするという~~狂った~~高難易度な目的のために作成されているのですが、そろそろ、TypeScriptファーストで、利用者にとって使いやすいAPIみたいな方向性で使われることも増えるのでは、という思いを強く持ちました。「"

diff --git a/source/_posts/2020/20200811_ダイエット食のブレイクスルー！低温調理器を自作して鶏むね肉を美味しく食べる.md b/source/_posts/2020/20200811_ダイエット食のブレイクスルー！低温調理器を自作して鶏むね肉を美味しく食べる.md
@@ -8,7 +8,7 @@ tag:
   - Future電子工作部
   - 料理
 category:
-  - Programming
+  - IoT
 thumbnail: /images/2020/20200811/thumbnail.jpg
 author: 筒井悠平
 lede: "こんにちは。筒井です。「コロナ太り」という単語をよく目にする今日この頃ですが、皆さんのお腹の具合はいかがでしょうか。これからダイエットに取り組もうという方は、おそらく鶏むね肉さんのお世話になるかと思います。鶏むね肉は高たんぱく質で、皮を剥いでしまえば脂質も低い食材です。しかし、調理方法に一工夫加えないとぱさついた食感になってしまうデメリットが..."

diff --git a/source/_posts/2020/20200817_Slack×GASの日報テンプレBOTを実務に導入してみた.md b/source/_posts/2020/20200817_Slack×GASの日報テンプレBOTを実務に導入してみた.md
@@ -8,7 +8,7 @@ tag:
   - BOT
   - GAS
 category:
-  - Infrastructure
+  - Frontend
 thumbnail: /images/2020/20200817/thumbnail.png
 author: 仁木美来
 lede: "こんにちは。TIGメディアユニットの仁木です。Slackに投稿するための日報をBOT化・自動化したので自由研究企画に混ぜてもらい記事にすることにしました。毎日共通で書かなければいけないタイトルなどの固定項目やスケジュールの記載を自動化することで、作成時間を短縮し、重要な部分に時間を割けるようになりました"

diff --git a/source/_posts/2020/20200819_Firebaseでお手軽！データ管理画面をつくる.md b/source/_posts/2020/20200819_Firebaseでお手軽！データ管理画面をつくる.md
@@ -9,7 +9,7 @@ tag:
   - フロントエンド
   - 入門
 category:
-  - Infrastructure
+  - Frontend
 thumbnail: /images/2020/20200819/thumbnail.png
 author: 柏木祥子
 lede: "Firebaseを使って画面を開発してみようと思います。下記を最短経路で作ってみます。システムアドミンの人が使うようなマスタデータ管理画面を想定して、限られたユーザーにアクセスを制限すべく、認証機能も入れました。"

diff --git a/source/_posts/2020/20200828_チームで推奨するVSCode拡張機能を共有するtips.md b/source/_posts/2020/20200828_チームで推奨するVSCode拡張機能を共有するtips.md
@@ -7,7 +7,7 @@ tag:
   - チーム開発
   - Tips
 category:
-  - Programming
+  - DevOps
 thumbnail: /images/2020/20200828/thumbnail.png
 author: 市川浩暉
 lede: "プロジェクトにアサインされて、まずやらなければならないのは環境構築だと思います。私が新人としてプロジェクトに参画した頃は、リポジトリのクローンからローカルサーバーを起動させるまでの手順は詳細に記載されていたものの、開発で使用するエディタの説明は特になく、VSCodeに各々が好きな拡張機能をインストールしている状態でした。当時開発経験が浅かった私は開発中に必要となる拡張機能を都度入れていたり、作業を効率化できる拡張機能を入れられておらず、非常に困っていました。"

diff --git a/source/_posts/2020/20200901_Vue.jsで最速に始めるCheetah_Grid.md b/source/_posts/2020/20200901_Vue.jsで最速に始めるCheetah_Grid.md
@@ -8,7 +8,7 @@ tag:
   - CheetahGrid
   - 入門
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200901/thumbnail.png
 author: 吉野貴大
 lede: "2019年入社、TIG所属の吉野貴大です。今回、記事を投稿することになったきっかけは、フューチャー発のOSSであるCheetah Gridを使用した業務システム開発に携わったことです。また、現在、Cheetah Gridの[公式ドキュメント]は英語のみで公開されており、日本語で解説された記事などがあまり存在しないことも挙げられます。そこで、Cheetah Gridは機能も豊富で、業務システム開発で使いやすいため本記事で紹介します。※本記事は入門者対象です。"

diff --git a/source/_posts/2020/20200903_ANTLRを業務で活用した話.md b/source/_posts/2020/20200903_ANTLRを業務で活用した話.md
@@ -9,7 +9,7 @@ tag:
   - 構文解析
   - コアテク
 category:
-  - Infrastructure
+  - Frontend
 thumbnail: /images/2020/20200903/antlr-logo.png
 author: 平岡知隆
 lede: "皆さんは[ANTLR]をご存知でしょうか？ANTLRとはparser(構文解析器)を生成するためのツール(パーサジェネレータ)で、以下のような特徴があります。"

diff --git a/source/_posts/2020/20200907_親子でプログラミング学習　Alexaスキルを作ろう.md b/source/_posts/2020/20200907_親子でプログラミング学習　Alexaスキルを作ろう.md
@@ -8,7 +8,7 @@ tag:
   - JavaScript
   - 子ども
 category:
-  - Programming
+  - Frontend
 thumbnail: /images/2020/20200907/thumbnail.png
 author: 村瀬善則
 lede: "こんにちは。TIG DXチームの村瀬です。今年から小学校でプログラミング教育が必修化になったとのことですが、プログラミングと聞くとまだまだ「難しい」、「私には無理」と言った苦手意識を持つ子供や親も多いのではないでしょうか？そこで今回は幼児～小学校低学年の子供とその親を対象として一家に一台はあるであろうスマートスピーカーのAlexaを使ったプログラミングをすることで、プログラミングが楽しいと思ってもらえるようにブログを書かせてもらいました。※あくまで楽しいと思ってもらえるところまでがゴールなので分岐や繰り返しの話はしません。"

diff --git a/source/_posts/2020/20200909_キーボードを組み立ててみた話.md b/source/_posts/2020/20200909_キーボードを組み立ててみた話.md
@@ -6,7 +6,7 @@ tag:
   - 自作キーボード
   - 電子工作
 category:
-  - Infrastructure
+  - IoT
 thumbnail: /images/2020/20200909/thumbnail.jpg
 author: 井上圭
 lede: "こんにちは。CSIGの井上です。08/28に社内で「ITエンジニア怪談 ～背筋も凍る、ゾッとする話Night～ #3」というものがありました。その中で「自作キーボードの紹介」のLTがあり、キーボード作りたい熱が高まったので、翌日に作ってみた話をします。本記事は、これからキーボード作りたいなぁ、という人を後押しするための記事です。予算は 25,000 - 30,000円 位を見ておくとよいです。"

diff --git a/source/_posts/2020/20200920_Future_Engineer_Camp_2020_参加記.md b/source/_posts/2020/20200920_Future_Engineer_Camp_2020_参加記.md
@@ -8,7 +8,7 @@ tag:
   - インターン2020
   - 工場
 category:
-  - Programming
+  - IoT
 thumbnail: /images/2020/20200920/thumbnail.png
 author: 斎藤賢太
 lede: "皆さん、こんにちは。Future Engineer Camp 2020に参加しました齋藤です。インターンシップやその前のできごとを書いていきます。"