本日（2023/2/14）、ついに Firefox でコンテナクエリ（container query）に対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ @containerを使うと任意の要素を基準にできるので、「A要素の横幅が 500px 以下のとき、子要素のレイアウトを変える」などが手軽に実現できます。 とくにコンポーネントベース開発が主流の現在においては、コンテナクエリをマスターすることで、より柔軟でラクなレスポンシブ対応が可能になります。 本記事では、コンテナクエリの基本、メリット、デモまでをできるだけ詳しく解説し、コンテナクエリを理解することを目標としま

30歳前後になると、今一度キャリアを見つめ直し、転職や独立など新しい働き方を検討する人は少なくないと思います。加えて、労働環境の変化やコミュニケーションツールの発達が進む昨今では、多くの選択肢が目に入ってくるため、どのように自分らしく働くか、悩んでいる人も少なくないのではないでしょうか。 そこで今回は、書評家の石井千湖さんに、そもそも私たちにとっての「仕事とはなにか？」「働くとはなにか？」を考え直すきっかけをくれる5冊をご紹介いただきました。最近、自身も働き方の変化を経験したという石井さん。文学から哲学まで幅広いラインナップの中から、春を迎える前に改めて自分と仕事の関係について考えてみてはいかがでしょうか。 ＊＊＊仕事ってなんでしょうね？ 突然すみません。石井千湖と申します。わたしは子供のころから本が好きで、書店員を経てブックレビューをメインに書くフリーライターになりました。「書評家」と呼

「日本国内におけるSEOの第一人者は？」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん（@tsuj）ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5％に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか？ 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部

ハンマーを持ってたらなんでも叩きたくなる、という言葉があって、ソフトウェアを作っててこの言葉が出てくるときには、先入観によって解き方を決めてはいけないよ、手段と目的は分けて考えよう、というときによく出てくる。 でも、自覚的にやる場合は良くて、 いろんな解き方があるけど、最近ハンマーの使い方を習得したので、なんでも釘とみなして叩いている ネジをぶっ叩いて木片を固定するのに失敗したら、ネジだとみなしてまわしていけばよいという、余裕がある状態である と捉えると、そんなに悪くないのかな、と最近は思っている。 ヘルシオのオーブンを買ったときに、これはヘルシオで作らなくてもいいじゃん…というものも一通り作ってみた。チャーハンとか。 そんなにおいしく作れなかったので、結果、チャーハンは作らなくなって、ヘルシオは鶏を焼いたりパンを温めたりするのに主に使っている。 一通り作ってみたら、蒸し物はホットクックで

こんにちは、料理・食文化研究家の庭乃桃です。本日ご紹介するのは、寒さの厳しい今の時期にはピッタリ！　ひと口食べれば体がポカポカ、香味野菜とうま味たっぷりのスープがおいしいタイのおかゆ「カオトム」です。 タイといえば、意外にもおかゆのおいしさでも知られる国。その中でもさらっとした口当たりがおいしい、日本の雑炊にも似た食感の「カオトム」を作ってみたいと思います。 肉や魚介、卵など、さまざまな具材で楽しむことができますが、そのおいしさをギュッとひと皿に詰め込み、しかも冷やご飯で手軽に作る方法をご紹介します。 ポイントは、スープをいかにうま味たっぷりに仕上げるか。長時間煮込まなくてもいいよう、身近にある食べものを隠し味として使っていきます。 それでは、材料をそろえて10分煮込むだけで完成する絶品のカオトム、ぜひ作ってみてくださいね！ 冷やご飯で作る、タイのおかゆ「カオトム」 【材料（1人分）】 冷

最近流行りのAstroフレームワークで、WordPressの静的Headless化がかなりお手軽にできたのでまとめてみました。 開発環境 Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン入り） Astroとは？ Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 (公式ドキュメントより) LocalでWordPressを構築 まずLocalを使って、ローカル環境にWordPressを構築します。 サイト名 Astro Blog（お好みで） サイトドメイン astro-blog.local WordPressの設定 WP AdminでWordPressのダッシュボードを立ち上げ、いくつかの

ChatGPTは「手前の文に確率的にありそうな続きの文字を繋げるAI」 まず最初にChatGPTの仕組みについて。 深津さんによるとChatGPTは、「手前の文に確率的にありそうな続きの文字をどんどん繋げていくAIである」とのこと。 例えば「昔々」という入力に対して、確率的にありそうな続きの文字は「あるところに」であるという具合に、続きそうな文字をただ出してくれるAIなんだそうです。 これを誤解していると求めているような回答がなかなか得られないので、ChatGPTに自分が求めている回答してもらうためには、確率的にありそうな続きの文字を出す方向性を狭めていくような質問をする必要があるそうなんですね。

Chat GPTをさらに進化させた、Bingに搭載されるチャットAI機能を先行で体験したので、いろいろ使ってみた。情報収集よりも文章形成が中心です。 2023/2/18 追記：アップデートが入ったので現在はできなくなってることも多々あるみたいです。 比較表ハムスターとiPhoneの比較ジョークを考える弁護士に厳しい怖すぎる俳句ドクロ俳句 ドクロハンバーガー俳句 漫才コロナ禍漫才ロールプレイ高飛車な女の子紹介文グラビアアイドル風の武田信玄グラビアアイドル風の卑弥呼裁判ゲーム陰謀論地球平面論者のロールプレイ指示した話を膨らませて書くチャーハンを捨てる話SS天海春香と櫻木真乃の対話碇親子の会話おじさん構文 このあと「iPhoneをあげるよ」としつこかった思想のトレースラップバトル「お前はただの曲がった果物」ジョークの解説批判的な検討非現実的な前提からのシミュレートアスキーアートシナリオの中間を考