ChatGPTなど複数のチャットAIからの返答をまとめて比較できるツール「OpenPlayground」を使ってみた
チャットAIの進化速度はすさまじいもので、次々と新たな言語モデルが登場しています。ChatGPTだけでも複数のバージョンが存在しているほか、特定の用途に特化した言語モデルなども登場しているため、どのモデルを選べばいいのか迷ってしまいがちなものです。Githubの元CEOであるナット・フリードマンさんが開発している「OpenPlayground」は、そうした複数の言語モデルを比較する際に役立つUIを提供してくれるツールとのこと。どんなものなのか、早速使い勝手を試してみました。 GitHub - nat/openplayground: An LLM playground you can run on your laptop https://github.com/nat/openplayground GitHubのページを見ると、インストール方法が2つ用意されている模様。今回はDockerを利用
pictureタグとsrcset属性の違い。超わかりやすく
例えば、スマホ端末に対して1920×1080の画像を表示するのはムダです。 もっと小さいサイズでいいですからね。 逆にデスクトップPCだと画面が大きいので、1920×1080の画像を表示しても良いですよね。 このように デスクトップPC →1024×682の画像を表示する ノートパソコンPC →640×426の画像を表示する スマホ →400×266の画像を表示する という風に、大きさの異なる画像を出し分けたいときに使うのがsrcset属性です。 srcset属性のデモページ（ソース） ※後述していますが、ChromeやSafariの場合はスーパーリロードしないと画像が切り替わりません 例えば、以下のように書くと <img srcset="small.png 400w, medium.png 640w, large.png 1024w" src="large.png" /> imgタグは、
FontGoggles - フォントを並べて比較する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました どのフォントを使うかによって、受け手で感じる印象はまったく違います。とはいえ、フォントがまったく違うコンセプトでできているならばまだしも、ちょっとした違いしかない場合にどちらを採用するかは難しい問題です。 そこで使ってみたいのがFontGogglesです。フォントを比較表示できるソフトウェアです。 FontGogglesの使い方 フォントをドラッグ&ドロップで登録して、同じテキストで比較できます。 日本語も使えます。 マージンやフォントサイズを変更して比較もできます。 デザイナーであればフォントの比較はよく行うでしょう。開発者であっても、プログラミングフォントを比較して自分にあったものを選ぶことができます。各文字の細かな情報も得られるので、フォント選択時に役立ててください。 Fon
WordPressの多言語化（マルチ言語化）検討 – Narratives From A Counselling Room
Diversity Counseling New Zealand（http://dcnz.net）において、カウンセリングサービスを複数の言語で提供することに伴い、このサイトを多言語化することを検討している。（調査時のメモ書き） ワードプレスのサイトにおいて、この件ついてまとめているので参考にさせてもらいながら、検討してみたい。しかし、たくさんあるので、検証には少し時間がかかりそう。 WordPress で多言語サイトを作成する 多言語化プラグインにはいくつか基本的なタイプがあります。 １．言語ごとに1つの投稿を管理する方法 (例: WPML【有料】、xili-language、Polylang、Bogo)。翻訳された投稿はお互いに関連付けられ、ある投稿の翻訳投稿がどれなのかが表示されます。 ２．すべての翻訳文をひとつの投稿内に含める方法（例: qTranslate）。 ３．投稿のコンテク
地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先：Photoshop/Presets/Scripts/ Photoshop
[JS]ビフォーアフターの2枚の画像を分かりやすく比較できるようにするスクリプト -TwentyTwenty
2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwenty TwentyTwenty -GitHub TwentyTwentyのデモ TwentyTwentyの使い方 TwentyTwentyのデモ デモはスクリプトのページに大きく掲載されています。 モダンブラウザをはじめ、スマフォ・タブレットでご覧ください。IEは8+で。 オプションでオーバーレイのパネルを設定しています。 TwentyTwentyの使い方 Step 1: 外部ファイル 「jquery.js」とプラグイン「event.move.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <script type="text/javascript"
[AS3] ふたつの数値の最大値・最小値を得るにはMathクラスより条件演算子?:の方が速い
条件演算子に書替えた方が速いのは、大きくふたつ理由があると考えられます。第1は、Math.max()やMath.min()メソッドには、いくつでも引数が渡せることです。つまり、引数の数を確かめ、すべての大小を調べることが求められます。そのため、数値はふたつと決めて、それらの大小を比べる?:演算子の処理の方が速くなるのです。 任意の数の引数から最大値を返す関数は、たとえばつぎのスクリプト001のように定められます(不定数の引数定義については、「...(rest)パラメータ定義キーワード」参照)。しかし、この関数の処理は、引数を不定にしてしまったため、Math.max()メソッドと比べて決して速くありません(後掲テスト001参照)。 スクリプト001■任意の数の引数から最大値を取出す関数 function xMax(...values):Number { var nLength:uint =
![[AS3] ふたつの数値の最大値・最小値を得るにはMathクラスより条件演算子?:の方が速い](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
Excelで2つの列で重複しない（する）値を探す
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 この記事を動画化しました。 文章を読むよりわかりやすいと思いますので、ぜひ動画をご覧ください。 なお、元の記事ではVLOOKUP関数を使っていますが、動画ではCOUNTIF関数に変えました。 YouTubeのチャンネル登録をよろしくお願いします 昨日、家内から以下のような質問を受けました。 Excelで、2つの列に入力した多数の英単語の中で、両方の列に重複していない英単語を探したい。 例えば、以下の画面のように表示できると良いでしょう。 「apple」「banana」「grape」「peach」はA列とC列の両方にあり、重複していますので、A列／C列の該当する単語の箇所に「×」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tiff - a visual typeface diff tool.