こんにちは、料理と筋トレをこよなく愛する筋肉料理人です。 鶏むね肉と卵でたんぱく質が摂れて、野菜も美味しく食べられるみそ汁レシピ。 www.hotpepper.jp www.hotpepper.jp 今日はうま味たっぷり、食物繊維も豊富な切り干し大根を使った「鶏むね肉と切り干し大根のみそ汁」を紹介します。 切り干し大根は、もともと水分の多い大根を細く切って乾燥させた乾物。うま味や甘みが凝縮し、歯ごたえのある独特の食感が生まれます。その切り干し大根と鶏むね肉のうま味を余すことなく使うと、だしを入れなくても美味しいみそ汁ができますよ。使い切れずに残った切り干し大根があれば、水洗いしてみそ汁に入れてみてください。 そのまま煮てしまうとかたくなりがちな鶏むね肉は、下処理しておけばツルリとしてやわらかく食べられます。 筋肉料理人の「鶏むね肉と切り干し大根のみそ汁」 【材料】2人分 鶏むね肉（皮つき）

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

はじめに SREチームの大木( @2357gi )です。 ECS Serviceのオートスケーリングやバッチなど、ECS Taskの起動停止が頻繁に行われる環境でAWS Configを有効にしていると、AWS Configのコストが無邪気に跳ね上がってしまうことがあります。 インターネット上では特定のリソースを対象外にすることによりコストを抑える手法が多くの記事として見かけますが、対象外にするとAWS Config側で「リソースタイムラインの表示」ができなくなったり、Security hubで使用する情報の記録を行うことができなくなってしまいます。 そこで、特定のリソースを「記録から除外」するのではなく、「日時記録に設定」することにより前述した懸念点を解消しつつ、コスト削減をすることができたので紹介します。 経緯 我々のプロダクトでもサービスのスケールや機能拡大に伴い AWS Config

TSKaigi 2024 のトークと、登壇者がスライドを公開していればその URL を記載しています。 トラックごとのトーク、および登壇者情報は公式サイトに詳しく掲載されているので、そちらをご確認ください。

未経験からエンジニアになり3年が経ちました。 この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。 ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。 前提：エンジニアとして経験した技術 書籍について 全エンジニア向け Web / インターネット イラスト図解式 この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI

プロダクトマネジメントを体系化したクライテリアです。企業がプロダクトを成功に導くために必要な要素を多角的かつ具体的に記載してあります。対象はプロダクトマネージャー個人ではなくプロダクトを取り巻くチームとし、プロダクトマネジメント全体をスコープにしています。

Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも対応しています。 サンプルの実装方法が参考になる点も魅力の一つです。 簡単ですがつらつらと紹介していきたいと思います。 shadcn/uiとは デモを見てるとフレームワークやライブラリなのかなと思いきやそうではなく、コピペで利用できるサンプル集という立ち位置になっています。基本的にはTailwind CSSでデザインされてるようです。 サンプルとはいえ、実装方法で参考になった箇所が結構あったのでそこも気に入ってるポイ

太平洋戦争の終結後、遠く太平洋島嶼部、中国大陸などに取り残された日本軍将兵の復員と民間人の帰国事業が始まりました。その対象者の数はおよそ660万人。史上稀に見る民族大移動のために、戦争で疲弊していた日本はともかく使えそうな船を集めます。 最優先だった復員輸送 船が全然ない！ 1945（昭和20）年8月の終戦後、日本政府が最優先で取り組まなければならなかったのは軍隊の武装解除と復員でした。これは、日本の無条件降伏に際して戦勝国が発したポツダム宣言にあった「日本の武装解除」と「兵員を家庭に帰す」という条文によって日本に課にされたものでした。 1946年1月、5000人の復員兵を乗せてラバウルで給油中の「葛城」（画像：オーストラリア戦争記念館）。 このうちの後者、つまり太平洋の広範囲にわたる島嶼部とアジア大陸の各地に取り残されたおよそ660万人もの軍人と軍属、民間人を日本に帰還させるというのは、

TSKaigi 2024 ref: https://tskaigi.org/talks/tockn

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを開いているか分かりづらいなと思う場面がありました。 VS Codeのv1.88で開いているファイルタブのラベルをカスタマイズできるようになったので、その設定方法を紹介したいと思います。 Visual Studio Code March 2024 結論 最初に結論として、settings.jsonに下記設定をすることでディレクトリ名も表示されるようになりタブを見やすくすることができます。 .vscode/settings.js

＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 タスク管理、得意ですか？ 自慢じゃありませんが、私は苦手です。あまり好きではありません。 Webディレクターとしては、プロジェクト管理・タスク管理は必須スキルなので、一般的には「上手にやれている方」なのかもしれません。ですがいまだに苦手意識は抜けないままです。 なんで苦手なのかなぁと思い返してみると、要因はいくつか思いつきますが、中でも最も根深い問題は「気持ちに頼りすぎる」という点にあるように思います。 【目次】 やる気の高いときに設定するから長続きしない

