YouTubeで素敵な映画、洞察力に富んだドキュメンタリー、あるいは面白い動画を見つけて、後で見たいと思ったことはありませんか？長時間のフライト、インターネットが不安定な地域への移動、あるいはお気に入りのコンテンツを自分だけのコレクションにしておきたい時など、様々な状況で役立つでしょう。 嬉しいことに、プレミアム会員登録や延々と続く広告表示は必要ありません。Y2mateという強力で無料のオンライン...

### 概要 * コンポーネントの階層関係が変わったときに修飾子が変わってないか確認する ### 発生した課題 ```Swift @State var buttonStatus: Bool = false ZStack { ComponentButton { // Boolによるアイコンの更新が効いている // buttonStatusを更新してisPressedに渡す...

### ダッシュボードレイアウトでコンポーネントの理解をする * `SideNav`をインポートして、``として呼び出す。 ```javascript /// /app/dashboard/layout.tsx import SideNav from '@/app/ui/dashboard/sidenav'; export default function Layout({ childr...

### ネスト化されたルーティングの仕組み * Next.jsはディレクトリ階層をそのままURLルーティングに採用することが出来るという特徴がある。 ``` 例） app/ 　├ page.tsx 　├ root/page.tsx 　│　└ leaf/ 　│　　　└ page.tsx 　└ lib/ ``` * 上記の場合だと`leaf`のURLは、`https:localhost:3000/r...

### 概要 * アプリケーション上に使用する画像をモバイルとPCで切り替える ### 該当コード ```javascript ``` ### 仕組み ```javascript className="hidden md:block" className="block md:hidden" ``` * ここがToggleスイッチの役割を果たしている。 * Pc: デフォルトはhid...

### なぜ画像を最適化する必要があるのか * Next.jsは一番上の階層にある`/public`フォルダの中に画像のような`static assets`を配置することで、アプリケーションの中からそれぞれのファイルに参照することが出来る。 * `next/image`コンポーネントを使うことで、従来のHTMLでやっていたような、画像周りについて最適化するために必要なことを自動的に出来る。 ...

### なぜフォントを最適化する必要があるのか * フォントはWebサイトの中で重要な役割を果たしますが、フォントファイルを読み込む場合はパフォーマンスにパフォーマンスに重要な影響を与えることがあります。 > Fonts play a significant role in the design of a website, but using custom fonts in your proje...

この記事では、Laravelで「一般ユーザー」と「管理者ユーザー」を区別した認証付きアプリ PIC TWEET_AUTH の開発フローと、開発中のポイント・苦労した点をまとめています。RailsでのDevise経験をもとに、LaravelでBreezeを活用して実装しました。 ## 📸 実際の画面（Gyazo）（画面例） ### 新規登録ページ [新規登録](https://gyazo.com...

# はじめに この記事では、Pi 5のNVMeを設定し、Raspberry Pi OS Liteをインストールし、SSHでPiに接続できるようにする方法と、固定IPの設定方法について説明します。 # 購入品 使用機材： - Raspberry Pi 5（8Go） - NVMe Micron 2200 (1To) - Raspberry Pi用電源 - パソコン - Raspberry P...

![imagen-4-ultra_2025-10-28T11-00-01-091Z_Minimalist_cartoon_line_art_character_reference_sh_1.png](https://raw.githubusercontent.com/Sunwood-ai-labs/Tilely/main/generated-images/release-v0.2.0-202510...

👄 1547文字

# ChatGPTでテスト仕様書を自動生成したら、レビューが1発通過した話 SES現場でテスト仕様書を書く時間、正直つらくないですか？ 仕様を読み込んで、観点を洗い出して、ケースを整形して…。 1つの画面分だけでも数時間かかるのが当たり前。 「ChatGPTで自動生成できたら楽なんだけど」 そう思いながらも、「でも現場では無理でしょ？」と諦めていました。 ところが最近、**Cha...

### IAMロールの作成 名称 APIGatewayLog-role  そのまま次へ ![image.png](https://qiita-im...

🌊 3046文字

# 前置き 一般的に、ドメイン駆動設計において、コアドメイン領域のインフラ部分はサーバーレスではなく、自分たちでコンテナ運用する必要があります。 ただ、PoCの段階やプロトタイプ作成時に関しては、素早く顧客からフィードバックをもらうために、**【意図的】** にサーバーレスアーキテクチャにしてしまう方がいいです。 :::note warn この **意図的に** という部分がポイントです。 :...

## はじめに 実務で画像のリサイズや圧縮などの処理について学ぶ必要があったため、Laravelでの基本的な画像処理を備忘録としてまとめておきます。 画像処理を行う理由: - ストレージ容量の削減 - ページの読み込み速度の向上 - 適切なサイズでの表示 ## Intervention Imageの導入 Laravelで画像処理を行う際は、Intervention Imageというライブラ...

💭 13499文字

💭 614文字

# Bright DataによるYouTube動画スクレイピングの最前線 AI開発や市場調査、ビッグデータ解析の分野で、YouTube動画データの大規模な取得はますます重要になっています。しかし、YouTube動画のスクレイピングには高度な技術と法令・規約の遵守が求められます。ここでは、Bright Dataを活用した高品質・高スケーラビリティなYouTube動画スクレイピングのポイントをご紹介...

 > Pythonで数値を扱う方法を学びましょう！電卓のように使えます。(20分で読了 ⭐⭐) ## 🎯...