markdownlint fix

Author: ma91n

source/_posts/2021/20210107_Electronの使い方_Web開発の技術でデスクトップアプリを作ろう.md

@@ -127,7 +127,6 @@ Vue CLIの案内に従い、バージョンや構成をいくつか選択しま
 
 <img src="/images/20210107/image_5.png"  style="border:solid 1px #000000" loading="lazy">
 
-
 サーバーが立ち上がり、ブラウザで`localhost:8080`にアクセスするとHello Worldが表示されます。
 
 ここまではVue.jsの説明ですね。このVue.jsアプリケーションをElectron化してみます。
@@ -262,11 +261,9 @@ dist_electronフォルダ配下は画像のような状態です。
 
 <img src="/images/20210107/image_12.png"  style="border:solid 1px #000000" loading="lazy">
 
-
 vue-cli-electron-sample Setup 0.1.0をダブルクリックするとアプリケーションのインストールが開始されます。ちなみに、アプリケーションのバージョン情報は`package.json`記載のバージョンに依存します。
 <img src="/images/20210107/image_13.png" class="img-small-size" loading="lazy">
 
-
 インストールが完了したアプリケーションは一般的なアプリケーション同様に起動することができます。
 <img src="/images/20210107/image_14.png" loading="lazy">
 
@@ -295,7 +292,6 @@ module.exports = {
 
 <img src="/images/20210107/image_15.png" class="img-small-size" loading="lazy">
 
-
 デフォルトの状態ではアイコンが無いため少々寂しいですが、デスクトップアイコンもvue.config.jsで指定することが可能です。
 
 ```js vue.config.js
@@ -322,7 +318,6 @@ module.exports = {
 
 <img src="/images/20210107/image_16.png" class="img-small-size" loading="lazy">
 
-
 アイコンを設定することでそれらしくなってきました。
 
 portable形式でビルドしたものをダブルクリックすると、そのままアプリケーションが起動します。依存しているファイルなどは存在しないため、ビルド成果物の保存場所を移動したり、これだけを他のPCに配布しても問題なく動作します。ただし、何も設定をしないと信頼できないアプリケーションとして扱われてしまいます。
@@ -361,6 +356,7 @@ create-react-app react-electron-sample
 cd react-electron-sample
 npm start
 ```
+
 <img src="/images/20210107/image_18.png" loading="lazy">
 
 無事にHello Worldが起動しました。
@@ -544,7 +540,6 @@ package.jsonに何も設定が無いとdistディレクトリに生成されま
 
 <img src="/images/20210107/image_21.png" class="img-small-size" loading="lazy">
 
-
 作業の抜け漏れ、typoの確認や、理想のディレクトリ構成を検討して迷うコストを鑑みると体感でVue.jsの3倍くらいの時間がかかる感触でした。
 
 既存のReact製アプリをElectron化したい、Vueより慣れてるフレームワークがある、など事情はあると思いますので、どちらが良いかはチーム構成と趣味次第ですが、エッジケースの挙動や脆弱性の穴埋め等をライブラリ側である程度保証してくれるVue CLIプラグインの利点は大きいかなと感じています。
@@ -600,4 +595,3 @@ ElectronはWebの技術で開発可能な、デスクトップアプリケーシ
 余談ですが、昨年の[Qiita クソアプリ Advent Calendar 2020](https://qiita.com/advent-calendar/2020/kuso-app)でもElectronを使った開発事例がありましたね。
 
 お仕事で役立つことはもちろんですが、ちょっとした便利ツールでも、クソアプリ Advent Calendar向けの小ネタでも、いつものWeb開発からちょっと趣向を変えて、デスクトップアプリケーションという選択肢を視野に入れていただければ幸いです。
-

source/_posts/2021/20210108_自分の分身(3Dアバター)と自作ワールドを作ってみた.md

@@ -13,6 +13,7 @@ author: 阿保渚
 lede: "はじめまして！Unity初心者の阿保です。このご時世でフューチャーも完全リモートワークとなり、便利になったことや不便になったことがあります。"
 ---
 # はじめに
+
 はじめまして！Unity初心者の阿保ですଘ(੭ˊ꒳​ˋ)੭
 
 このご時世でフューチャーも完全リモートワークとなり、便利になったことや不便になったことがあります。
@@ -34,20 +35,22 @@ lede: "はじめまして！Unity初心者の阿保です。このご時世で
 まずは顔がいい分身とみんなが穏やかな気持ちになれる仮想世界を作ってみました٩(ˊᗜˋ*)و
 
 # 何を作ったか
+
 * 自分の分身(３Dアバター)
 * 分身を動かす仮想世界
 
 実際に作った自分の分身と仮想世界がこちら↓↓
 <img src="/images/20210108/2020-12-31_18h51_23.png" loading="lazy">
 
-
 # 環境
+
 * windows 10
 * VRoidStudio-v0.11.2
 * Unity Hub 2.4.0
 * Unity 2019.4.9f1
 
 # 自分の分身を作成
+
 まずはVRoidStudioを使って自分のオリジナル3Dアバターを作成します。
 
 VRoidStudioは無料で提供されている3Dモデル作成アプリです。
@@ -68,79 +71,79 @@ https://degifeel.com/vroid-studio-how-to/
 <img src="/images/20210108/2020-12-31_16h33_36.png" loading="lazy">
 
 # 仮想世界の作成
-ここからは[Unityで神になる本](https://www.amazon.co.jp/Unity%E3%81%A7%E7%A5%9E%E3%81%AB%E3%81%AA%E3%82%8B%E6%9C%AC%E3%80%82-%E5%BB%A3-%E9%89%84%E5%A4%AB/dp/4274069222)を参考に仮想世界を作っていきます。
 
+ここからは[Unityで神になる本](https://www.amazon.co.jp/Unity%E3%81%A7%E7%A5%9E%E3%81%AB%E3%81%AA%E3%82%8B%E6%9C%AC%E3%80%82-%E5%BB%A3-%E9%89%84%E5%A4%AB/dp/4274069222)を参考に仮想世界を作っていきます。
 
 * UnityHubから新規3Dプロジェクトを作成
 * 右上のLayoutドロップダウンから2by3を選択
 * まずは大地を作成
-    * Game>3D Object > Terrainの順番に選択
+  * Game>3D Object > Terrainの順番に選択
     <img src="/images/20210108/image.png" loading="lazy">
-    * HierarchyPositionタブに表示されている「Terrain」をクリック
-    * Inspectorタブに表示されている「Position」をX:-500 Y:0 Z:-500に変更し大地が世界の中心にくるようにする
+  * HierarchyPositionタブに表示されている「Terrain」をクリック
+  * Inspectorタブに表示されている「Position」をX:-500 Y:0 Z:-500に変更し大地が世界の中心にくるようにする
     <img src="/images/20210108/2020-12-29_16h05_09.png" loading="lazy">
-    * Ctl + 9でAsset Storeを表示
-    * 「Standard Assets」をインポート
-        * Allボタンで全てにチェックをつけてImportボタンを押下
-    * HierarchyPositionタブに表示されているTerrainを押下
-    * Inspectorタブに表示されているTerrainの筆のアイコンを押下
-    * Edit Terrain Layers...>Create Layerの順に選択
+  * Ctl + 9でAsset Storeを表示
+  * 「Standard Assets」をインポート
+    * Allボタンで全てにチェックをつけてImportボタンを押下
+  * HierarchyPositionタブに表示されているTerrainを押下
+  * Inspectorタブに表示されているTerrainの筆のアイコンを押下
+  * Edit Terrain Layers...>Create Layerの順に選択
     <img src="/images/20210108/2020-12-29_16h30_01.png" loading="lazy">
-    * 検索窓に先ほどImportしたStandard Assetsの地面素材である「GrassRockyAlbedo」を入力し画像を押下する
-    * Textureの枠に画像が設定されていることを確認してダブルクリックすると地面が「GrassRockyAlbedo」に染まる
-    * Inspectorタブに表示されているTerrainの木のアイコンを押下
-    * 「Edit Trees...」>「Add Tree」を選択
-    * Tree Prefabに「Broadleaf_Desktop」という樹木を選択
-    * クリックを長押しすることで地面に木を生やすことができる
+  * 検索窓に先ほどImportしたStandard Assetsの地面素材である「GrassRockyAlbedo」を入力し画像を押下する
+  * Textureの枠に画像が設定されていることを確認してダブルクリックすると地面が「GrassRockyAlbedo」に染まる
+  * Inspectorタブに表示されているTerrainの木のアイコンを押下
+  * 「Edit Trees...」>「Add Tree」を選択
+  * Tree Prefabに「Broadleaf_Desktop」という樹木を選択
+  * クリックを長押しすることで地面に木を生やすことができる
     <img src="/images/20210108/2020-12-29_23h19_22.png" loading="lazy">
-    * Inspectorタブに表示されているTerrainの草花のアイコンを押下
-    * 「Edit Details...」>「Add Grass Texture」を選択
-    * Detail Textureに「Grass」と入力しでてきた好きな草を選択しAddボタンを押下
-    * 木と同じくクリック長押しで草を生やせる
-    * 上記要領で3Dワールドを作りこんでいく
+  * Inspectorタブに表示されているTerrainの草花のアイコンを押下
+  * 「Edit Details...」>「Add Grass Texture」を選択
+  * Detail Textureに「Grass」と入力しでてきた好きな草を選択しAddボタンを押下
+  * 木と同じくクリック長押しで草を生やせる
+  * 上記要領で3Dワールドを作りこんでいく
     <img src="/images/20210108/2020-12-29_23h46_07.png" loading="lazy">
 
 # 3Dワールドに自分の分身を誕生させる
+
 * VRoidStudioで作った分身をUnityで動かせるようにするためのパッケージを導入します。
-    * UniVRMを[github](https://github.com/vrm-c/UniVRM/releases)から最新バージョンを選んでUniVRM-X.XX.X_XXXX.unitypackageをDownload
+  * UniVRMを[github](https://github.com/vrm-c/UniVRM/releases)から最新バージョンを選んでUniVRM-X.XX.X_XXXX.unitypackageをDownload
     <img src="/images/20210108/2020-12-31_10h00_28.png" loading="lazy">
-    * DownloadしたパッケージをUnityのProjectウィンドウにDragu&Dropする
+  * DownloadしたパッケージをUnityのProjectウィンドウにDragu&Dropする
     <img src="/images/20210108/2020-12-31_11h03_42.png" loading="lazy">
-    * Import Unity Packageのダイアログが開くので下の「ALL」>「Import」の順に押下しPackageをImportする
+  * Import Unity Packageのダイアログが開くので下の「ALL」>「Import」の順に押下しPackageをImportする
 * 自分の分身をUnityへImport
-    * VRoidStudioで作成した自分のvrmファイルをUnityのProjectウィンドウのAssetに配下にDragu&Drop
+  * VRoidStudioで作成した自分のvrmファイルをUnityのProjectウィンドウのAssetに配下にDragu&Drop
 * 分身を操作できるようにセットアップ
-    * ここからは分身の操作が見えやすいようにUnity右上のLayoutを「Default」へ変更
-    * SceneにAsset配下の自分の分身(Prefab Asset)ファイルをDrag&Dropで投下
+  * ここからは分身の操作が見えやすいようにUnity右上のLayoutを「Default」へ変更
+  * SceneにAsset配下の自分の分身(Prefab Asset)ファイルをDrag&Dropで投下
     <img src="/images/20210108/2020-12-31_12h08_16.png" loading="lazy">
-    * 自分の分身ファイルを選択した際に表示される右側のInspectorタブのAnimatorのControllerに「ThirdPersonAnimatorController」をセットする
-    * 「Capsule Collider」の値を変化させて分身の大きさを調整する
-        * CenterをX:0 Y:0.8 Z:0に設定
-        * Heightを1.81に設定
+  * 自分の分身ファイルを選択した際に表示される右側のInspectorタブのAnimatorのControllerに「ThirdPersonAnimatorController」をセットする
+  * 「Capsule Collider」の値を変化させて分身の大きさを調整する
+    * CenterをX:0 Y:0.8 Z:0に設定
+    * Heightを1.81に設定
     <img src="/images/20210108/2020-12-31_15h35_19.png" loading="lazy">
-    * 「Third Person Character」の「Ground Check Distance」値を0.3に変化する
-        * 歩く速さなど動作が変化するので自分の好みの値に調整してください
+  * 「Third Person Character」の「Ground Check Distance」値を0.3に変化する
+    * 歩く速さなど動作が変化するので自分の好みの値に調整してください
     <img src="/images/20210108/2020-12-31_14h54_43.png" loading="lazy">
 
 # 分身を動かしてみる
+
 * 動かした際に分身をカメラが追ってくれるように設定
-    * 「Hierarchy」>「Main Camera」を分身フォルダ配下へDrag&Drop
+  * 「Hierarchy」>「Main Camera」を分身フォルダ配下へDrag&Drop
     <img src="/images/20210108/2020-12-31_15h06_30.png" loading="lazy">
-    * 分身フォルダ配下に移動していることを確認
-    * Main Cameraの「Inspector」のMain Cameraのチェックを外す
+  * 分身フォルダ配下に移動していることを確認
+  * Main Cameraの「Inspector」のMain Cameraのチェックを外す
     <img src="/images/20210108/2020-12-31_15h09_58.png" loading="lazy">
-    * Projectの検索窓に「MultipurposeCameraRig」と入力
-    * 表示された「MultipurposeCameraRig」を「Hierarchy」へDrag&Dropする
-    * 「MultipurposeCameraRig」を選択し、右のInspectorに「MultipurposeCameraRig」を表示させる
-    * 「Auto Cam(Script)」のTargetに分身フォルダをDrag&Dropする
+  * Projectの検索窓に「MultipurposeCameraRig」と入力
+  * 表示された「MultipurposeCameraRig」を「Hierarchy」へDrag&Dropする
+  * 「MultipurposeCameraRig」を選択し、右のInspectorに「MultipurposeCameraRig」を表示させる
+  * 「Auto Cam(Script)」のTargetに分身フォルダをDrag&Dropする
     <img src="/images/20210108/2020-12-31_15h40_30.png" loading="lazy">
-    * 上部のPlayボタン(▷)を押下して分身を動かす
-        * w:前進 S:後進 A：右移動 D：左移動 Space：ジャンプ
-
+  * 上部のPlayボタン(▷)を押下して分身を動かす
+    * w:前進 S:後進 A：右移動 D：左移動 Space：ジャンプ
 
 <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">自分の分身(3Dアバター)を自作ワールド<br>で動かした動画をYouTubeに上げましたଘ(੭ˊ꒳​ˋ)੭<br>木と草と空しかないですが汗<a href="https://t.co/3ipaXtujef">https://t.co/3ipaXtujef</a> <a href="https://twitter.com/YouTube?ref_src=twsrc%5Etfw">@YouTube</a>より <a href="https://twitter.com/hashtag/Unity?src=hash&amp;ref_src=twsrc%5Etfw">#Unity</a> <a href="https://twitter.com/hashtag/unity3d?src=hash&amp;ref_src=twsrc%5Etfw">#unity3d</a> <a href="https://twitter.com/hashtag/VRoid?src=hash&amp;ref_src=twsrc%5Etfw">#VRoid</a></p>&mdash; DevAbo (@DevAbo1) <a href="https://twitter.com/DevAbo1/status/1346489578539032576?ref_src=twsrc%5Etfw">January 5, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
-
 ちょっと空もいじってみました。
 
 驚きのジャンプ力ですがいい感じに動いてます(๑òωó๑)

source/_posts/2021/20210112_技術ブログの年間連載予定を発表します.md

@@ -27,23 +27,20 @@ lede: "あけましておめでとうございます。本年もフューチャ
 このときの寄稿者の募集についていくつか課題がありました。
 
 * 募集が開催の1~3ヶ月ほぼ前で準備期間が短いため、すでにネタがある人しか参加できなくなりがち
-    * 本当はもっと初心者の方でも参加できるようにしたい
+  * 本当はもっと初心者の方でも参加できるようにしたい
 * 参加者募集のアナウンスが行き届かない
-    * Technology Innovation Group（TIG）をはじめとした技術部隊が中心になってしまいがち。もう少し全社を巻き込みたい
+  * Technology Innovation Group（TIG）をはじめとした技術部隊が中心になってしまいがち。もう少し全社を巻き込みたい
 
 これらを解決する第一歩として年間計画をブログにして、社内外へ拡散しやすくしようと考えました。
 
-
 ## 2021年の連載計画
 
 <img src="/images/20210112/new-year-resolution-5859760_1280.jpg" alt="" title="USA-ReisebloggerによるPixabayからの画像" loading="lazy">
 
-
 2021/01/12現在、技術ブログ運営にて企画している、公開月を決めて集中的に行う連載計画は以下です。
 
 同月に複数実施することもありますが、並列で走らないように調整する予定です。
 
-
 | 月 | 連載テーマ                                      | 予定数 | 過去の連載                     | 備考 |
 | ---| ---------------------------------------------- | ----- | ------------------------------ | ---------------------------------------------------|
 | 1  | [リモートワーク環境](/articles/20210118/)       | 5     | -                               | リモートワークのデスク周りの環境を共有します（随時）                                    |
@@ -61,15 +58,14 @@ lede: "あけましておめでとうございます。本年もフューチャ
 | 9  | [Python](/articles/20210927b)                   | 5     | -                             | Pythonをテーマとした連載                                    |
 | 10 | [秋の読書週間](/articles/20211027a/)             | 9    | [2020](/articles/20201026/)   | エッセーなど読み物よりをテーマとした連載                       |
 
-
 12月はQiitaアドベントカレンダーを開催予定です。基本的にQiitaでの投稿を想定しています。[2020](https://qiita.com/advent-calendar/2020/future)も実施しています。
 
 ※連載予定は突然変更、入れ替わることがあります。ご了承ください。
 その他候補としては
 
-- [Zuora](/tags/Zuora/)
-- [Auth0](/tags/Auth0/)
-- [SORACOM](/tags/SORACOM/)
+* [Zuora](/tags/Zuora/)
+* [Auth0](/tags/Auth0/)
+* [SORACOM](/tags/SORACOM/)
 
 があります。もしかしたら連載されるかもしれないので、お楽しみに。
 
@@ -80,7 +76,6 @@ lede: "あけましておめでとうございます。本年もフューチャ
 読者の方にとって少しでもタメになる知識を共有し、書き手にとって成長に繋がるようなアウトプットの場所として大いに活用していただければと思います。
 本年もフューチャー技術ブログをよろしくお願いいたします。
 
-
 社員の皆さんへ：
 
 * 気になる連載があったらお気軽にブログ運営者までDMでお声がけください。会議通知など入れますので