はじめに 2023 年 1 月に Azure OpenAI Service の一般提供 (GA) が開始されました。そこで、本記事では Azure OpenAI Service の概要、関連情報へのリンク、利用開始までの手順についてまとめました。 General availability of Azure OpenAI Service expands access to large, advanced AI models with added enterprise benefits Azure OpenAI Service の一般提供開始 大規模かつ高度な AI モデルへのアクセスを拡大し、企業に付加価値を提供 なお、本記事には個々のモデルのアルゴリズムの解説は含みません。 また、本記事に含む情報 (利用可能なモデル・リージョン等) は執筆時点のものです。 アップデートが激しいため最新の情

タイトルに書いてあることをやろうとしたとき、 パソコンが苦手な私にとっては、いろいろと苦戦してしまったので、同じようなことをする人の参考になればと思い、手順をまとめて見ます。 A5:SQL Mk-2 とは 公式サイト: 各種 DB (mysql や postgresql) に接続してデータベースの管理・操作ができる GUI ツール 無料で使える ER図をリバースエンジニアリングで作成できる(ER図からテーブルの作成もできる？？) (特に既存のデータベースからER図を作る機能が使いたくて、今回私はインストールしました) 環境・バージョンなど OS エディション Windows 10 Pro バージョン 21H1 OS ビルド 19043.844 WSL $ lsb_release --all No LSB modules are available. Distributor ID: Ubun

A Prettier Plugin for formatting Astro files. Latest version: 0.14.1, last published: a month ago. Start using prettier-... Prettierの設定 次に、プロジェクトのルートディレクトリに.prettierrcファイルを作成し、Prettierの設定を追加します。以下は一例です。 { "printWidth": 80, "tabWidth": 2, "useTabs": false, "semi": true, "singleQuote": false, "trailingComma": "es5", "bracketSpacing": true, "arrowParens": "avoid", "proseWrap": "always" } Prettierの実行ス

概要 Astro のコンポーネントで、子コンポーネント側で動的にクラスを追加したりする時の実装方法。 https://wp-kyoto.net/use-class-list-instead-of-clsx-in-astro/ コンポーネントをつくる Astro.propsから class プロパティを取得し、それを className という名前の変数に割り当て、Astro のclass:list属性でクラス名と className 変数の値が含まれる配列を渡す。 --- interface Props { href: string; text: string; class: string; } const { href, class: className } = Astro.props; --- <a href={href}> <button class:list={["button",

