年末も近くなり、皆さんも帰省について考え始める頃だとは思うが、一方、旅行に行ったり、自分ではなくパートナーの帰省に随行するなどで飛行機や新幹線を調べる方もいるだろう。 その中で、北海道に来る人。 北海道のお土産というのは、個人的に質・量いずれも全国トップクラスだと思っており、札幌駅のお土産店や新千歳空港でよく知らないお菓子を適当に選んでも、そうそう外れる事はないのだが、道民として「これ美味いのに道外の知名度低いんだよなぁ」というものが結構ある。 北海道土産の王者白い恋人や、価格と品質のバランスでばら撒き菓子戦線上位に確固とした足場を築いた札幌農学校、ロイズのチョコレート、ルタオのチーズケーキなどは当然のように美味いし、あったら喜んで食べるのだが、今回はメジャーすぎるということで選外とし、もうちょっと「あれ美味しかったです」「そうでしょ、北海道では有名なのよ」となって内心ニヤけるようなものを

Mermaid Graphical Editor VSCodeの拡張機能です。 Mermaid記法を利用してマークダウン内部で作図しながら、Mermaidそれ自体のエディタを立ち上げることができます。 逆にMermaid Editor側で編集した内容もマークダウンにフィードバックされます。 vs Draw.io Integration 類似ツールとしてDraw.io Integrationがあります。 こちらは.drawio拡張子のファイルをVSCodeで作成すると、draw.ioのエディタが開いて作図ができるツールです。 しかし、draw.ioはあくまで図が書けるところを生業としていて、作成したdraw.ioファイルをマークダウンファイルに埋め込むには画像としてexportが必要です。 できれば自分はマークダウン以外のファイルを作らず、一つのマークダウンファイルだけで完結したいと思ってま

クリエイティブ系のウェブサイト制作で役立つCSS技法 / CSS for develop creative website

こんにちはイワツカです。 食欲の秋ということでサツマイモやキノコが美味しい季節ですね。 さて今回は、生成AIを使おうと思ってもプロンプトの書き方がよく分からず、生成AIから思ったような回答を得られない...なんて方におススメのOpenAIのプロンプトジェネレーター機能を紹介します。 1. プロンプトジェネレーターとは 使い方 2. ユースケースごとのプロンプトと結果比較 Pythonコードのリファクタリング プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 API設計 プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 ブログ作成 プロンプトジェネレーターを使わない場合 プロンプトジェネレーターを使う場合 3. まとめ 1. プロンプトジェネレーターとは プロンプトジェネレーターとは、その名の通り、AIに対する指示文（プロンプト）を自動的に

2024年11月28日紙版発売 2024年11月28日電子版発売 小森裕介　著 B5変形判／528ページ 定価3,960円（本体3,600円＋税10%） ISBN 978-4-297-14571-2 Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 なぜWebシステムをうまく作ることができないのか？――本書は2010年に初版が発行されました。Webに携わるエンジニアだけでなく，Webマーケティング担当者にいたるまでWebの仕組みを根本から理解するための技術書として多くの方々に利用されました。それから10数年の月日が流れ，本書の特徴である技術の根本をていねいに解説するスタイルはそのままにアップデートを図

こんにちは。Google の AI「Gemini（ジェミニ）」の公式 note 編集部です。 どんな質問に対しても自然な言葉で返してくれる生成 AI ですが、なかなか思い通りの回答が得られない、アイデアを聞いても一般論しか返ってこない、とお悩みの方も多いのではないでしょうか？ 今回は、私たち Google が公開している Prompting Guide や Gen AI Tips を元に、Gemini をさらに効果的に活用するためのプロンプト（AI に送る質問文や指示文）ガイドを、わかりやすく解説していきます。 ガイドと聞くと難しそうに感じるかもしれませんが、大事なことは以下の 2 点です： Gemini にお願いしたいことを、なるべく詳しく、自然言語で思いついたまま書く 思ったとおりの回答が返ってこなくても、すぐに諦めず、たくさん会話してみる たくさん会話すればするほど、回答の精度も高く

