Generated by All in One SEO v5.0.0.1, this is an llms.txt file, used by LLMs to index the site.

# miraiportal

想像をカタチに

## Sitemaps

- [XML Sitemap](https://www.miraiportal.com/sitemap.xml): Contains all public & indexable URLs for this website.

## 投稿

- [【AWS】ファイル名を含まないURLへのリクエストにindex.htmlを追加する](https://www.miraiportal.com/add-index-html/) - Amazon CloudFrontのCloudFront Functionsを使用することで、ファイル名や拡張
- [【HTML】HTML5の最小構成](https://www.miraiportal.com/minimal-html5/) - (実用上での)HTML5文書の最小構成です。CSSやJavaScriptの使用は前提としていません。
- [【NestJS】HTTPプロバイダとしてFastifyを使用する](https://www.miraiportal.com/use-fastify-as-http-provider/) - デフォルトのHTTPプロバイダであるExpressから変更することで、HTTPプロバイダとしてFastifyを
- [【NestJS】pingで呼び出すとpongを返すWeb APIを作成する](https://www.miraiportal.com/ping-api-with-nestjs/) - Node.jsのWebフレームワークである「NestJS」を用いることで、pingで呼び出すとpongを返すW
- [【Astro】Copyrightコンポーネントを実装する](https://www.miraiportal.com/copyright-component-in-astro/) - Astroにおいて、Copyrightコンポーネントを実装します。 手順 src/components/Cop
- [【Astro】Marqueeコンポーネントを実装する](https://www.miraiportal.com/marquee-component-in-astro/) - Astroにおいて、Marqueeコンポーネントを実装します。 手順 src/components/Marqu
- [【Astro】外部リンクを新しいタブで開くようにする](https://www.miraiportal.com/open-external-link-in-new-tab/) - 外部リンクであるかを判定してtarget属性に_blankを設定することで、外部リンクを新しいタブで開くように
- [【まとめ】Node.js入門](https://www.miraiportal.com/introduction-to-nodejs/) - これまでに書いた記事の中から、「Node.js入門」というテーマで書いた記事をまとめてみました。 環境構築 H
- [【Express】結合テストを作成する](https://www.miraiportal.com/integration-testing-in-express/) - Node.jsのHTTPサーバをテストするためのライブラリである「SuperTest」を用いることで、Expr
- [【Express】pingで呼び出すとpongを返すWeb APIを作成する](https://www.miraiportal.com/ping-api-with-express/) - Node.jsのWebフレームワークである「Express」を用いることで、pingで呼び出すとpongを返す
- [【Express】単体テストを作成する](https://www.miraiportal.com/unit-testing-in-express/) - Jestが提供するモック関数を利用することで、Expressのハンドラ関数の単体テストを作成します。 ここでは
- [【Jest】現在時刻をモックする](https://www.miraiportal.com/mock-now-date/) - Jestが提供する偽のタイマーを利用することで、現在時刻をモックします。 手順 ファイルを作成し、以下のように
- [【Jest】テストファイルをコンパイル対象から除外する](https://www.miraiportal.com/exclude-test-files-from-compilation/) - tsconfig.jsonのexcludeオプションでテストファイルを設定することで、テストファイル(拡張子「
- [【Jest】テストを実行する](https://www.miraiportal.com/run-tests-using-jest/) - JavaScriptのテスティングフレームワークである「Jest」を使用して、テストを実行します。 手順 以下
- [【Node.js】現在時刻を文字列として取得する](https://www.miraiportal.com/get-now-date-as-string/) - 日時を操作するためのライブラリである「date-fns」と「date-fns-tz」を用いることで、タイムゾー
- [【Node.js】ディレクトリを再帰的に削除する](https://www.miraiportal.com/remove-directory-recursively/) - UNIXコマンドの「rm -rf」に相当する機能を提供するモジュールである「rimraf」を用いることで、ディ
- [【Node.js】TypeScriptをJavaScriptにコンパイルする](https://www.miraiportal.com/compile-typescript-to-javascript/) - TypeScriptコンパイラである「tsc」を使用して、TypeScriptをJavaScriptにコンパイ
- [【Node.js】TypeScriptを事前にコンパイルせずに直接実行する](https://www.miraiportal.com/execute-typescript-directly-without-precompiling/) - Node.js用のTypeScript実行エンジン(とREPL)である「ts-node」を用いることで、Typ
- [【Node.js】ファイルの変更を検知して、プロセスを自動で再起動する(ホットリロード)](https://www.miraiportal.com/restart-automatically-when-file-modified/) - TypeScriptに対応したNode.js用の開発ツールである「ts-node-dev」を用いることで、ファ
- [【Python】FizzBuzz問題の解答例](https://www.miraiportal.com/fizzbuzz-in-python/) - PythonによるFizzBuzz問題の(個人的に好きな)解答例です。 def fizzbuzz(num: i
- [【Node.js】テキストファイルの内容を文字列の配列として読み込む](https://www.miraiportal.com/import-txt-as-array/) - Node.jsの組み込みモジュールであるfsモジュールのreadFileSyncメソッドを用いることで、テキス
- [【Node.js】Node.jsでHello, world!](https://www.miraiportal.com/hello-world-in-nodejs/) - Node.jsのプロジェクトを作成し、コンソールに「Hello, world!」を出力します。 手順 以下のコ
- [【Node.js】pingで呼び出すとpongを返すWeb APIを作成する](https://www.miraiportal.com/ping-api-in-nodejs/) - Node.jsの組み込みモジュールであるhttpモジュールを用いることで、pingで呼び出すとpongを返すW
- [【Node.js】オブジェクトをJSONファイルとして書き出す](https://www.miraiportal.com/export-object-as-json/) - Node.jsの組み込みモジュールであるfsモジュールのwriteFileSyncメソッドを用いることで、オブ
- [【Node.js】文字列の配列をテキストファイルとして書き出す](https://www.miraiportal.com/export-array-as-txt/) - Node.jsの組み込みモジュールであるfsモジュールのwriteFileSyncメソッドを用いることで、文字
- [【Node.js】JSONファイルの内容をオブジェクトとして読み込む](https://www.miraiportal.com/import-json-as-object/) - Node.jsの組み込みモジュールであるfsモジュールのreadFileSyncメソッドを用いることで、JSO
- [【Python】rtxを用いたPythonの環境構築](https://www.miraiportal.com/setup-python-using-rtx/) - 多言語対応ランタイムマネージャである「rtx」を用いて、Pythonの実行環境を構築します。 手順 以下のコマ
- [【Rust】rtxを用いたRustの環境構築](https://www.miraiportal.com/setup-rust-using-rtx/) - 多言語対応ランタイムマネージャである「rtx」を用いて、Rustの実行環境を構築します。 手順 以下のコマンド
- [【Node.js】Node.jsのバージョンを強制する](https://www.miraiportal.com/force-nodejs-version/) - package.jsonのenginesという項目にバージョンを指定することで、プロジェクト内で使用するNod
- [【Node.js】npmの使用を強制する](https://www.miraiportal.com/force-use-of-npm/) - package.jsonのenginesという項目に存在しないバージョンを設定することで、プロジェクト内で使用
- [【Jest】タイムゾーンをモックする](https://www.miraiportal.com/mock-timezone/) - ローカルタイムゾーンをモックするためのライブラリである「timezone-mock」を用いることで、テストごと
- [【AWS】wwwなしからwwwありのURLにリダイレクトさせる](https://www.miraiportal.com/redirect-to-www/) - Amazon CloudFrontのCloudFront Functionsを使用することで、wwwなしからw
- [【AWS】特定のパスへのアクセスを特定のIPアドレスからのみに制限する](https://www.miraiportal.com/restrict-access-to-paths-by-ip/) - Amazon CloudFrontのCloudFront Functionsを使用することで、特定のパスへのア
- [【Node.js】Node.jsのバージョンを自動で切り替える](https://www.miraiportal.com/switch-nodejs-version-automatically/) - .node-versionというファイルにプロジェクト内で使用するバージョンを指定することで、プロジェクトのデ
- [【Node.js】rtxを用いたNode.jsの環境構築](https://www.miraiportal.com/setup-nodejs-using-rtx/) - 多言語対応ランタイムマネージャである「rtx」を用いて、Node.jsの実行環境を構築します。 手順 以下のコ
- [FizzBuzz問題の問題文](https://www.miraiportal.com/fizzbuzz-question/) - FizzBuzz問題 1から100までの数字を表示するプログラムを書きなさい。ただし、3の倍数である場合は数字
- [【Git】ファイルをインデックスに追加せずにコミットする(空コミット)](https://www.miraiportal.com/empty-commit/) - コミット時に--allow-emptyオプションを用いることで、ファイルがインデックスに追加されていなくてもコ
- [【Git】リポジトリを作成する](https://www.miraiportal.com/git-init/) - 今回は、ディレクトリを作成するところから始める。 ターミナルを開いて、以下のコマンドを実行する。 ①ディレクト
- [【p5.js】light](https://www.miraiportal.com/day6/) - sketch.js let light; function preload() { light = loadS
- [【p5.js】box](https://www.miraiportal.com/day5/) - function setup() { createCanvas(400, 400, WEBGL); creat
- [【p5.js】radius.gif](https://www.miraiportal.com/day4/)
- [【p5.js】spiral](https://www.miraiportal.com/day3/) - function setup() { createCanvas(400, 400); background(2
- [【p5.js】cycle](https://www.miraiportal.com/day2/) - function setup() { createCanvas(400, 400); background(2
- [【p5.js】sin](https://www.miraiportal.com/day1/) - function setup() { createCanvas(400, 400); background(2
- [【p5.js】プレイヤー正面の配列によって描画を変える](https://www.miraiportal.com/draw-front-view/) - プレイヤー正面の配列によって疑似3D迷路の描画を変える。 const arr = [[1,1,
- [【p5.js】ワイヤーフレームを描画する](https://www.miraiportal.com/draw-wireframe/) - 疑似3D迷路のワイヤーフレームを描画する。 function setup() { createCanvas(4
- [【React】迷路に合わせて床の大きさを自動で調整する](https://www.miraiportal.com/generate-adjusted-plane-ts/) - 迷路のサイズと Cube の大きさに合わせて迷路の床の大きさを調整する。 App.tsx import Rea
- [【React】迷路を生成する](https://www.miraiportal.com/generate-maze-ts/) - CubeとPlaneを用いて、迷路を生成する。 App.tsx import React from 'reac
- [【React】オブジェクトを複製する](https://www.miraiportal.com/duplicate-object-react/) - 同じジオメトリとマテリアルから作成したメッシュをシーンに追加することでオブジェクトを複製する。 App.tsx
- [【React】オブジェクトの位置を変更する](https://www.miraiportal.com/set-position-react/) - positionやrotationプロパティでオブジェクトの位置を変更する。 App.tsx import R
- [【React】オブジェクトを生成する](https://www.miraiportal.com/add-mesh-to-scene-react/) - ジオメトリとマテリアルから作成したメッシュをシーンに追加する。 App.tsx import React fr
- [【まとめ】Python(CGI)で掲示板](https://www.miraiportal.com/bbs-with-python-cgi/) - これまでに書いた記事の中から、「Python(CGI)で掲示板」というテーマで書いた記事をまとめてみました。
- [【まとめ】Pythonでライフゲーム](https://www.miraiportal.com/lifegame-with-python/) - これまでに書いた記事の中から、「Pythonでライフゲーム」というテーマで書いた記事をまとめてみました。
- [【Pygame】ライフゲームをGUIで実行する](https://www.miraiportal.com/lifegame-with-gui/) - 格子の中に生きているセルを描画するために_draw_cellsメソッドを作成し、ライフゲームをGUIで実行でき
- [【Pygame】格子を描画する](https://www.miraiportal.com/draw-grid/) - 格子を描画するために_draw_gridメソッドを作成する。 import pygame import sys
- [【まとめ】TypeScriptで迷路](https://www.miraiportal.com/maze-with-ts/) - これまでに書いた記事の中から、「TypeScriptで迷路」というテーマで書いた記事をまとめてみました。
- [【React】迷路を描画する](https://www.miraiportal.com/draw-maze-ts/) - Canvasに迷路を描画する。 Canvas.tsx import React, { useEffect }
- [【React】楕円を描画する](https://www.miraiportal.com/ellipse-react/) - ellipse関数でCanvasに楕円を描画する。 import React, { useEffect } f
- [【React】直線を描画する](https://www.miraiportal.com/line-react/) - line関数でCanvasに直線を描画する。 import React, { useEffect } from
- [【React】四角形を描画する](https://www.miraiportal.com/rect-react/) - rect関数でCanvasに四角形を描画する。 import React, { useEffect } fro
- [【React】Canvasを作成する](https://www.miraiportal.com/create-canvas-react/) - createCanvas関数でスケッチを描画するためのcanvas要素を作成する。 import React,
- [【まとめ】Three.jsで迷路](https://www.miraiportal.com/maze-with-threejs/) - これまでに書いた記事の中から、「Three.jsで迷路」というテーマで書いた記事をまとめてみました。
- [【まとめ】JavaScriptで迷路](https://www.miraiportal.com/maze-with-js/) - これまでに書いた記事の中から、「p5.jsで迷路」というテーマで書いた記事をまとめてみました。
- [【Pillow】PNG画像からGIFアニメーションを作成する](https://www.miraiportal.com/gif-from-png/) - 以下の記事で保存したPNG画像からGIFアニメーションを作成する。 from PIL import Image
- [【Pillow】マスク画像を使用して画像を合成する](https://www.miraiportal.com/composite/) - compositeメソッドで2枚の画像をマスク画像を使用して合成する。 from PIL import Ima
- [【Pillow】ゲーミングカラーの画像を作成する](https://www.miraiportal.com/gaming/) - import numpy as np from PIL import Image line_data = np
- [【Pillow】カラー画像をグレイスケールに変換する](https://www.miraiportal.com/convert-gray/) - convertメソッドの引数を "L" に設定し、カラー画像をグレイスケールに変換する。 from PIL i
- [【Processing】GIFアニメーションを作成する](https://www.miraiportal.com/gif-animation/) - gifAnimation というライブラリを用いて、アニメーションを作成する。 import gifAnima
- [【まとめ】Pythonで音声処理](https://www.miraiportal.com/speech-processing-with-python/) - これまでに書いた記事の中から、「Pythonで音声処理」というテーマで書いた記事をまとめてみました。
- [【まとめ】Unityで迷路](https://www.miraiportal.com/maze-with-unity/) - これまでに書いた記事の中から、「Unityで迷路」というテーマで書いた記事をまとめてみました。
- [【まとめ】C#で迷路](https://www.miraiportal.com/maze-with-cs/) - これまでに書いた記事の中から、「C#で迷路」というテーマで書いた記事をまとめてみました。
- [【まとめ】Pythonで迷路](https://www.miraiportal.com/maze-with-python/) - これまでに書いた記事の中から、「Pythonで迷路」というテーマで書いた記事をまとめてみました。
- [【まとめ】Pythonで競プロ](https://www.miraiportal.com/kyopro-with-python/) - これまでに書いた記事の中から、「Pythonで競プロ」というテーマで書いた記事をまとめてみました。
- [【Processing】文字の入った画像を作成する](https://www.miraiportal.com/moji/) - フォントの名前とサイズを設定して、createFont関数でフォントを動的に作成する。 size(1280,7
- [【Processing】真っ白な画像を作成する](https://www.miraiportal.com/white/) - 画像のサイズと背景の色を設定して、save関数で画像を作成する。 size(1280,720); backgr
- [【2020年下半期】お気に入り記事5選](https://www.miraiportal.com/favorite5-2020h2/) - 2020年下半期は実質3ヶ月しか書いていなかった上半期と比べて選ぶのに困るくらい最後までチョコたっぷりといった
- [【2020年】12月の振り返り](https://www.miraiportal.com/lookback-2020-12/) - 今月は10の記事を書きました。 先月の振り返りにも書いたように、かごんま Advent Calendar 20
- [【Blender】迷路に合わせて床の大きさを自動で調整する](https://www.miraiportal.com/generate-adjusted-plane-blender/) - Scriptingタブから新規テキストデータブロックを作成し、以下のように編集する。 import bpy i
- [【Blender】迷路を生成する](https://www.miraiportal.com/generate-maze-blender/) - Scriptingタブから新規テキストデータブロックを作成し、以下のように編集する。 import bpy i
- [【MagicaVoxel】3Dモデルを作成する](https://www.miraiportal.com/create-3dmodel/) - MagicaVoxelを用いて、下記のサイトで配布されている素体をベースに霧矢あおいちゃんの3Dモデルを作成し
- [【Unity】ユニティちゃんを動かす](https://www.miraiportal.com/unitychan/) - 迷路を生成して、その上でユニティちゃんを動かしてみる。 ②Asset Store から Unity-Chan!
- [【Unity】迷路に合わせて床の大きさを自動で調整する](https://www.miraiportal.com/generate-adjusted-plane-unity/) - 迷路のサイズと Cube の大きさに合わせて迷路の床の大きさを調整する。 MazeController.cs
- [【Unity】迷路を生成する](https://www.miraiportal.com/generate-maze-unity/) - Assets で右クリックし、Create から C# Script を選択してファイルを作成する。ファイル名
- [【Unity】オブジェクトを複製する](https://www.miraiportal.com/instantiate/) - Instantiate関数を用いて、Wall を複製する。 using System.Collections;
- [【Unity】オブジェクトの親子関係を設定する](https://www.miraiportal.com/transform-parent/) - transform.parentプロパティを用いて、Wall を Cube の親要素として設定する。 usin
- [【Unity】オブジェクトの位置を変更する](https://www.miraiportal.com/transform-position/) - transform.positionプロパティを用いて、オブジェクトの位置を変更する。 using Syste
- [【Unity】スクリプトでオブジェクトを生成する](https://www.miraiportal.com/create-primitive/) - ①Unityを起動する。 ②Hierarchyウィンドウの +ボタン をクリック、Create Empty を
- [【LTspice】wavファイルを入力信号として読み込む](https://www.miraiportal.com/wav-input/) - wavefile にwavファイルを設定して入力信号として読み込む。 参考
- [【LTspice】出力信号をwavファイルとして書き出す](https://www.miraiportal.com/wav-output/) - .waveコマンドで出力信号をwavファイルとして書き出す。 参考
- [【LTspice】ビヘイビア電圧源で比較器を作成する](https://www.miraiportal.com/comparator-by-bv/) - ビヘイビア電源を用いて、比較器を作成する。 Comparator_by_bv.asc Comparator_b
- [【入門】CUIでGitをはじめる](https://www.miraiportal.com/git-with-cui/) - この記事は、GitコマンドやLinuxコマンドを実行する流れを通して、GitやGitHubの基本的な使い方を覚
- [【Git】プルリクエストを作成する](https://www.miraiportal.com/pull-request/) - 以下の記事の続きの内容となる。 ターミナルでの操作 ターミナルを開いて、以下のコマンドを実行する。 ①ブランチ
- [【Git】リモートリポジトリの変更履歴を取り込む(プルする)](https://www.miraiportal.com/git-pull/) - 以下の記事の続きの内容となる。 今回は、GitHub上でファイルを修正してコミットし、その変更履歴をローカルリ
- [【Git】リポジトリを複製する(クローンする)](https://www.miraiportal.com/git-clone/) - 以下の記事の続きの内容となる。 今回は、別のパソコンにGitHub上のリポジトリを複製することを想定する。その
- [【Git】リモートリポジトリの変更履歴を更新する(プッシュする)](https://www.miraiportal.com/git-push/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 git push -u ori
- [【Git】リモートリポジトリを追加する](https://www.miraiportal.com/git-remote-add/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 git remote add
- [【Git】GitHubにリモートリポジトリを作成する](https://www.miraiportal.com/create-remote-repository/) - 以下の記事の続きの内容となる。 ①GitHubにサインインする。 ②New と書かれたボタンをクリックする。
- [【Git】ブランチを統合する(マージする)](https://www.miraiportal.com/git-merge/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 ①ファイルを編集する。 今回は
- [【Git】ブランチを切り替える](https://www.miraiportal.com/git-checkout/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 git checkout de
- [【Git】ブランチを作成する](https://www.miraiportal.com/git-branch/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 git branch deve
- [【Git】変更内容をリポジトリに記録する(コミットする)](https://www.miraiportal.com/git-commit/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 git commit -m "
- [【Git】ファイルをインデックスに追加する](https://www.miraiportal.com/git-add/) - 以下の記事の続きの内容となる。 ターミナルを開いて、以下のコマンドを実行する。 ①ファイルを作成する。 tou
- [夏の終わり](https://www.miraiportal.com/summer-ends/) - 8月31日ですね。 大学生やオタクにとってはもうしばらく夏なのかもしれませんが、やはり「夏の終わり」を感じてし
- [【Python】npyファイルから読み込んだ音を演奏する](https://www.miraiportal.com/playing-npy-sound/) - 以下の記事で書き出した TONES.npy と melody.npy を配列として読み込むことで、演奏する音を
- [【NumPy】npyファイルを配列として読み込む](https://www.miraiportal.com/load-npy/) - 以下の記事で書き出した TONES.npy と melody.npy をloadメソッドで配列として読み込む。
- [【Python】ドレミの音を演奏する](https://www.miraiportal.com/playing-sound/) - 音階(音の高さ)と音価(音の長さ)を指定して、それらをつなげたものをwavファイルに書き出す。 import
- [【LaTeX】ソースコードを表示する](https://www.miraiportal.com/code-latex/) - listingsパッケージ を使用して、ソースコードをそのまま表示する。 \documentclass&#91
- [【2020年】7月の振り返り](https://www.miraiportal.com/lookback-2020-07/) - 今月は23の記事を書きました。 主な内容としては、・人工知能・Arduino・音声処理といった感じです。 人工
- [【NumPy】様々な波形の周波数スペクトルを出力する](https://www.miraiportal.com/various-wave-fft/) - 〇正弦波のラ(440Hz)の周波数スペクトル import numpy as np import matplo
- [【NumPy】FFTによって周波数スペクトルを求める](https://www.miraiportal.com/fft/) - fft()メソッドでFFT(高速フーリエ変換)を行い、波形の周波数スペクトルを求める。 import nump
- [【Python】音声を波形として読み込む](https://www.miraiportal.com/sound-to-wave/) - Pythonのwaveモジュールを用いて、wavファイルの音声を波形として読み込む。 今回は、以下の記事で作成
- [【Python】様々な波形の音を鳴らす](https://www.miraiportal.com/various-wave-sound/) - 〇正弦波のラ(440Hz)の音 import numpy as np import matplotlib.py
- [【Python】波形を音声として書き出す](https://www.miraiportal.com/wave-to-sound/) - Pythonのwaveモジュールを用いて、波形の音声をwavファイルとして書き出す。 import numpy
- [【SciPy】のこぎり波を出力する](https://www.miraiportal.com/sawtooth-wave/) - sawtooth()メソッドでのこぎり波の配列を取得する。 import numpy as np from s
- [【SciPy】三角波を出力する](https://www.miraiportal.com/triangle-wave/) - sawtooth()メソッドの第二引数を 0.5 に設定し、三角波の配列を取得する。 import numpy
- [【SciPy】矩形波を出力する](https://www.miraiportal.com/square-wave/) - square()メソッドで矩形波の配列を取得する。 import numpy as np from scipy
- [【Arduino】BluetoothでPS3コントローラと接続する](https://www.miraiportal.com/ps3bt/) - 〇必要なもの・Arduino Uno・USBホストシールド・Bluetoothアダプタ・PS3コントローラ +
- [【Python】シグモイド関数を実装する](https://www.miraiportal.com/sigmoid/) - import numpy as np def sigmoid(x): return 1 / (1 + np.e
- [【Beamer】Beamerの最小構成](https://www.miraiportal.com/minimum-beamer/) - \documentclass[unicode,12pt]{beamer} \usetheme{metr
- [【Python】パーセプトロンでXORゲートを実装する](https://www.miraiportal.com/xor-by-perceptron/) - パーセプトロンを用いて、XORゲートを実装する。 import numpy as np def AND(x1,
- [【Python】パーセプトロンでORゲートを実装する](https://www.miraiportal.com/or-by-perceptron/) - パーセプトロンを用いて、ORゲートを実装する。 import numpy as np def OR(x1, x
- [【Python】パーセプトロンでNANDゲートを実装する](https://www.miraiportal.com/nand-by-perceptron/) - パーセプトロンを用いて、NANDゲートを実装する。 import numpy as np def NAND(x
- [【Python】パーセプトロンでANDゲートを実装する](https://www.miraiportal.com/and-by-perceptron/) - パーセプトロンを用いて、ANDゲートを実装する。 import numpy as np def AND(x1,
- [【2020年上半期】お気に入り記事5選](https://www.miraiportal.com/favorite5-2020h1/) - 2020年上半期とはいっても、このブログをはじめたのが2月だったり3月は一切更新しなかったりで実質3ヶ月しか書
- [【CircuiTikZ】回路図を作成する](https://www.miraiportal.com/draw-circuitikz/) - CircuiTikZパッケージ を使用して、回路図を作成する。 \documentclass[11pt
- [【TikZ】グラフを作成する](https://www.miraiportal.com/plot-tikz/) - TikZパッケージ を使用して、グラフを作成する。 \documentclass[11pt,a4pap
- [【LaTeX】図表を中央寄せする](https://www.miraiportal.com/centering/) - centeringコマンド を使用する。 \documentclass[11pt,a4paper]{l
- [【LaTeX】図表を記述した位置に強制的に出力する](https://www.miraiportal.com/figure-h/) - figure環境 の位置指定で htbp のように指定すると、意図しない位置に図表が出力されることがある。 \
- [【LaTeX】画像を挿入する](https://www.miraiportal.com/includegraphics/) - graphicxパッケージの includegraphicsコマンド を使用する。 \documentclas
- [【Matplotlib】グラフを画像として出力する](https://www.miraiportal.com/savefig/) - savefig()メソッド で現在の図を保存する。 〇一次関数のグラフ import numpy as np
- [【LaTeX】表を作成する](https://www.miraiportal.com/table-latex/) - table環境 と tabular環境 を使用して作成する。 \documentclass[11pt,
- [【LaTeX】LaTeXの最小構成](https://www.miraiportal.com/minimum-latex/) - \documentclass[11pt,a4paper]{ltjsarticle} \begin{do
- [【LTspice】NOR回路でOR回路を作成する](https://www.miraiportal.com/or-by-nor/) - NOR回路を用いて、OR回路を作成する。 OR_by_NOR.asc OR_by_NOR.asy
- [【LTspice】NOR回路でAND回路を作成する](https://www.miraiportal.com/and-by-nor/) - NOR回路を用いて、AND回路を作成する。 AND_by_NOR.asc AND_by_NOR.asy
- [【LTspice】NOR回路でNOT回路を作成する](https://www.miraiportal.com/not-by-nor/) - NOR回路を用いて、NOT回路を作成する。 NOT_by_NOR.asc NOT_by_NOR.asy
- [【LTspice】NAND回路でOR回路を作成する](https://www.miraiportal.com/or-by-nand/) - NAND回路を用いて、OR回路を作成する。 OR_by_NAND.asc OR_by_NAND.asy
- [【LTspice】NAND回路でAND回路を作成する](https://www.miraiportal.com/and-by-nand/) - NAND回路を用いて、AND回路を作成する。 AND_by_NAND.asc AND_by_NAND.asy
- [【LTspice】NAND回路でNOT回路を作成する](https://www.miraiportal.com/not-by-nand/) - NAND回路を用いて、NOT回路を作成する。 NOT_by_NAND.asc NOT_by_NAND.asy
- [【LTspice】MOSFETでNOR回路を作成する](https://www.miraiportal.com/nor-by-mos/) - MOSFET(NMOSとPMOS)を用いて、NOR回路を作成する。 NOR_by_MOS.asc NOR_by
- [【LTspice】MOSFETでNAND回路を作成する](https://www.miraiportal.com/nand-by-mos/) - MOSFET(NMOSとPMOS)を用いて、NAND回路を作成する。 NAND_by_MOS.asc NAND
- [【LTspice】MOSFETでNOT回路を作成する](https://www.miraiportal.com/not-by-mos/) - MOSFET(NMOSとPMOS)を用いて、NOT回路を作成する。 NOT_by_MOS.asc NOT_by
- [【LTspice】4bit減算器を作成する](https://www.miraiportal.com/4bit-subtractor/) - 以前作成した全加算器を用いて、4bit減算器を作成する。 4bitSubtractor.asc 4bitSub
- [【LTspice】全加算器を作成する](https://www.miraiportal.com/fulladder/) - 以前作成した半加算器を用いて、全加算器を作成する。 FullAdder.asc FullAdder.asy
- [【LTspice】3bit加算器を作成する](https://www.miraiportal.com/3bit-adder/) - 以前作成した半加算器と全加算器を用いて、3bit加算器を作成する。 3bitAdder.asc 一番左の四角が
- [【LTspice】半加算器を作成する](https://www.miraiportal.com/halfadder/) - HalfAdder.asc HalfAdder.asy
- [【Firebase】閲覧機能を実装する](https://www.miraiportal.com/browsing/) - firebase.js import { initializeApp } from "firebase/app
- [【Firebase】プレビュー機能を実装する](https://www.miraiportal.com/preview/) - firebase.js import { initializeApp } from "firebase/app
- [【Firebase】ボタンを押したとき送信されるようにする](https://www.miraiportal.com/submit-button-pressed/) - firebase.js import { initializeApp } from "firebase/app
- [【Firebase】複数のファイルをアップロードできるようにする](https://www.miraiportal.com/upload-multiple-files/) - firebase.js import { initializeApp } from "firebase/app
- [【Firebase】画像ファイルのみアップロードできるようにする](https://www.miraiportal.com/accept-upload-image/) - firebase.js import { initializeApp } from "firebase/app
- [【Firebase】ファイルをStorageにアップロードする](https://www.miraiportal.com/upload-to-storage/) - firebase.js import { initializeApp } from "firebase/app
- [【React】inputタグでファイルを取得する](https://www.miraiportal.com/file-with-input/) - App.jsx import React from 'react'; import Upload from '
- [【Terraform】Route53で独自ドメインを設定する](https://www.miraiportal.com/route53-with-terraform/) - 目標 Route53で独自ドメインを設定する。 やること ドメインの登録レコードの作成 ドメインの登録 .co
- [【Terraform】S3で静的なWebサイトを公開する](https://www.miraiportal.com/s3-with-terraform/) - 目標 S3で静的なWebサイトを公開する。 やること バケットの作成静的ウェブサイトホスティングの有効化バケッ
- [【AWS】Route53で独自ドメインを設定する](https://www.miraiportal.com/domain-with-route53/) - 目標 Route53で独自ドメインを設定する。 やること ドメインの登録レコードの作成 ドメインの登録 .co
- [【AWS】S3で静的なWebサイトを公開する](https://www.miraiportal.com/website-by-s3/) - 目標 S3で静的なWebサイトを公開する。 やること バケットの作成静的ウェブサイトホスティングの有効化バケッ
- [2022年の抱負](https://www.miraiportal.com/resolution-2022/) - 今年は言語や領域にとらわれず、自由にやりたいことをやっていくための基盤を築いていきたいです。
- [【p5.js】noise](https://www.miraiportal.com/day7/) - sketch.js let noise; function preload() { noise = loadS
- [【HTML】音声を再生する](https://www.miraiportal.com/audio/)
- [【p5.js】疑似3D迷路を描画する](https://www.miraiportal.com/draw-pseudo3d-maze/) - 疑似3D迷路を描画する。 let p1, m1, arr; function setup() { create
- [【p5.js】プレイヤー正面の配列を取得する](https://www.miraiportal.com/get-front-view/) - プレイヤー正面の配列を取得する。 let p1, arr; const maze = [ [1
- [【p5.js】十字キーでプレイヤーの位置と方向を変更する](https://www.miraiportal.com/change-position-direction/) - 十字キーでプレイヤーの位置と方向を変更する。 let p1; const arr = [[1,
- [【2021年】7月の振り返り](https://www.miraiportal.com/lookback-2021-7/) - 今月はダンジョン生成アルゴリズムをやろうと思っていましたが、最近Webについてなんとなく分かってきたということ
- [【Python】CGIで掲示板を作成する](https://www.miraiportal.com/bbs-with-cgi/) - cgiモジュールを用いて、掲示板を作成する。 import cgi import cgitb import s
- [【Python】データベースから読み込んだ内容を表示する](https://www.miraiportal.com/db-to-display/) - データベースから読み込んだ内容を表示する。 import cgi import cgitb import sy
- [【Python】フォームから送信された内容をデータベースに書き込む](https://www.miraiportal.com/form-to-db/) - フォームから送信された内容をデータベースに書き込む。 import cgi import cgitb impo
- [【Python】フォームからデータを送信する](https://www.miraiportal.com/submit-from-form/) - cgiモジュールを用いて、フォームから送信された内容を取得する。 import cgi import cgit
- [【HTML】フォームを作成する](https://www.miraiportal.com/form/) - formタグやinputタグを用いてフォームを作成する。
- [【SQLite】データベースからデータを削除する](https://www.miraiportal.com/delete-data/) - データベースからデータを削除するためにdelete_dataメソッドを作成する。 import sqlite3
- [【SQLite】データベースからデータを読み込む](https://www.miraiportal.com/read-data/) - データベースからデータを読み込むためにread_dataメソッドを作成する。 import sqlite3 i
- [【SQLite】データベースにデータを書き込む](https://www.miraiportal.com/write-data/) - データベースにデータを書き込むためにwrite_dataメソッドを作成する import sqlite3 im
- [【SQLite】データベースにテーブルを作成する](https://www.miraiportal.com/create-table/) - データベースにテーブルを作成するためにcreate_tableメソッドを作成する。 import sqlite
- [【SQLite】データベースを作成する](https://www.miraiportal.com/create-db/) - データベースを作成するためにcreate_bdメソッドを作成する。 import sqlite3 import
- [【2021年】6月の振り返り](https://www.miraiportal.com/lookback-2021-6/) - 新しい生活がはじまって1ヶ月が経ちました。 できること、やりたいことが増えて毎日楽しいですね。 今月はダンジョ
- [【Pygame】セル編集機能を実装する](https://www.miraiportal.com/edit-cells/) - 格子をクリックすることでセルの生死を切り替えるために_edit_cellsメソッドを作成する。 import
- [【Pygame】コマ送り機能を実装する](https://www.miraiportal.com/advance-frame/) - エンターキーを押すことでセルの更新をコマ送りで実行するために_advance_frameメソッドを作成する。
- [【Pygame】実行・停止機能を実装する](https://www.miraiportal.com/switch-run-stop/) - スペースキーを押すことでセルの更新の実行と停止を切り替えるために_switch_run_stopメソッドを作成
- [【Python】ライフゲームをCUIで実行する](https://www.miraiportal.com/lifegame-with-cui/) - 2次元配列を次の世代のセルに更新するためにupdate_cellsメソッドを作成し、ライフゲームをCUIで実行
- [【Python】次の世代のセルの生死を判定する](https://www.miraiportal.com/check-rules/) - ライフゲームのルールに従って、周辺のセル(ムーア近傍)の生きているセルの合計から次の世代のセルの生死を判定する
- [【Python】2次元配列を1次元配列に変換する(平坦化)](https://www.miraiportal.com/flatten/) - 周辺のセル(ムーア近傍)の生きているセルの合計を求めるため、2次元配列を1次元配列に変換(平坦化)するflat
- [【Python】周辺のセル(ムーア近傍)を取得する](https://www.miraiportal.com/get-around-cells/) - 任意のセルの周辺のセル(ムーア近傍)を取得するためにget_around_cellsメソッドを作成する。 cl
- [【Python】ライフゲームの初期状態を作成する](https://www.miraiportal.com/initial-state-lifegame/) - ライフゲームの初期状態を2次元配列で作成する。 class LifeGame: def __init__(se
- [【2021年】5月の振り返り](https://www.miraiportal.com/lookback-2021-5/) - 今月は記事を書けませんでした。もしかしたら、これから書くかもしれません。 〇ゆるい近況報告・Helltaker
- [【React】クリア画面を表示する](https://www.miraiportal.com/render-gameclear-ts/) - プレイヤーがゴールに到達したら「Game Clear!!」を出力する。 Canvas.tsx import R
- [【React】十字キーから入力を受け取る](https://www.miraiportal.com/input-from-dpad-ts/) - 十字キーから入力を受け取り、迷路を移動できるようにする。 Canvas.tsx import React, {
- [【React】壁伸ばし法で迷路を生成する](https://www.miraiportal.com/set-maze-kabenobashi-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁伸ばし法で迷路を生成
- [【React】穴掘り法で迷路を生成する](https://www.miraiportal.com/set-maze-anahori-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって穴掘り法で迷路を生成す
- [【React】迷路のスタートからの距離を出力する](https://www.miraiportal.com/print-dist-ts/) - スタートからの距離と壁を距離の最大値の桁数に合わせて出力する。 Canvas.tsx import React
- [【React】深さ優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-dfs-ts/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで深さ優先探索で迷路を探索し、探索した
- [【React】幅優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-bfs-ts/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで幅優先探索で迷路を探索し、探索した通
- [【React】迷路の最短経路を出力する](https://www.miraiportal.com/set-shortest-path-ts/) - スタートからゴールまでの距離を2次元配列で表現して、最短経路の通路を「 」(半角スペース)から「*」に置き換え
- [【React】迷路のスタートとゴールを設定する](https://www.miraiportal.com/set-start-goal-ts/) - 迷路のスタートとゴールを座標によって設定し、スタートを「S」、ゴールを「G」として出力する。 Canvas.t
- [【React】棒倒し法で迷路を生成する](https://www.miraiportal.com/set-maze-boutaoshi-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって棒倒し法で迷路を生成す
- [【TypeScript】迷路の内壁を等間隔に設置する](https://www.miraiportal.com/set-inner-wall-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって上下左右1マス間隔で内
- [【TypeScript】迷路の外壁を設置する](https://www.miraiportal.com/set-outer-wall-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって外壁を設置する。※迷路
- [【TypeScript】壁のない迷路を生成する](https://www.miraiportal.com/generate-nowall-maze-ts/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する
- [【TypeScript】迷路を出力する](https://www.miraiportal.com/print-maze-ts/) - 通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ご
- [【Node.js】Node.jsでAPIを叩く](https://www.miraiportal.com/apicall-by-nodejs/) - const axios = require('axios') const url = 'https://api
- [【Python】PythonでAPIを叩く](https://www.miraiportal.com/apicall-by-python/) - import requests import json url = 'https://api.aoikujir
- [【Linux】curlコマンドでAPIを叩く](https://www.miraiportal.com/apicall-by-curl/) - ターミナルを開いて、以下のコマンドを実行する。 curl https://api.aoikujira.com/
- [【2021年】4月の振り返り](https://www.miraiportal.com/lookback-2021-4/) - 今月は7の記事を書きました。 来月は迷路の移植(JavaScript→TypeScript)をやっていきたいで
- [【Blender】オブジェクトを統合する](https://www.miraiportal.com/join/) - import bpy import bmesh import math for item in bpy.dat
- [【Blender】メッシュを細分化する](https://www.miraiportal.com/subdivide/) - import bpy import bmesh import math for item in bpy.dat
- [【Blender】モディファイアーを追加する](https://www.miraiportal.com/modifier-add/) - import bpy import bmesh for item in bpy.data.meshes: bp
- [【Blender】オブジェクトを複製する](https://www.miraiportal.com/duplicate-move/) - import bpy import bmesh for item in bpy.data.meshes: bp
- [【Blender】スクリプトでオブジェクトを生成する](https://www.miraiportal.com/primitive-cube-add/) - import bpy for item in bpy.data.meshes: bpy.data.meshes
- [【p5.js】オセロ盤を描画する](https://www.miraiportal.com/othello-board/) - background関数とline関数でオセロ盤を描画する。 let board = [ [-
- [【2021年】3月の振り返り](https://www.miraiportal.com/lookback-2021-3/) - 今月は26の記事を書きました。 迷路の残りとフラクタル図形などといった感じです。 Three.jsで迷路をやる
- [【p5.js】黄金螺旋](https://www.miraiportal.com/golden-spiral/) - function setup() { createCanvas(400, 400); } function d
- [【p5.js】黄金長方形](https://www.miraiportal.com/golden-rectangle/) - function setup() { createCanvas(400, 400); } function d
- [【p5.js】シェルピンスキー曲線](https://www.miraiportal.com/sierpinski-curve/) - function setup() { createCanvas(400, 400); } function d
- [【p5.js】シェルピンスキーのカーペット](https://www.miraiportal.com/sierpinski-carpet/) - function setup() { createCanvas(400, 400); noStroke();
- [【p5.js】シェルピンスキーのギャスケット](https://www.miraiportal.com/sierpinski-gasket/) - function setup() { createCanvas(400, 400); noStroke();
- [【Three.js】迷路に合わせて床の大きさを自動で調整する](https://www.miraiportal.com/generate-adjusted-plane-js/) - 迷路のサイズと Cube の大きさに合わせて迷路の床の大きさを調整する。 let maze1; functio
- [【Three.js】迷路を生成する](https://www.miraiportal.com/generate-maze-js/) - CubeとPlaneを用いて、迷路を生成する。 let maze1; function preload() {
- [【Three.js】オブジェクトを複製する](https://www.miraiportal.com/duplicate-object/) - 同じジオメトリとマテリアルから作成したメッシュをシーンに追加することでオブジェクトを複製する。 let maz
- [【Three.js】オブジェクトの位置を変更する](https://www.miraiportal.com/set-position/) - position.setやrotationメソッドでオブジェクトの位置を変更する。 window.addEve
- [【Three.js】オブジェクトを生成する](https://www.miraiportal.com/add-mesh-to-scene/) - addメソッドでジオメトリとマテリアルから作成したメッシュをシーンに追加する。 window.addEvent
- [【p5.js】クリア画面を表示する](https://www.miraiportal.com/render-gameclear-js/) - プレイヤーがゴールに到達したら「Game Clear!!」を出力する。 let board_w, board_
- [【p5.js】十字キーから入力を受け取る](https://www.miraiportal.com/input-from-dpad-js/) - 十字キーから入力を受け取り、迷路を移動できるようにする。 let board_w, board_h, spac
- [【p5.js】迷路を描画する](https://www.miraiportal.com/draw-maze-js/) - Canvasに迷路を描画する。 let board_w, board_h, space_w, space_h,
- [【p5.js】楕円を描画する](https://www.miraiportal.com/ellipse/) - ellipse関数でCanvasに楕円を描画する。 let board_w, board_h, space_w
- [【p5.js】直線を描画する](https://www.miraiportal.com/line/) - line関数でCanvasに直線を描画する。 let board_w, board_h, space_w, s
- [【p5.js】四角形を描画する](https://www.miraiportal.com/rect/) - rect関数でCanvasに四角形を描画する。 let board_w, board_h, space_w,
- [【p5.js】Canvasを作成する](https://www.miraiportal.com/create-canvas/) - createCanvas関数でスケッチを描画するためのcanvas要素を作成する。 function setu
- [【Processing】画像をフレームごとに保存する](https://www.miraiportal.com/saveframe/) - saveFrame関数で画像をフレームごとに保存する。 int x = 100; int y = 100; i
- [【PyAutoGUI】スクリーンショットを撮る](https://www.miraiportal.com/screenshot/) - screenshotメソッドでスクリーンショットを撮る。 import pyautogui img = pya
- [【2021年】2月の振り返り](https://www.miraiportal.com/lookback-2021-2/) - 今月は16の記事を書きました。 p5.jsというJavaScriptライブラリでいろいろやってみたいと思ったの
- [【p5.js】壁伸ばし法で迷路を生成する](https://www.miraiportal.com/set-maze-kabenobashi-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁伸ばし法で迷路を生成
- [【p5.js】穴掘り法で迷路を生成する](https://www.miraiportal.com/set-maze-anahori-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって穴掘り法で迷路を生成す
- [【p5.js】迷路のスタートからの距離を出力する](https://www.miraiportal.com/print-dist-js/) - スタートからの距離と壁を距離の最大値の桁数に合わせて出力する。 let maze1; function set
- [【p5.js】深さ優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-dfs-js/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで深さ優先探索で迷路を探索し、探索した
- [【p5.js】幅優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-bfs-js/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで幅優先探索で迷路を探索し、探索した通
- [【p5.js】迷路の最短経路を出力する](https://www.miraiportal.com/set-shortest-path-js/) - スタートからゴールまでの距離を2次元配列で表現して、最短経路の通路を「 」(半角スペース)から「*」に置き換え
- [【p5.js】迷路のスタートとゴールを設定する](https://www.miraiportal.com/set-start-goal-js/) - 迷路のスタートとゴールを座標によって設定し、スタートを「S」、ゴールを「G」として出力する。 let maze
- [miraiportal1周年！](https://www.miraiportal.com/1st-anniversary/) - miraiportalは1周年を迎えました！ 去年の今頃とはまるで違う景色のような気がします！！ 来年の今頃は
- [【p5.js】棒倒し法で迷路を生成する](https://www.miraiportal.com/set-maze-boutaoshi-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって棒倒し法で迷路を生成す
- [【JavaScript】迷路の内壁を等間隔に設置する](https://www.miraiportal.com/set-inner-wall-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって上下左右1マス間隔で内
- [【JavaScript】迷路の外壁を設置する](https://www.miraiportal.com/set-outer-wall-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって外壁を設置する。※迷路
- [【JavaScript】壁のない迷路を生成する](https://www.miraiportal.com/generate-nowall-maze-js/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する
- [【JavaScript】迷路を出力する](https://www.miraiportal.com/print-maze-js/) - 通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ご
- [【Python】配列に含まれる文字や文字列の出現回数を求める](https://www.miraiportal.com/count-chars-strings/) - 辞書型を用いることで、文字や文字列の出現回数を求める。 文字の場合 S = 'apple' dict = {}
- [【Python】配列に含まれる数値の出現回数を求める](https://www.miraiportal.com/count-values/) - 配列に含まれる数値をインデックスに指定することで、数値の出現回数を求める。 A = [2, 1, 1,
- [【2021年】1月の振り返り](https://www.miraiportal.com/lookback-2021-1/) - 今月は14の記事を書きました。 今月はかなり忙しかったこともあって手短に書ける内容の記事が多かった気がします。
- [【Processing】壁に当たったら色が変わるやつ](https://www.miraiportal.com/color-change-circle/) - 一定の速さで移動する円が壁(ウィンドウの端)に当たったら、円を反射させて円の色をランダムに変化させる。 int
- [【ティラノスクリプト】メッセージレイヤを非表示にする](https://www.miraiportal.com/invisible-message-layer/) - メッセージレイヤを非表示にして、背景のみを表示する。 @layopt layer=message0 visib
- [【React】ReactをCDNから読み込む](https://www.miraiportal.com/react-from-cdn/) - headタグの中に以下の2行を追加する。
- [【思いつき】miraiportal3大言語](https://www.miraiportal.com/major-languages-3/) - 僕が使いこなせるようになりたいプログラミング言語3選。 ・Python・JavaScript・C#
- [2021年の抱負](https://www.miraiportal.com/resolution-2021/) - 今年はプログラミングに限らず、いろいろなことに挑戦してできることを増やしていきたいです！
- [2020年の振り返り](https://www.miraiportal.com/lookback-2020/) - 今年は172の記事を書きました。 その中でも特にやってよかったと思うのは、「音声処理」と「迷路の自動生成」です
- [【C#】壁伸ばし法で迷路を生成する](https://www.miraiportal.com/set-maze-kabenobashi-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁伸ばし法で迷路を生成
- [【Python】壁伸ばし法で迷路を生成する](https://www.miraiportal.com/set-maze-kabenobashi-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁伸ばし法で迷路を生成
- [【C#】穴掘り法で迷路を生成する](https://www.miraiportal.com/set-maze-anahori-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって穴掘り法で迷路を生成す
- [【Python】穴掘り法で迷路を生成する](https://www.miraiportal.com/set-maze-anahori-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって穴掘り法で迷路を生成す
- [【Unity】桜島を生成する](https://www.miraiportal.com/generate-sakurajima/) - かごんま Advent Calendar 2020の13日目の記事です。 鹿児島のランドマークといえば桜島。
- [【2020年】11月の振り返り](https://www.miraiportal.com/lookback-2020-11/) - 今月は23の記事を書きました。 先月からやってきた迷路のあれこれをPythonからC#に書き直してUnityで
- [【C#】迷路のスタートからの距離を出力する](https://www.miraiportal.com/print-dist-cs/) - スタートからの距離と壁を距離の最大値の桁数に合わせて出力する。 using System; using Sys
- [【C#】深さ優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-dfs-cs/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで深さ優先探索で迷路を探索し、探索した
- [【C#】幅優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-bfs-cs/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで幅優先探索で迷路を探索し、探索した通
- [【C#】迷路の最短経路を出力する](https://www.miraiportal.com/set-shortest-path-cs/) - スタートからゴールまでの距離を2次元配列で表現して、最短経路の通路を「 」(半角スペース)から「*」に置き換え
- [【C#】迷路のスタートとゴールを設定する](https://www.miraiportal.com/set-start-goal-cs/) - 迷路のスタートとゴールを座標によって設定し、スタートを「S」、ゴールを「G」として出力する。 using Sy
- [【C#】棒倒し法で迷路を生成する](https://www.miraiportal.com/set-maze-boutaoshi-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって棒倒し法で迷路を生成す
- [【C#】迷路の内壁を等間隔に設置する](https://www.miraiportal.com/set-inner-wall-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって上下左右1マス間隔で内
- [【C#】迷路の外壁を設置する](https://www.miraiportal.com/set-outer-wall-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって外壁を設置する。※迷路
- [【C#】壁のない迷路を生成する](https://www.miraiportal.com/generate-nowall-maze-cs/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する
- [【C#】迷路を出力する](https://www.miraiportal.com/print-maze-cs/) - 通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ご
- [【ティラノスクリプト】制作したゲームをWordPressの記事に埋め込む](https://www.miraiportal.com/tyrano-wordpress/) - HTMLのiframeタグで、制作したゲームをWordPressの記事に埋め込む。
- [【ティラノスクリプト】マクロを作成する](https://www.miraiportal.com/macro/) - マクロを記述することで、新たにrandomタグを作成する。 [macro name="random"]
- [【ティラノスクリプト】確率によってシナリオを分岐させる](https://www.miraiportal.com/if-random/) - ifタグで条件分岐させることで、乱数の値によってシナリオを分岐させる。 河川敷に来た。[l][
- [【ティラノスクリプト】0～100の乱数を生成する](https://www.miraiportal.com/random100/) - iscriptタグでJavaScriptを記述することで、0以上100以下のランダムな整数を生成する。 &#9
- [【Processing】画面の範囲を指定してキャプチャする](https://www.miraiportal.com/capture-designated-area/) - 十字キーでカーソルのサイズを、SHIFTキーと十字キーでカーソルの位置を、CTRLキーと十字キーでカーソルのサ
- [【2020年】10月の振り返り](https://www.miraiportal.com/lookback-2020-10/) - 今月は24の記事を書きました。 先月の振り返りでいった「ゲーム制作」として、迷路を自動で生成・探索して、それを
- [【Python】エックスサーバーでCGIを実行する](https://www.miraiportal.com/python-cgi/) - ①以下のファイルを作成する。 .htaccess AddHandler cgi-script .py inde
- [【Python】ローカルサーバを立ち上げる](https://www.miraiportal.com/http-server/) - ターミナルを開いて、以下のコマンドを実行する。 python -m http.server 8000 http
- [【Python】アルファベットの配列を作成する](https://www.miraiportal.com/letters-array/) - ord関数とchr関数を用いて、アルファベットの配列を作成する。 小文字の場合 letters = [
- [【Pygame】クリア画面を表示する](https://www.miraiportal.com/render-gameclear-py/) - プレイヤーがゴールに到達したら「Game Clear!!」を出力する。 main.py import pyga
- [【Pygame】十字キーから入力を受け取る](https://www.miraiportal.com/input-from-dpad-py/) - 十字キーから入力を受け取り、迷路を移動できるようにする。 main.py import pygame from
- [【Pygame】迷路を描画する](https://www.miraiportal.com/draw-maze-py/) - ウィンドウに迷路を描画する。 main.py import pygame from pygame.locals
- [【Pygame】楕円を描画する](https://www.miraiportal.com/draw-ellipse/) - draw.ellipseメソッドでウィンドウに楕円を描画する。 import pygame from pyga
- [【Pygame】直線を描画する](https://www.miraiportal.com/draw-line/) - draw.lineメソッドでウィンドウに直線を描画する。 import pygame from pygame.
- [【Pygame】四角形を描画する](https://www.miraiportal.com/draw-rect/) - draw.rectメソッドでウィンドウに四角形を描画する。 import pygame from pygame
- [【Pygame】ウィンドウを表示する](https://www.miraiportal.com/set-display/) - display.set_modeメソッドでゲーム画面を描画するためのウィンドウを表示する。 import py
- [【Python】迷路のスタートからの距離を出力する](https://www.miraiportal.com/print-dist-py/) - スタートからの距離と壁を距離の最大値の桁数に合わせて出力する。 import sys import rando
- [【Python】深さ優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-dfs-py/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで深さ優先探索で迷路を探索し、探索した
- [【Python】幅優先探索で迷路の最短経路を求める](https://www.miraiportal.com/set-dist-bfs-py/) - 探索していない通路を「-1」として表現してスタートからゴールに到達するまで幅優先探索で迷路を探索し、探索した通
- [【Python】迷路の最短経路を出力する](https://www.miraiportal.com/set-shortest-path-py/) - スタートからゴールまでの距離を2次元配列で表現して、最短経路の通路を「 」(半角スペース)から「*」に置き換え
- [【Python】迷路のスタートとゴールを設定する](https://www.miraiportal.com/set-start-goal-py/) - 迷路のスタートとゴールを座標によって設定し、スタートを「S」、ゴールを「G」として出力する。 import s
- [【Python】棒倒し法で迷路を生成する](https://www.miraiportal.com/set-maze-boutaoshi-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって棒倒し法で迷路を生成す
- [【Python】迷路の内壁を等間隔に設置する](https://www.miraiportal.com/set-inner-wall-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって上下左右1マス間隔で内
- [【Python】迷路の外壁を設置する](https://www.miraiportal.com/set-outer-wall-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって外壁を設置する。※迷路
- [【Python】壁のない迷路を生成する](https://www.miraiportal.com/generate-nowall-maze-py/) - 迷路の幅と高さをそれぞれ width, height として設定し、その数値にしたがって壁のない迷路を生成する
- [【Python】迷路を出力する](https://www.miraiportal.com/print-maze-py/) - 通路を「0」、壁を「1」とした2次元配列で迷路を表現して、通路を「 」(半角スペース)、壁を「#」として1行ご
- [【2020年】9月の振り返り](https://www.miraiportal.com/lookback-2020-09/) - Q. パソコンを修理に出したはずなのに、更新が増えているのは何故？A. ラズパイにハマったから。 というわけで
- [【Git】git add . と git add -u と git add -A の違い](https://www.miraiportal.com/difference-git-add/) - 結論から書くと、 変更とは、ファイルの修正、作成(追加)、削除のことであり、git add . は、作業ディレ
- [【Git】エディタをVimに設定する](https://www.miraiportal.com/editor-config/) - ターミナルを開いて、以下のコマンドを実行する。 git config --global core.editor
- [【Git】ユーザ情報を設定する](https://www.miraiportal.com/user-config/) - ターミナルを開いて、以下のコマンドを実行する。 git config --global user.name "
- [【Raspberry Pi】パッケージを更新する](https://www.miraiportal.com/apt-upgrade/) - ターミナルを開いて、以下のコマンドを実行する。 sudo apt upgrade ☆Tipsパッケージ情報を更
- [【Raspberry Pi】パッケージ情報を更新する](https://www.miraiportal.com/apt-update/) - ターミナルを開いて、以下のコマンドを実行する。 sudo apt update ☆Tipsパッケージをインスト
- [【Raspberry Pi】Vimをインストールする](https://www.miraiportal.com/install-vim/) - ターミナルを開いて、以下のコマンドを実行する。 ①デフォルトでインストールされているviを確認する。 dpkg
- [【Raspberry Pi】Gitをインストールする](https://www.miraiportal.com/install-git/) - ターミナルを開いて、以下のコマンドを実行する。 sudo apt update sudo apt instal
- [【Raspberry Pi】LEDを点滅させる(Lチカ)](https://www.miraiportal.com/blink-raspi/) - setup()メソッドで使用するピンとピンの動作(入力か出力)を設定する。そして、output()メソッドで指
- [【Raspberry Pi】オーディオを設定する](https://www.miraiportal.com/audio-config/) - ターミナルを開いて、以下のコマンドを実行する。 sudo raspi-config 設定ツールが開くので、以下
- [【Raspberry Pi】日本語入力を有効にする](https://www.miraiportal.com/fcitx-mozc/) - ターミナルを開いて、以下のコマンドを実行する。 sudo apt update sudo apt instal
- [【Raspberry Pi】コマンドで再起動する](https://www.miraiportal.com/reboot-by-command/) - ターミナルを開いて、以下のコマンドを実行する。 sudo shutdown -r now ☆Tips rebo
- [【Raspberry Pi】コマンドでシャットダウンする](https://www.miraiportal.com/shutdown-by-command/) - ターミナルを開いて、以下のコマンドを実行する。 sudo shutdown -h now ☆Tips powe
- [【2020年】8月の振り返り](https://www.miraiportal.com/lookback-2020-08/) - 先月の振り返りで「画像処理」をやるといったな。…あれは嘘だ。 というわけで、 今月は17の記事を書きました。
- [【Tkinter】クリックカウンターを作成する](https://www.miraiportal.com/counter/) - PythonのTkinterモジュールを用いて、クリックカウンターを作成する。 import tkinter
- [【Python】複数行から複数の入力を受け取る](https://www.miraiportal.com/input-split-for/) - input()関数でキーボードからの入力を受け取り、split()関数で文字列を区切り文字で分割する。それをf
- [【Python】複数行から1つの入力を受け取る](https://www.miraiportal.com/input-for/) - input()関数でキーボードからの入力を受け取り、それをfor文で入力の行数だけ繰り返す。 ・文字列を入力す
- [【Python】1行から複数の入力を受け取る](https://www.miraiportal.com/input-split/) - input()関数でキーボードからの入力を受け取り、split()関数で文字列を区切り文字で分割する。 ・文字
- [【Python】1行から1つの入力を受け取る](https://www.miraiportal.com/input/) - input()関数でキーボードからの入力を受け取る。 ・文字列を入力する場合文字列として入力されるため、変換す
- [【NumPy】配列をnpyファイルとして書き出す](https://www.miraiportal.com/save-npy/) - saveメソッドで配列をnpyファイルとして書き出す。 import numpy as np TONES =
- [【HTML】ソースコードを表示する](https://www.miraiportal.com/code-html/) - preタグで スペースや改行 をそのまま表示する。
- [【NumPy】wavファイルの音声をFFTする](https://www.miraiportal.com/fft-wav/) - fft()メソッドでFFT(高速フーリエ変換)を行い、wavファイルの音声の周波数スペクトルを求める。 imp
- [【PyAudio】音声を録音する](https://www.miraiportal.com/recording/) - PyAudioを用いて、入力した音声をwavファイルに書き出す。 import pyaudio import
- [【ひまつぶし】謎のメッセージ！？](https://www.miraiportal.com/hieroglyph/)
- [【PyAudio】波形の音声を出力する](https://www.miraiportal.com/stream-write/) - PyAudioを用いて、波形の音声をそのまま出力する。 import numpy as np import m
- [【PyAudio】wavファイルを再生する](https://www.miraiportal.com/play-wav/) - PyAudioを用いて、wavファイルを再生する。 import wave import pyaudio fi
- [【pandas】DataFrameをcsvファイルとして書き出す](https://www.miraiportal.com/to-csv/) - to_csv()メソッドで DataFrame をcsvファイルに書き出す。 import numpy as
- [【pandas】csvファイルをDataFrameに読み込む](https://www.miraiportal.com/read-csv/) - read_csv()メソッドでcsvファイルを DataFrame に読み込む。 import pandas
- [【Arduino】オブジェクト指向でプログラムを書く](https://www.miraiportal.com/oop-arduino/) - 宣言部(hファイル)、実装部(cppファイル)に分ける。 Led.h #pragma once class L
- [【Arduino】LEDを点滅させる(Lチカ)](https://www.miraiportal.com/blink-arduino/) - pinMode()関数で使用するピンとピンの動作(入力か出力)を設定する。そして、digitalWrite()
- [【MathJax】MathJaxをCDNから読み込む](https://www.miraiportal.com/mathjax-from-cdn/) - headタグの中に以下の2行を追加する。
- [【Matplotlib】グラフを作成する](https://www.miraiportal.com/plot-matplotlib/) - plot()メソッドで配列 x, y の値に対応したグラフを描画し、show()メソッドですべての図を表示する
- [【CSS】スクロールバーをカスタマイズする](https://www.miraiportal.com/scrollbar/) - -webkit-scrollbarを設定する。 index.html
- [【CSS】マーキーを実装する](https://www.miraiportal.com/marquee/) - divタグにclass属性を指定し、pタグの animation を設定する。 index.html
- [【HTML】表を作成する](https://www.miraiportal.com/table-html/) - tableタグ、trタグ、thタグ、tdタグを使用して作成する。
- [【CSS】メニューを横並びに配置する](https://www.miraiportal.com/side-by-side/) - ulタグの display を flex に設定する。 index.html
- [【CSS】ヘッダーをページ上部に固定する](https://www.miraiportal.com/fixed-header/) - headerタグの position を sticky に、top を 0 に設定する。 index.html
- [【CSS】2行目以降の行頭を揃える(ぶら下げインデント)](https://www.miraiportal.com/hanging-indent/) - margin-left と text-indent を設定する。 index.html
- [【HTML】ファビコンを設定する](https://www.miraiportal.com/favicon/) - ファビコンに使用するicoファイルを用意し、headタグの中に以下の1行を追加する。
- [【p5.js】スケッチを画像としてダウンロードする](https://www.miraiportal.com/download-sketch/) - canvas要素をtoDataURL()メソッドで画像データに変換し、aタグのリンク先のURLに指定することで
- [【p5.js】スケッチをWebページの背景に設定する](https://www.miraiportal.com/background-sketch/) - style()メソッドでcanvas要素の z-index を -1 に設定する。 index.html &l
- [【p5.js】p5.jsをCDNから読み込む](https://www.miraiportal.com/p5js-from-cdn/) - headタグの中に以下の2行を追加する。
- [【JavaScript】右クリックを禁止する](https://www.miraiportal.com/disable-rightclick/) - bodyタグのoncontextmenu属性の return を false にする。
- [【CSS】文字を四角い枠で囲む](https://www.miraiportal.com/border/) - 文字をspanタグで囲み、spanタグのstyle属性で border を指定する。
- [【HTML】JavaScriptを外部ファイルから読み込む](https://www.miraiportal.com/js-from-file/) - headタグの中に以下の1行を追加する。
- [【HTML】JavaScriptをscriptタグから読み込む](https://www.miraiportal.com/js-from-tag/) - scriptタグはheadタグの中に記述する。
- [【HTML】CSSを外部ファイルから読み込む](https://www.miraiportal.com/css-from-file/) - headタグの中に以下の1行を追加する。
- [【HTML】CSSをstyleタグから読み込む](https://www.miraiportal.com/css-from-tag/) - styleタグはheadタグの中に記述する。
- [【C++】Nが素数か合成数かを判定する](https://www.miraiportal.com/prime-or-composite/) - 条件分岐で N が2以上N/2以下の i で割りきれるときはbool型の flag に false を代入し、
- [【C++】Nが偶数か奇数かを判定する](https://www.miraiportal.com/even-or-odd/) - 条件分岐で N が2で割り切れるときは偶数(Even)を、それ以外のときは奇数(Odd)を出力するという方針で
- [【C++】配列の要素を辞書順に並べ替える(辞書順ソート)](https://www.miraiportal.com/dictionary-sort/) - 条件分岐で配列の要素 s[j] が s[j+1] よりも辞書順が後のときだけ入れ替えるという処理をN-1回繰り
- [【C++】配列の要素を大きい順に並べ替える(降順ソート)](https://www.miraiportal.com/descending-sort/) - 昇順ソートと同様に、条件分岐で配列の要素 a[j] が a[j+1] よりも小さいときだけ入れ替えるという処理
- [【C++】配列の要素を小さい順に並べ替える(昇順ソート)](https://www.miraiportal.com/ascending-sort/) - 条件分岐で配列の要素 a[j] が a[j+1] よりも大きいときだけ入れ替えるという処理をN-1回繰り返すと
- [【C++】配列の要素を逆順に並べ替える](https://www.miraiportal.com/reverse/) - 配列の要素 a[i] と a[(N-1)-i] を入れ替えるという処理をN/2回繰り返すという方針で実装する。
- [【C++】変数a, bの値を入れ替える](https://www.miraiportal.com/swap/) - 一時変数 tmp に入れ替える値を代入するという方針で実装する。 #include
- [改めまして](https://www.miraiportal.com/introduction/) - 「ブログはじめました」とは言ったものの、自己紹介も何もしてないので「お前誰やねん」って思われてそうな気がするの
- [ブログはじめました。](https://www.miraiportal.com/start/) - 万葉集には防人という身分の低い人の歌が残されているという。身分の低い人の文章も、1000年経てば資料的価値を持

## 固定ページ

- [お問い合わせ](https://www.miraiportal.com/contact/)
- [免責事項](https://www.miraiportal.com/disclaimer/) - 当サイトで掲載している内容については出来るかぎり正確なものを記載していますが、必ずしも正確性を保証するものでは
- [プライバシーポリシー](https://www.miraiportal.com/privacy/) - 個人情報の取得 当サイトでは、Googleが提供している分析ツール「Google Analytics」を利用し

## カテゴリー

- [未分類](https://www.miraiportal.com/category/uncategorized/)
- [プログラミング](https://www.miraiportal.com/category/programming/)
- [創作](https://www.miraiportal.com/category/creation/)
- [電子工作](https://www.miraiportal.com/category/electronics/)
- [まとめ](https://www.miraiportal.com/category/programming/collection/)
- [振り返り](https://www.miraiportal.com/category/uncategorized/lookback/)

## タグ

- [Arduino](https://www.miraiportal.com/tag/arduino/)
- [AWS](https://www.miraiportal.com/tag/aws/)
- [Beamer](https://www.miraiportal.com/tag/beamer/)
- [Blender](https://www.miraiportal.com/tag/blender/)
- [C#](https://www.miraiportal.com/tag/cs/)
- [C++](https://www.miraiportal.com/tag/cpp/)
- [CGI](https://www.miraiportal.com/tag/cgi/)
- [Chance.js](https://www.miraiportal.com/tag/chance-js/)
- [CircuiTikZ](https://www.miraiportal.com/tag/circuitikz/)
- [Cloud Firestore](https://www.miraiportal.com/tag/cloud-firestore/)
- [Cloud Storage](https://www.miraiportal.com/tag/cloud-storage/)
- [CloudFront](https://www.miraiportal.com/tag/cloudfront/)
- [CSS](https://www.miraiportal.com/tag/css/)
- [Express](https://www.miraiportal.com/tag/express/)
- [Firebase](https://www.miraiportal.com/tag/firebase/)
- [Git](https://www.miraiportal.com/tag/git/)
- [GitHub](https://www.miraiportal.com/tag/github/)
- [HTML](https://www.miraiportal.com/tag/html/)
- [JavaScript](https://www.miraiportal.com/tag/javascript/)
- [LaTeX](https://www.miraiportal.com/tag/latex/)
- [Linux](https://www.miraiportal.com/tag/linux/)
- [LTspice](https://www.miraiportal.com/tag/ltspice/)
- [MagicaVoxel](https://www.miraiportal.com/tag/magicavoxel/)
- [MathJax](https://www.miraiportal.com/tag/mathjax/)
- [Matplotlib](https://www.miraiportal.com/tag/matplotlib/)
- [Node.js](https://www.miraiportal.com/tag/node-js/)
- [NumPy](https://www.miraiportal.com/tag/numpy/)
- [p5.js](https://www.miraiportal.com/tag/p5-js/)
- [pandas](https://www.miraiportal.com/tag/pandas/)
- [Pillow](https://www.miraiportal.com/tag/pillow/)
- [Processing](https://www.miraiportal.com/tag/processing/)
- [PyAudio](https://www.miraiportal.com/tag/pyaudio/)
- [PyAutoGUI](https://www.miraiportal.com/tag/pyautogui/)
- [Pygame](https://www.miraiportal.com/tag/pygame/)
- [Python](https://www.miraiportal.com/tag/python/)
- [Raspberry Pi](https://www.miraiportal.com/tag/raspberry-pi/)
- [React](https://www.miraiportal.com/tag/react/)
- [react-three-fiber](https://www.miraiportal.com/tag/react-three-fiber/)
- [Route 53](https://www.miraiportal.com/tag/route-53/)
- [S3](https://www.miraiportal.com/tag/s3/)
- [SciPy](https://www.miraiportal.com/tag/scipy/)
- [SQL](https://www.miraiportal.com/tag/sql/)
- [SQLite](https://www.miraiportal.com/tag/sqlite/)
- [styled-components](https://www.miraiportal.com/tag/styled-components/)
- [Terraform](https://www.miraiportal.com/tag/terraform/)
- [Three.js](https://www.miraiportal.com/tag/three-js/)
- [TikZ](https://www.miraiportal.com/tag/tikz/)
- [Tkinter](https://www.miraiportal.com/tag/tkinter/)
- [TypeScript](https://www.miraiportal.com/tag/typescript/)
- [Unity](https://www.miraiportal.com/tag/unity/)
- [Vim](https://www.miraiportal.com/tag/vim/)
- [ティラノスクリプト](https://www.miraiportal.com/tag/tyranoscript/)
- [Rust](https://www.miraiportal.com/tag/rust/)
- [Jest](https://www.miraiportal.com/tag/jest/)
- [CloudFront Functions](https://www.miraiportal.com/tag/cloudfront-functions/)
- [rtx](https://www.miraiportal.com/tag/rtx/)
- [NestJS](https://www.miraiportal.com/tag/nestjs/)
- [Fastify](https://www.miraiportal.com/tag/fastify/)
- [Astro](https://www.miraiportal.com/tag/astro/)