Supershipの名畑です。アニメ「うる星やつら」がついに最終章を迎えました。別れは寂しいけれどしっかり堪能させていただきます。 はじめに OpenAIが5月にリリースしましたGPT-4o(oはomni）はその品質の高さから、かなりの衝撃を以て様々なメディアに取り上げられました。 このGPT-4oはWeb APIからも呼び出せますので、今回はその実装を書き残します。 テキストのみのインプット 画像のURLを含むインプット ローカルの画像ファイルを含むインプット 上記の3つを行います。 料金 Pricingのページをご覧ください。画像はその解像度で金額が変わりますのでご注意ください。 私の環境 OSはmacOS 14 Sonomaです。 今回の使用言語はPythonです。 バージョンは3.12.2です。

こんにちは、新卒2年目エンジニアのYuito Hayashiです。 最近、OpenAIからGPT-4oが発表され、話題になっていますね。 実際に使ってみて、レスポンスがかなり早くなっていたことに驚きました。 今回は話題のGPT-4oのAPIについて触れていこうと思います。 事前準備

Base64文字列を画像にデコードします。

1. はじめに 「1台のPCで複数のGitアカウントを使いたい！」といった場合に、アカウントを切り替える方法の備忘録。 2. 環境 TortoiseGit Windows 10 3. 手順 3-1. TortoiseGitのアカウント設定変更 TortoiseGitの設定画面を開く。 ツリーにて「Gti」を選択し、「このユーザの設定を編集」から名前とメールを変更する。 3-2. 資格情報を削除 「コントロールパネル」⇒「ユーザーアカウント」⇒「Windows資格情報の管理」開く。 Gitの資格情報を削除する。

リストは実際にあるセル範囲、もしくは文字列としてだけ指定できるので、この場合はセルにB,CとA,Cをセルに書き出しておきます。 A1セルとB1セルの場合 リストのセル範囲をG1:I2に書き出します。 A1セルの入力規則 入力値の種類：リスト 元の値：=$G$1:$H$1 B1セルの入力規則 入力値の種類：リスト 元の値：=IF(A1="A",$G$1:$G$2,IF(A1="B",$H$1:$H$2,$I$1)) ※元の値に =IF(A1="A",$G$1:$G$2,IF(A1="B",$H$1:$H$2,"")) などと値を指定するとエラーになります。必ずセル範囲を指定します。

ホームページの画面全体を印刷したいという場面がありますよね。そんな時、ホームページを開きいつものように「印刷」をクリックすればプリントアウトは可能ですが、PCで見たままのレイアウトではなく、酷いものでは文字が端に寄っていたり、フォントがまるで違っていたり、画像が表示されていないということがあります。なぜこのような表示で印刷されるのでしょうか。 レイアウトを崩さずに、PCに表示されたままの状態を印刷するにはどうしたら良いのでしょうか？　今回はホームページの体裁崩れをさせずに美しく印刷する方法を解説いたします。 ＜目次＞ ・印刷したホームページが体裁崩れを起こす理由 ・Webサイトを画面のまま印刷する方法 ・Google Chromeの場合 ・Safariの場合 ・Firefoxの場合 ・Internet Explorerの場合 ・アプリケーション 印刷したホームページが体裁崩れを起こす理由

スマートフォンサイトでよく使われるメニューに三本線で表示されている「ハンバーガーメニュー」が挙げられます。 ハンバーガーメニューを実装するのはCSSとJavaScript、もしくはjQueryを使用することが多いですが、今回はもっと手軽にCSSのみで実装する方法を紹介いたします。 まずハンバーガーメニューとはスマートフォンサイトなどで用いられるメニューです。 三本線のアイコンがハンバーガーに見えるためそう名付けられました。この三本線のボタンをタップするとメニューが展開し、もう一度タップするとメニューが収納されます。 ハンバーガーメニューについては弊社ブログの過去記事「ハンバーガーメニューのメリット・デメリット」に詳しくまとめてありますのでご覧ください。 コーディングで実装する際は、この三本線のボタンとメニューの二つの要素を記述します。 ボタンが一度タップされているかどうかを判断し、一度タッ

ハンバーガーメニューのHTML まずはハンバーガーメニューの作り方のうち、CSSでデザインをするために土台になるHTMLです。 以下のHTMLを元にハンバーガーメニューの作り方を説明します。 <div class="hamburger-menu"> <input type="checkbox" id="menu_btn_check"> <label for="menu_btn_check" class="menu-btn"><span></span></label> <label for="menu_btn_check" class="menu-mask"></label> <div class="hamburger-contents"> <label for="menu_btn_check" class="menu-close"><i class="fas fa-times"></i><

今からSQL Serverを使う場合は、最新のSQL Server 2017を使うのがおすすめですね。 また、無償版のSQL Server 2017 Expressでもほとんど有償版と同じ機能を使えるので、初めて使う方はSQL Server 2017 Expressを使うのがおすすめです！ SQL Server 2017のシステム要件 SQL Server 2017が動作するシステム要件をまとめました。 .NET Framework 　：4.6 メモリ　　　　　　：1GB以上(4G以上で安定) ハードディスク容量：6 GB 以上 対応OS　　 　 　　：Windows8以降、Windows Server 2012/2016 64bit Windows7のPCまたは、32bitのPCではインストールできないため注意が必要です。 また、無料版SQL Server 2017 Expressが10

Tailwindを用いたレスポンシブ設定 Tailwindとは 公式ドキュメント Tailwindの使い方などは、こちらの記事を参考にしてみてください。 https://qiita.com/zzzzz/items/68461080515ec1012980 レスポンシブとは レスポンシブデザインとは 簡単に説明すると PC版、タブレット版やスマートフォン版などのページレイアウトを複数のページに分割することなく、一つのページにまとめて描く方法です。 Tailwind内に置けるレスポンシブ幅 sm: min-width:640px; md: min-width:768px; lg: min-width:1024px; xl: min-width:1280px; と設定されています。 ちなみに、768pxはiPad/mini/airと同じ画面幅です。また、1024pxはiPad Pro 12.9と

カルーセルコンポーネントの実装 カルーセルコンポーネントを実装する。 デフォルトのページネーション、ナビゲーションボタン、スクロールバーを入れているので、不要な場合は削除する。 --- import { Image } from 'astro:assets' import slide01 from '/public/ged038.jpg' import slide02 from '/public/ged039.jpg' import slide03 from '/public/ged040.jpg' import slide04 from '/public/ged041.jpg' import slide05 from '/public/ged042.jpg' import slide06 from '/public/ged043.jpg' import slide07 from '/pu

Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!

はじめに Cloud SQLにローカルからA5:SQL Mk-2(DBツール)で接続する方法を紹介します。 今回はツールとしてA5:SQL Mk-2を選択していますが、他のツールでも問題ありません。 基本的に下記の公式ドキュメントを元に進めれば問題なく接続できると思います。 外部アプリケーションから Cloud SQL に接続する  |  Cloud SQL for MySQL  |  Google Cloud 環境 Windows10 事前準備 1. API を有効化する Cloud SQL Admin API を有効にします。 2. ローカルマシンにプロキシ クライアントをインストールする https://dl.google.com/cloudsql/cloud_sql_proxy_x64.exe?hl=ja インストールというよりはexeファイルをダウンロードするだけのようです。 W