こんにちは、料理と筋トレをこよなく愛する筋肉料理人です。 寒くなってくると食べたくなるものの1つが、マカロニ、肉や野菜に熱々のソースがからんで、食べるとお腹の中からじわ～っと温まれるグラタンです。そこで今回は、安く買えてたんぱく質豊富、食べごたえもある鶏むね肉と、栄養満点で、野菜としてはたんぱく質が多いブロッコリーをグラタン風にして美味しく食べるレシピを紹介します。 順に炒めたり焼いたりしていけばフライパン1つ、ひと口コンロでも仕上がるので、オーブンやオーブントースターの出番はありません！ 鶏むね肉はマヨネーズをからめて焼くことでパサつきなし。さらに、そのマヨネーズが牛乳、小麦粉と合わさり、熱々のベシャメル風ソースになってグラタンを美味しくまとめてくれますよ。 筋肉料理人の「鶏むね肉とブロッコリーのフライパングラタン風」 【材料】2人分 鶏むね肉　200g ブロッコリー　150g 玉ねぎ　

(追記)今Kindleのランキングを見てみたら無料カテゴリ総合で1位になっていた。初めての増田の投稿でこんなことになるなんて夢にも思わず、ほんと皆んなには感謝している。嬉しすぎてコメント全部読んだので、鬱陶しくならない程度に文末に追加する。 ---- 自分としては「これは面白いものを作ったぞ！」と自信満々だったのだが、思ってたほどダウンロードされてないのでぜひ見てみてほしい。はてブではカレーの話題がちょくちょく上がるから、もしかしたらここに書けば俺らが届けたい人に届くんじゃないかと思った。 https://www.amazon.co.jp/dp/B0DJX32B2G 416種類のスパイスレシピを載せていて、1700ページを超える分量を無料配信している。といっても、著者は俺じゃなくて近所の友達なんだけども。 ーーーー 言いたいことはこれだけだったんだけど、ついでに、ここにいたるまでの自分語り

家計にやさしい食卓の強力助っ人、もやし。今回は「もやし＋調味料だけ」で作れる副菜を5つ紹介します。「電子レンジで時短、お弁当に入れてもOK」の条件で、料理研究家の吉田瑞子先生に考案していただきました。 副菜やお弁当のおかずにはもちろん、ビールのおつまみにもなる、しっかりした味付け。満足感もあるのでカロリーを気にしている人にもおすすめです。 材料（2人分） もやし…100g（1/2袋） ※根が気になれば取り除く ごま油…小さじ1/2 A すりごま（白）…小さじ2 長ねぎ（みじん切り）…小さじ1 生姜（みじん切り）…小さじ1/2 にんにく（みじん切り）…少々 砂糖…小さじ1 塩…小さじ1/3 こしょう…少々 作り方 耐熱ボウルにAを合わせる。もやしを加えて混ぜ、ごま油を回し入れてさっと和える。ふんわりとラップをして500Wの電子レンジで1分加熱し、混ぜる。 一般的な中華サラダにはハムやきゅうり

同世代男性たちがやっているポッドキャストOssan.fmで紹介されていた「あたらしい家中華」という本を買ってみた。 特別な調味料は必要なく、あっさりしていて、毎日でも食べられるそう。マジで？ MCのnagayamaさん曰く、ご家族にも評判がいいらしい。なるほどね。買ってみよ。 該当エピソードはこちら→ 311. あたらしい家中華 届いた本をパラパラ〜っと見て、これはたしかに調味料としても一般的な家庭にあるものばかり、ちょっと特殊といえば紹興酒とか黒酢くらい？なかなかよさそう 子どもたちが「これ食べたいから付箋つけておくね」と、いきなり付箋だらけ 器具について「特別なものはいらないけど筆者はこれを使ってるよ」と本の中で紹介されていて、形から入るタイプなので色々買った。中華鍋・おたま・五徳・蒸し板・蒸し板用のトングを買った。詳細は後述。 目についたものを週末いろいろと作ってみた、優しい味で家族

