ssh 0rga.org

Tlazolteotnia

Art, notes, and odds and ends.
Updated now and then.

ls content/blog

Filter posts by tag
  1. 2026-05-15
    SvelteKit から React Router でサイトをリニューアルした話SvelteKit で作っていた 0rga.org を React Router で作り直したときの構成、Markdown 移行、UI の作り直しについての記録。
    • React Router
    • React
    • SvelteKit
  2. 2023-06-21
    GPT に英語のメールを書いてもらうコツGPT に英語のビジネスメールを書かせる時の基本プロンプト、返信文の作り方、添削の流れをまとめたメモ。
    • GPT
    • ビジネスメール
    • 英語
  3. 2023-04-07
    LangChain + TypeScript で chatGPT が知らないことも答えてもらう（ソースコード付き）LangChain と TypeScript を使い、ChatGPT が知らない最新情報を検索や Web 取得で補わせる実装メモ。
    • LangChain
    • TypeScript
    • chatGPT
  4. 2023-03-28
    GPT-4 にテトリス風パズルゲームを作ってもらったプロンプトGPT-4 にテトリス風パズルゲームを作らせるために使ったプロンプトと生成結果を記録したメモ。
    • GPT
    • HTML
    • CSS
    • JavaScript
  5. 2023-03-27
    SvelteKit で 3rd Party Script を埋め込む 3 つの方法（ChatGPT代筆版）ChatGPT に依頼して作成した、SvelteKit で 3rd Party Script を読み込む方法の解説記事。
    • SvelteKit
    • 3rd Party Script
  6. 2023-03-23
    SvelteKit で 3rd Party Script を埋め込む 3 つの方法SvelteKit で広告タグなどの 3rd Party Script を埋め込むための代表的な 3 つの方法を整理したメモ。
    • SvelteKit
    • 3rd Party Script
  7. 2023-03-02
    職務経歴書の書き方備忘録職務経歴書を書く時に意識したい役割、成果、伝え方の整理方法をまとめた備忘録。
    • 転職
    • 職務経歴
  8. 2022-01-05
    SvelteKit + Vercel でサイトをリニューアルした話SvelteKit と Vercel でサイトをリニューアルした時の技術選定、実装、所感をまとめた記録。
    • SvelteKit
    • Vercel
  9. 2021-08-31
    0から体験してみて絵のパースがなんとなく分かる気になれる入門絵のパースを体験的に理解するための考え方と練習手順を、制作画像とともにまとめた入門記事。
    • パース
    • 絵
  10. 2021-07-21
    CSS で上下左右中央揃えにする 5 つの方法CSS で要素を上下左右中央に揃える 5 つの方法と、それぞれの使いどころを整理したメモ。
    • CSS
    • 上下左右中央揃え
  11. 2021-07-09
    クラウド E2E テストプラットフォーム LambdaTest を触ってみるクラウド E2E テストプラットフォーム LambdaTest の登録から実行までを試した時の操作メモ。
    • LambdaTest
    • E2E
  12. 2021-05-20
    Dialogflow から Actions Builder への migration した後に 管理画面のシミュレーターでバージョンを戻せなくなる時の対処法Dialogflow から Actions Builder へ移行後、シミュレーターで旧バージョンに戻せない時の対処法。
    • Dialogflow
    • Actions Builder
    • migration
  13. 2021-04-15
    Cypress で Form を操作した時に「Whoops, there is no test to run.」と出る時の対処法Cypress で form 操作時に `Whoops, there is no test to run.` が表示される原因と対処法のメモ。
    • Cypress
  14. 2021-03-10
    その肩書は Front-End Engineer なのか JavaScript Engineer なのかFront-End Engineer と JavaScript Engineer という肩書きの違いを、役割と専門性の観点から考えたメモ。
    • Front-End Engineer
    • JavaScript Engineer
  15. 2021-03-09
    max-width を 親に書かないでほしいと言うお話親要素に `max-width` を置くレイアウトが子要素の自由度を下げる問題を整理した CSS 記事。
    • CSS
    • max-width
  16. 2021-02-16
    currentColor 便利だよというお話CSS の `currentColor` を使って色指定を親要素から自然に継承させる便利さを紹介するメモ。
    • CSS
    • color
    • currentColor
  17. 2021-02-15
    自分のサイトまるごと Glassmorphism 適応してその後やめた事から得た知見自分のサイト全体へ Glassmorphism を適用し、その後やめた経験から UI と可読性の学びを整理した記事。
    • Glassmorphism
    • UI
    • UX
  18. 2021-02-10
    「たたかう」のロジックをコードで考えるRPG の「たたかう」処理を題材に、攻撃対象やダメージ計算のロジックをコードで考えるメモ。
    • Node.js
    • RPG
    • 「たたかう」
  19. 2021-01-29
    Glassmorphism をやってみてわかった事Glassmorphism を実装してみて感じたデザイン上の良さ、難しさ、使いどころをまとめた記事。
    • Glassmorphism
    • UI
  20. 2021-01-27
    NoSQL データベース Cloud Firestore でいいねボタンを作ったらデータ構造を何度も変えた話Cloud Firestore でいいねボタンを作る過程で、データ構造を試行錯誤した記録。
    • Cloud Firestore
  21. 2021-01-20
    Svelte に script タグを複数書いて広告タグなどを埋め込む方法Svelte で複数の `script` タグを書き分け、広告タグなどを埋め込む方法を整理したメモ。
    • JavaScript
    • Svelte
  22. 2021-01-15
    オンライン英会話を受けてみてオンライン英会話を受けて感じた良かった点、難しかった点、続け方をまとめた体験記。
    • 英語
  23. 2021-01-14
    ひとつのアプリで複数の Firebase プロジェクトを使う時の Initialize のやり方ひとつのアプリから複数の Firebase プロジェクトを初期化して使う方法をまとめたメモ。
    • JavaScript
    • Firebase
    • Cloud Firestore
  24. 2020-12-29
    ローカライズしてみて得た文章構成の知見をソースコードで見るローカライズ対応を通じて得た、英語と日本語で伝わりやすい文章構成の違いをコード例で整理した記事。
    • ローカライズ
    • JavaScript
    • 英語
  25. 2020-12-17
    Firebase と Contentful で自分だけの Markdown で書ける Blog を作るFirebase と Contentful を使い、Markdown で書ける自分用ブログを作った手順の記録。
    • Firebase
    • Contentful
    • Markdown
  26. 2020-12-14
    Svelte と Express.js で最低限の SSR を実装するSvelte と Express.js を組み合わせて、最低限の SSR を実装する方法をまとめたメモ。
    • Svelte
    • SSR
  27. 2020-12-02
    アウトプットが上手になる10の組み立て方アウトプットを分かりやすく組み立てるための構成手順を、10 個の観点で整理した記事。
    • アウトプット
    • 資料の書き方
  28. 2020-12-02
    詳細解説: Dialogflow から Actions Builder への migration 手順Dialogflow から Actions Builder へ移行する手順を、画面操作と設定の流れに沿って詳しくまとめた記事。
    • Dialogflow
    • Actions Builder
    • GoogleAssistant
  29. 2020-11-25
    アウトプットが上手になる10の方法アウトプットの質を上げるために意識したい 10 個の方法を整理したメモ。
    • アウトプット
    • 資料の書き方
  30. 2020-11-20
    なんとなく分かる Google Tag ManagerGoogle Tag Manager の基本概念と導入時に押さえたい考え方をざっくり理解するための記事。
    • Google Tag Manager
    • GTM
  31. 2020-11-04
    Google アシスタントアクションを、ActionsBuilderにマイグレートする際のtransactionsでの注意点Actions Builder へ移行する際の transactions 設定で注意したい点をまとめたメモ。
    • GoogleAssistant
    • ActionsBuilder
  32. 2020-05-26
    ひとつのドメインで複数のPWA(Service Worker)を配信する方法ひとつのドメイン配下で複数の PWA と Service Worker を配信するための構成方法を整理した記事。
    • domain
    • ServiceWorker
    • PWA
  33. 2019-07-01
    【Googleアシスタント】アクションを20個作り8個クローズして得た事Google アシスタントアクションを複数作り、いくつか閉じた経験から得た学びをまとめた記事。
    • GoogleAssistant
    • actionsongoogle
    • スマートスピーカー
    • dialogflow
  34. 2019-06-13
    SSMLで発話できない文字を発話する方法SSML でそのまま発話できない文字を Google アシスタントに読ませるための方法をまとめたメモ。
    • actionsongoogle
    • SSML
    • Googleアシスタント
  35. 2019-03-15
    VUIで放置系ハクスラRPGを作った話VUI で放置系ハクスラ RPG を作った時の設計、会話、実装上の工夫をまとめた記事。
    • GoogleAssistant
    • actionsongoogle
    • スマートスピーカー
    • dialogflow
    • vui
  36. 2018-04-20
    優れたVUIを持つGoogleアシスタント（スマートスピーカー）アプリの作り方Google アシスタント向けに、聞き取りやすくストレスの少ない VUI アプリを作る考え方を整理した記事。
    • スマートスピーカー
    • dialogflow
    • vui
    • Googleアシスタント
    • AIスピーカー
  37. 2018-01-30
    vue.jsでlightsoutを作って遊ぶVue.js で Lights Out を実装しながら、コンポーネント設計とゲームロジックを試した記録。
    • JavaScript
    • game
    • Vue.js
    • lightsout
  38. 2018-01-29
    NightmareJSとphantomJSとpuppeteerのパフォーマンス検証してみたリリース後5分以内に重要なURLへe2eテストを行うため、主要なヘッドレスブラウザのパフォーマンスを検証したメモ。
    • JavaScript
    • Node.js
    • PhantomJS
    • nightmarejs
    • puppeteer