仕事の進め方がグダグダの会社はどうすればいいのか、「プロジェクトマネジメントの基本が全部わかる本」の著者に聞いてみた 「プロジェクトマネジメントの基本が全部わかる本」を執筆し、ご自身もプロジェクトマネージャーやプロダクトマネージャーとして23年経験を積んできた橋本将功さん。 橋本さんは、セミナーや著書でプロジェクトマネジメントについての知見を発信されていますが、今回 Agend であえてお聞きするのは「専門のプロジェクトマネージャーがいないグダグダになっている職場で、どう仕事を回していくか」。 「うちの会社は仕事を回すのが下手」と感じている方にこそ読んでいただければと思います。

▶ CHOREOGRAPHY by VITAMILK ▶ เครดิตเพลง Cover: https://youtu.be/8BOsK_nBLVU ▶ เครดิตเพลงต้นฉบับ: https://youtu.be/sz7T8calM10 ▶ รับสมัครผู้สอนเต้น: http://www.theinner.Studio/teacher ▶ SUBSCRIBE กดติดตาม: http://goo.gl/TVzkb8 ▶ YOUTUBE https://www.youtube.com/theinnerStudio ▶ FACEBOOK http://facebook.com/theinnerStudio ▶ INSTAGRAM: http://instagram.com/theinnerOfficial ▶ LINE @theinnerStudio

「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な

2024/5/5更新：生成AIに興味を持った方向け、続編を投稿しました。 「Qiitaに聞いた！！」をAmazon Bedrockで作った！（Claude 3でRAG） タイトルはふざけてますが、プロンプトエンジニアリングにより本投稿と同様の内容を行う解説をしています。 （BedrockのClaude 3モデルと、Google検索を使った構成です） 生成AIはとても注目度が高い技術ですが、すこしとっつきにくいところがあるかもしれません。新しいモデルや活用手法が毎日のように登場し、ウォッチし続けるのはかなり大変です。 タイミングを逃して入門できていない方向けに、 とりあえず作って体感してみよう というコンセプトで、ハンズオン記事を作成しました。🎉🎉🎉 ハンズオンの内容は「RAG」です。RAGは生成AIの活用法としてよく出てくるキーワードです。ハンズオンでは、ただのRAGではなく最先端の

あるホテルマンの本音 @Projectj0220 「今日泊まれますか？」 「満室です。」 「全部ですか？」 「全室空いていない事を満室と言います。」 「近くのホテルどこか紹介してくれません？」 「他のホテルの事はわかりかねます。」 「１つも空いてないですか？」 「…………はい。」 さすが、GWに旅先でホテル探す人の脳は違いますな。 2024-05-03 20:25:06 あるホテルマンの本音 @Projectj0220 「◯◯タクシーの◯◯ですけど、お忙しい中すみません、お客さんがどっかホテル探してくれって。空いてない…ですよね？はい、すみません、またよろしくたのんます！」 …………すっげえのがいるな 2024-05-04 06:43:57

(WIP まとまったら Qiita とかに上げるかも) TLDR; 「React と Next.js を比較」という記事で、 Next.js と比較できるのは「フレームワークなしで React を使うという選択肢」であって、「React そのもの」ではない。 ✅️ React を使うのに 「フレームワークあり」 vs 「フレームワークなし」 ❌️「React」 vs 「Next.js」 それはそうと、「create-react-app の機能・特徴」のことを、「React の機能・特徴」であるかのように書いてしまっている記事が多い create-react-app 自体が擬似的なフレームワーク（といえそう） そもそも、create-react-app は今は更新されてないので create-vite-app を使うべき フレームワークあり or フレームワークなし 【フレームワークあり】

経済学者の高橋洋一さん（６８）が４日、ＡＢＣテレビの番組「教えて！ニュースライブ　正義のミカタ」に出演。「１ドル＝３００円でも、政府が儲けた分を国民に還元すれば誰も文句を言わない」と主張し、歴史的な円安進行を肯定する見解を述べた。 高橋さんは「円安上等。１ドル＝３００円なら成長率２０％」などと書かれたフリップを手に「円安は日本政府が最大のメリット享受者」と解説。政府が保有するドルが、円安により約４０兆円の為替差益が生じていると推計し「これを（国民に）吐き出せば円安なんか誰も文句言う人はいなくなる」と述べた。 さらに「『１ドル＝３００円になったら』と安倍さんが３年くらい前に言ったんだけど、その時はだいたい３００兆円くらい儲かる。そうすると１人あたり２５０万円返せるから、誰も文句言うはずない」「安倍さんにこの話をしたら『そうだな～』って言ってました。そりゃそうでしょう」と高笑い。さらに財務省が

Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して

はじめに 📘 この記事は ラクス Advent Calendar 2023 の7日目の記事になります。 要件定義から基本設計、さらに実装や保守運用に至るまでの一貫した経験を何度か積んできましたが、毎回 「要件定義って具体的に何の項目が必要だっけ？」 「基本設計との違いって何だったっけ？」 「基本設計と詳細設計の区別って？」 といった疑問が頭をよぎってきました。 そんなわけで、これまでの経験を振り返りつつ、開発プロセスについて１からまとめていくことで頭の中の大掃除を行なっていきたいと思います🧹 この記事の対象者 🎯 開発プロセスについて学びたい方 要件定義の基本を学びたい人 要件定義と基本設計の違いがわからない人 一緒に開発プロセスについて復習したい方 前提 記事中の一部（特に要件定義や基本設計、詳細設計のサンプル）を自動生成で作成してます。一貫性の無い内容があるかも知れませんが、あく