株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4 （以下「GA4」）は多種多様なレポート機能があり、更に深掘りするための探索機能も用意されています。 その一方で難しさを感じる人も多くいるのではないでしょうか。 また、Googleは情報を可視化するためのLooker Studioというサービスを無料で展開しています。 Looker Studioのレポート例 どちらも数値を表示するという意味では一緒です。 ですが、これらの機能は業務においてどのように使い分けるのが良いか？ そしてそもそも、すべて利用する必要があるのか？ と迷うこともあるはず。 今回は、そんな疑問をテーマにし、お届けいたします。 GA4とLooker Studio、それぞれのレポート機能の特徴 GA4のレポート機能：初心者はまずここから！ レポート機能はサイトの「

本物の人間と区別がつかない！ グーグルが先月リリースした新種の生成AIが米国で今、注目を浴びている。各種の文書を読み込んで、それをベースに（ポッドキャストを想定した）軽妙な音声会話を生成するAIだ。 本来、同社の文書管理・編集AI「NotebookLM」の派生機能として提供が始まったが、これがユーザーの間で実際に使われ出すと本家を凌ぐ人気となった。とにかく、このAIが生成する男女の音声会話は、本物の人間と全く区別がつかないほどリアルなのだ。また会話の内容も驚くほど充実している。 未だベータ版（試験利用）の段階だが日本でもすでに使えるし、日本語の文書も受け付ける。ただし出力される音声会話は今のところ英語のみだ。ちなみに、これによるポッドキャスト番組は「Deep Dive」と呼ばれているが、これは番組のホストとなる生成AI製の男女が自分たちの会話の中でそう呼んでいるに過ぎない。 つまりあくまで

もし世界が消滅して Visual Studio Code の設定が失われてしまった時に、この記事を見ればまた VSCode のカスタマイズが復元できる。 ここでは Visual Studio Code の見た目に影響するものについてのみ 取り上げる。 スクリーンショット Editor Terminal Zen Mode 環境 Visual Studio Code バージョン: 1.94.2 (user setup) コミット: 384ff7382de624fb94dbaf6da11977bba1ecd427 日付: 2024-10-09T16:08:44.566Z Electron: 30.5.1 ElectronBuildId: 10262041 Chromium: 124.0.6367.243 Node.js: 20.16.0 V8: 12.4.254.20-electron.0 OS

Webページを表示し、スクロールダウンするとヘッダが非表示になり、ページのどこからでもスクロールアップするとヘッダが再び表示される、というのを見たことがあると思います。 これまでは実装するにはJavaScriptが必要でしたが、CSSのみで実装できる方法を紹介します。 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Scroll-Driven Animationsでスクロール方向を検出する transition-delayプロパティを使ったテクニック ヘッダをスクロール時に表示

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? OpenAI DevDay 2024でいくつかの新しい機能が実装されています。 新機能のひとつに、プロンプト自動作成というものがあります。 目的を入力しただけで、自動的にシステムプロンプトを作成してくれるというものです。 他の新機能に比べると、やや地味目ですが、どんな感じのプロンプトを作成してくれるのか気になったので試してみました。 TL;DR 曖昧な一文からでも、マークダウン形式に沿ったプロンプトを書いてくれるので、たたき台としてよさそう。 プロンプト自体がマークダウン形式なせいか、Output形式がマークダウンに引きずられることがあ

はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <

猫が死んだ。 まだ実家にいた頃、夏の雨の夜に裏庭の網戸越しに必死にないて助けを求めにきた。野良猫ではなさそうな毛の長い種類の猫で背骨がゴリゴリと痩せていた。既に猫を2匹飼っていたので持っていたネコエサをすぐにあげたがガリガリなのにいくらも食べずに、フミはただ人恋しがって撫でてくれと必死にせがみ続ける愛情に飢えた猫だった。 その１〜２年後、以前、絶対に人に可愛がられていたであろう人懐こい野良猫を、職場からうちに招いた。職場で子を産み、子をそれぞれで引き取ったが、子を取られたにゃおはとても悲しがって見ていられなかったから。にゃおは感情表現が豊かで、私が帰ってくると、玄関の土間でばったんばったんと身体をくねらしぐうぐう言いながら喜びを全身で表現した。私が他の猫を撫でていると不機嫌な顔をしながらパンチで追い払い、私を独り占めしようとする嫉妬深さも人一倍だった。 歳を取ったこの２人は毎日寄り添って寝