エンジニア見習いの雑記帳

エンジニア見習いの雑記帳

マガジン

記事一覧

TailwindCSSで、カラーテーマ(ダークモード)をクリック時に切り替える方法

以下の手順を踏む。 1."tailwind.config.js"に特定の記述を行う。 2.HTMLファイルで、ダーク…

TailwindCSSで、改行コード"\n"をきちんと認識させる

初期状態では"\n"が空白文字として認識されるので、以下のクラスを指定するときちんと改行コー…

VSCode上で、関数等の色表示が白かった時は配色テーマを変更しよう

しょうもない事だけど、エディタ右下にある設定ボタンから配色テーマを"ダークモダン"、"モダ…

Macを新調したついでに、環境構築を見直した

プロジェクト単位でNode.jsのバージョンを管理するために、voltaというツールを使用してみた。…

プロンプトエンジニアリングについての有用サイト

プロンプトの品質向上については、以下のサイトを閲覧すると良い。 特に"Techniques"の項目は…

コンテンツの表示領域をドラッグ&ドロップで変更する

ドラッグ&ドロップで表示領域を自由に変更したい場合、"split.js"を導入する必要がある。 ま…

WebアプリにMonacoEditorを埋め込む方法

現在作成中のWebアプリにエディタ機能を実装する必要性が出てきた為、何か良いサービスはない…

ChatGPT-APIからの出力内容をJSON形式にする

今まで出力内容を特に指定していなかったので、思い通りの形に整形するのが困難だった。 これ…

ローカルストレージを利用して、ChatGPTの出力結果を保存する

function saveToLocalStorage(example1, example2, example3) { if (example1.trim() && exam…

ChatGPT-APIでのプロンプト圧縮

どうにかしてトークンの使用量を削減したいと考え、プロンプトを例えば機械語ないしは圧縮デー…

ChatGPT3.5の出力品質を向上させる為に必要な事 その3

"Chain-Of-Thought"を使用するなら、事前に要件を指定して最終的な出力に至る迄の順序を、なる…

ChatGPT3.5の出力品質を向上させる為に必要な事 その2

・評価指標の明確化について 生成された文章について評価を行う時、何かしらの言葉を定義付の…

ChatGPT3.5の出力品質を向上させる為に必要な事

・要件をより具体的に記述する。 ・入出力の詳細例を添付する。 ・出力に対する評価基準を明確…

ChatGPTのモデル間による出力結果の差異

ChatGPT-APIを使用したアプリケーションの作成中、試しにモデルを"gpt-3.5-turbo-0125"から"gp…

tailwindCSSでの高さ、横幅の設定

通常height、widthの設定は"h-1""w-1"という形で設定する。 "tailwind.config.js"でスタイルを…

TCP・UDP等を学んでいて感じた事

現在Pythonを用いて、CLI上でデータを送受信するプログラムを作成している。 クライアント側で…

TailwindCSSで、カラーテーマ(ダークモード)をクリック時に切り替える方法

以下の手順を踏む。 1."tailwind.config.js"に特定の記述を行う。 2.HTMLファイルで、ダーク…

TailwindCSSで、改行コード"\n"をきちんと認識させる

初期状態では"\n"が空白文字として認識されるので、以下のクラスを指定するときちんと改行コー…

VSCode上で、関数等の色表示が白かった時は配色テーマを変更しよう

しょうもない事だけど、エディタ右下にある設定ボタンから配色テーマを"ダークモダン"、"モダ…

Macを新調したついでに、環境構築を見直した

プロジェクト単位でNode.jsのバージョンを管理するために、voltaというツールを使用してみた。…

プロンプトエンジニアリングについての有用サイト

プロンプトの品質向上については、以下のサイトを閲覧すると良い。 特に"Techniques"の項目は…

コンテンツの表示領域をドラッグ&ドロップで変更する

ドラッグ&ドロップで表示領域を自由に変更したい場合、"split.js"を導入する必要がある。 ま…

WebアプリにMonacoEditorを埋め込む方法

現在作成中のWebアプリにエディタ機能を実装する必要性が出てきた為、何か良いサービスはない…

ChatGPT-APIからの出力内容をJSON形式にする

今まで出力内容を特に指定していなかったので、思い通りの形に整形するのが困難だった。 これ…

ローカルストレージを利用して、ChatGPTの出力結果を保存する

function saveToLocalStorage(example1, example2, example3) { if (example1.trim() && exam…

ChatGPT-APIでのプロンプト圧縮

どうにかしてトークンの使用量を削減したいと考え、プロンプトを例えば機械語ないしは圧縮デー…

ChatGPT3.5の出力品質を向上させる為に必要な事 その3

"Chain-Of-Thought"を使用するなら、事前に要件を指定して最終的な出力に至る迄の順序を、なる…

ChatGPT3.5の出力品質を向上させる為に必要な事 その2

・評価指標の明確化について 生成された文章について評価を行う時、何かしらの言葉を定義付の…

ChatGPT3.5の出力品質を向上させる為に必要な事

・要件をより具体的に記述する。 ・入出力の詳細例を添付する。 ・出力に対する評価基準を明確…

ChatGPTのモデル間による出力結果の差異

ChatGPT-APIを使用したアプリケーションの作成中、試しにモデルを"gpt-3.5-turbo-0125"から"gp…

tailwindCSSでの高さ、横幅の設定

通常height、widthの設定は"h-1""w-1"という形で設定する。 "tailwind.config.js"でスタイルを…

TCP・UDP等を学んでいて感じた事

現在Pythonを用いて、CLI上でデータを送受信するプログラムを作成している。 クライアント側で…