まくろぐ
  1. 📁 Azure
    1. LUIS と QnA Maker でキーの管理方法が異なるのはなぜか？
    2. Azure 関連のアイコン集
    3. 📁 Azure AppServices のメモ
    4. 📁 Azure DevOps
    5. 📁 Azure Functions
    6. Azure Speech Service を使って音声をテキストに変換する (STT)
    7. Azure Static Web Apps で静的ウェブサイトを作成する
    8. 📁 Azure Storage のメモ
    9. Azure リソースのプレフィックス名（省略名）
    10. 📁 Cosmos DB
    11. 📁 LUIS のメモ
    12. 📁 QnA Maker のメモ
    13. 📁 チャットボット
    14. 📁 逆引き Azure CLI
  2. 📁 プログラミング
    1. 📁 3D
    2. 📁 Android プログラミング
    3. 📁 C/C++
    4. 📁 Deno
    5. 📁 Doxygen
    6. 📁 Electron
    7. 📁 Jade
    8. 📁 Java
    9. 📁 JavaScript / Node.js
    10. 📁 Linux
    11. 📁 MongoDB
    12. 📁 React
    13. 📁 SQL
    14. 📁 TypeScript
    15. 📁 Unity
    16. 📁 アルゴリズム
    17. 📁 プログラム雑多メモ
    18. 📁 正規表現
  3. 📁 Ansible
    1. Ansible とは？ Ansible をインストールする
    2. Ansible で Hello World
    3. Ansible で VPS を設定するための準備
    4. Ansible 関連用語
    5. 📁 操作／設定
    6. 📁 モジュールの使用例
    7. 📁 応用
  4. 📁 Astro
    1. Astro と Svelte を使ってみた所感（Web サイト作るときに何を使うか）
    2. Astro アプリから D3.js を使う
  5. 📁 AWS
    1. 📁 AWS 一般／環境／設定など
    2. 📁 CLI
    3. 📁 IAM
    4. 📁 S3
    5. 📁 Lambda
    6. 📁 EC2
    7. 📁 CodeBuild
    8. 📁 CloudFormation/SAM/CDK
    9. 📁 API Gateway
    10. 📁 AppSync
    11. 📁 AWS KMS
    12. 📁 AWS のトラブルシューティング
    13. 📁 Cognito
    14. 📁 DynamoDB
    15. SNS トピックから通知されるイベントデータの例
    16. 📁 SSM
  6. 📁 Cloudflare
    1. Cloudflare Workers をはじめる (wrangler)
    2. rclone コマンドで Cloudflare R2 とファイルを同期する
  7. 📁 D3.js
    1. D3.js による SVG 描画の基本
    2. D3.js のデータ結合を理解する (1) data/enter/exit/join の基本
    3. D3.js のデータ結合を理解する (2) データ配列の要素ごとに表示／非表示を切り替える
    4. Astro アプリから D3.js を使う
    5. D3.js チートシート
    6. D3.js で SVG の右上に凡例 (legend) を表示する
    7. D3.js でキーボードイベントを扱う (keydown)
    8. D3.js でボタンなどの入力要素を扱う
    9. D3.js でマウスイベントを扱う (click, mousemove, mouseover, mouseout)
    10. D3.js でレイヤー用の g 要素を作成するユーティリティ関数 (layer)
    11. D3.js で円グラフを描画する (d3.pie)
    12. D3.js で各要素から任意のデータを取り出す (datum)
    13. D3.js で描画内容をズームやパン操作できるようにする (d3-zoom)
    14. D3.js で描画要素をクリックしたときに選択状態にする
    15. D3.js で矢印を表示する (defs, marker, marker-end)
    16. D3.js による Force Simulation (1) d3-force の基本
    17. D3.js による Force Simulation (2) link force でノードを結合する
    18. D3.js による Force Simulation (3) 各ノードをドラッグして動かせるようにする
    19. D3.js の call メソッドを使ってメソッドチェーン処理をスマートに記述する
    20. D3.js のコードに TypeScript の型注釈 (Type Annotation) をつける
    21. D3.js のスケール関数: scaleOrdinal でカテゴリデータを別の値にマッピングする
    22. React アプリの中で D3.js を使ってチャートを描画する
    23. Svelte 応用: Svelte アプリから D3.js を使う
  8. 📁 Docker 関連メモ
    1. Docker コンテナで Nginx サーバーを立ち上げる
    2. Go アプリを実行する軽量な Docker コンテナイメージを作成する
    3. TypeScript を使った Node.js アプリを Docker コンテナ化する
  9. 📁 Excel のメモ
    1. Excel でよく使うショートカット
    2. Excel 関数のメモ
  10. 📁 Firebase
    1. Firebase Admin SDK で Firebase の各種サービスを操作する
    2. Firebase Auth で admin ユーザーのみ Firestore に書き込みできるようにする
    3. Firebase CLI でコマンドラインから Firebase を操作する
    4. Firebase の Cloud Functions で Hello World
    5. Firebase の Cloud Functions で定期的に Firestore の集計処理を行う
    6. Firestore ドキュメントを TypeScript のユーザー定義型オブジェクトに変換する (withConverter)
    7. Firestore のデータバンドルを作成してドキュメントの読み込み回数を削減する
    8. Next.js で Firebase: Authentication 機能でユーザー認証できるようにする
    9. Next.js で Firebase: Cloud Firestore データベースを使う
    10. Next.js で Firebase: プロジェクトの作成と接続準備
  11. 📁 GitHub
    1. GitHub OAuth トークンを取得する (1) 処理の流れを理解する
    2. GitHub OAuth トークンを取得する (2) Azure Functions 経由で取得する
    3. Apollo Client で GitHub GraphQL API を使う (Node & React)
    4. GitHub Actions で Hugo サイトをビルドして VPS サーバーに rsync デプロイする
    5. GitHub Actions で Web サイトをビルドして GitHub Pages へ公開する
    6. GitHub Actions でコンテナイメージをビルドして Docker Hub へ push する
    7. 📁 GitHub GraphQL API のクエリ例
    8. GitHub GraphQL API の呼び出し回数制限 (rate limit) の情報を取得する
    9. GitHub GraphQL のスキーマ情報を取得する
    10. GitHub Pages で Jekyll による自動変換を無効化する (.nojekyll)
    11. GitHub Pages で React Router を使った SPA サイトを動かす方法
    12. Parcel でビルドした Web サイトが GitHub Pages で動作しないとき
  12. 📁 GraphQL
    1. GraphQL ベストプラクティス
    2. 📁 GraphQL 仕様
    3. 📁 Apollo Client
    4. 📁 Apollo Server
    5. GraphQL Code Generator でスキーマから TypeScript の型情報を生成する (graphql-codegen)
    6. GraphQL スキーマの Lint ツール (graphql-schema-linter) を導入する
  13. 📁 HTML/CSS のメモ
    1. Facebook や Twitter でシェアするときに画像や説明文が表示されるようにする (OGP: Open Graph Protocol)
    2. HTML5 の time 要素の正しい使い方
    3. フレックスボックス (Flexbox) レイアウトでサイドバーと本文を別々にスクロールできるようにする
  14. 📁 Jekyll
    1. GitHub Pages で Jekyll による自動変換を無効化する (.nojekyll)
    2. GitHub Pages は早く Jekyll から Hugo に乗り換えるべき
    3. Jekyll (GitHub Pages) でページの最終更新日を表示する
    4. Jekyll と Hugo を共存させて GitHub Actions でビルドする
  15. 📁 Linux
    1. Linuxコマンド: date コマンドの使い方
    2. Linuxコマンド: ディレクトリのサイズを調べる (du)
    3. Linuxコマンド: テンポラリディレクトリを作成する (mktemp)
    4. Linuxコマンド: パッチファイルを作成・適用する (diff, patch)
    5. Linuxコマンド: ファイルの MIME メディアタイプを調べる (file)
    6. Linuxコマンド: ファイルの内容を8進数や16進数でダンプする (od)
    7. Linuxメモ: apt (apt-get) コマンドの使い方メモ
    8. Linuxメモ: syslog のログの保存先の設定
    9. Linuxメモ: デバイスドライバのライセンスについて
    10. Linuxメモ: デバイスドライバ作成の雑多メモ
    11. zsh チートシート
    12. 📁 システム管理
    13. 📁 ネットワーク
    14. 📁 ファイアウォール
    15. 📁 ユーザー管理
  16. 📁 macOS
    1. macOS で JAVA_HOME に設定すべきパスを調べる（java_home コマンド）
    2. macOS で不要なファイルを削除してストレージ容量を確保する
    3. macOS のスポットライトのインデックス処理を停止・開始する
  17. 📁 Meilisearch
    1. Meilisearch サーチエンジンを使ってみる
    2. Meilisearch を本番環境で使用する（マスターキーと API キーを理解する）
  18. 📁 Nginx（Web サーバー）
    1. Docker コンテナで Nginx サーバーを立ち上げる
    2. Let's Encrypt certificate expiration notice が来たら
    3. Nginx で 403 Forbidden エラーが出るときのチェック項目
    4. Nginx の基本: Nginx をインストールする
    5. Nginx の設定: http でアクセスされた場合に https にリダイレクトする
    6. Nginx の設定: Nginx でバーチャルホストを設定する（リバースプロキシ）
    7. Nginx の設定: Nginx の設定ファイル (*.conf) の場所
    8. Nginx の設定: Nginx の設定ファイルの変更を反映する (nginx reload)
    9. Nginx の設定: Nginx の設定ファイルの書き方が正しいか確認する (configtest, nginx -t)
    10. Nginx の設定: Nginx の設定内容を確認する (nginx -T)
    11. Nginx の設定: Web サイトのドメインを移転したときの 301 リダイレクト設定
    12. nginx-proxy コンテナで簡単にリバースプロキシを立ち上げる
    13. Sakura VPS レンタルサーバーを Let's Encrypt で SSL 対応
  19. 📁 PlantUML
    1. PlantUML の基本（インストール〜画像ファイルへの保存）
    2. PlantUML でクラス図を作成する
    3. PlantUML でシーケンス図を作成する
    4. PlantUML でオブジェクト図を作成する
  20. 📁 Svelte
    1. Svelte を始める (SvelteKit で Hello World）
    2. Svelte 入門: Svelte コンポーネントからイベントを発生させる
    3. Svelte 入門: Svelte コンポーネントに子要素を渡せるようにする (<slot />)
    4. Svelte 入門: SvelteKit を使ったプロジェクトのディレクトリ構成／コーディングルールなど
    5. Svelte 入門: 動的に class 属性を off/on する
    6. Svelte 入門: 複数のページで共通のレイアウトを定義する (+layout.svelte)
    7. Svelte 入門: 開発サーバーで動作中かどうかを調べる (dev)
    8. Svelte 実装例: Hamburger ボタンを作る
    9. Svelte 実装例: Web ブラウザで音声認識する (SpeechRecognition)
    10. Svelte 実装例: チャットボット用の UI を作る
    11. Svelte 実装例: ページ遷移用のナビゲーションメニューを作成する
    12. Svelte 応用: JSON ファイルをインポートして使う
    13. Svelte 応用: MediaPipe で Web カメラ映像をジェスチャー認識する
    14. Svelte 応用: Svelte アプリから D3.js を使う
    15. Svelte 応用: Svelte アプリを完全な静的サイトとしてビルドする (SSG: Static Site Generation)
    16. Svelte 応用: SvelteKit の load 関数でデータのロード処理を定義する
    17. Svelte 応用: YAML ファイルをインポートして使う
    18. Svelte 応用: インクリメンタルサーチによる頻繁な API 呼び出しを防ぐ debounce 処理
    19. Svelte 応用: テキストフィールドと URL のクエリ文字列を同期させる
  21. 📁 SVG
    1. SVG チートシート
    2. SVG の defs 要素で図形を定義して use で使い回す
    3. SVG の g 要素の使い方
    4. SVG の marker 要素で矢印（マーカー）を描画する
    5. SVG の path 要素によるベジェ曲線の描画例（C/S/Q/T コマンド）
    6. SVG の path 要素による円弧の描画例（A コマンド）
    7. SVG の viewBox の使い方とレスポンシブ対応
    8. SVG 画像をダークモードに対応させる
    9. SVG 要素の上に別の HTML 要素を重ねて表示する
  22. 📁 Terraform
    1. Terraform の導入
  23. 📁 Visual Studio Code
    1. 📁 VS Code の操作
    2. 📁 VS Code の設定
  24. 📁 Windows
    1. 📁 PowerShell
    2. Windows のコマンドプロンプトで指定した秒数だけポーズする (timeout)
    3. WSL (Windows Subsystem for Linux) をインストールする
  25. 📁 デザインパターン/UML
    1. １時間で分かる GoF デザインパターン
    2. Kent Beck の CollectingParameter パターン
    3. MVC パターンのメモ
    4. MVP パターンのメモ
    5. UML ダイアグラムの一覧と分類
  26. 📁 ネットワーク
    1. ConoHa VPS を借りて独自ドメインでアクセスできるようにする
    2. 📁 gRPC / Protocol Buffers
    3. HTTP ヘッダに関するメモ
    4. HTTP/1.1 の Chunked Transfer Encoding を理解する
    5. HTTP/1.1 の認証スキームに関するメモ
    6. IETF によるプロトコル標準化の流れ
    7. 📁 Let's Encrypt
    8. Linuxコマンド: ip コマンドの使い方
    9. Linuxコマンド: TCP/TDP ポートの通信状態を確認する (ss)
    10. Linuxメモ: Netplan で Ubuntu のネットワーク設定を行う
    11. 📁 SSH
    12. WinSCP をコマンドラインから利用して2つのディレクトリを同期する
    13. 📁 セキュリティ
    14. ドメイン管理と DNS 管理の違いを理解する
    15. ネットワークトラブルの調査手順
  27. 📁 フォント/文字コード/Locale/Unicode
    1. Unicode 関連リンク
    2. 国コードや言語コードのまとめ (ISO 3166, ISO 639)
    3. 文字コード、フォント関連用語まとめ
  28. 📁 機械学習／ディープラーニング
    1. 機械学習メモ: 分類タスクの評価 ─ balanced accuracy
    2. 機械学習メモ: 分類タスクの評価 ─ ROC カーブと AUC
    3. 機械学習メモ: 分類タスクの評価 ─ 混同行列と 2 クラス分類の基本的な評価指標 (accuracy, error rate, recall, precision, f1-score, fβ-score)
    4. 機械学習メモ: 回帰タスクの評価 ─ MAE, MSE, RMSE, MSLE, RMSLE, MAPE, 決定係数
    5. 機械学習メモ: 多クラス分類の評価 ─ mean-f1, macro-f1, micro-f1
  29. 📁 雑多な技術メモ
    1. CPU のアーキテクチャ名と CPU 名の対応表
    2. IGDB API でゲーム情報のデータベースにアクセスしてみる
    3. JUnit のテストケースを一時的に無効にする（@Ignore/@Disabledアノテーション）
    4. npm run スクリプト実行時の ERR! 出力を抑制する (npm run --silent)
    5. npm でインストール済みのモジュールを簡潔にリスト表示する
    6. Python で Confluence の情報を取得する
    7. Python で Jira の情報を取得する
    8. Stylelint で CSS の記述ミスを防ぐ（CSS の静的解析ツールを導入する）
    9. UnitTest メモ: ユニットテストの網羅レベルの種類 (C0/C1/C2)
    10. XAMPP/Apache の DocumentRoot を設定する
    11. ソフトウェアアーキテクトが考えること
    12. 画像処理メモ: 画像の 2 値化の閾値を求める方法いろいろ
トップページ
へ戻る
まくろぐ
サイトマップ ｜ まくへのメッセージ