2025年7月5日に開催された「Claude Code 初学者 勉強会 2」の登壇資料です。 https://currypurin-dojo.connpass.com/event/360112/
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
2025年7月5日に開催された「Claude Code 初学者 勉強会 2」の登壇資料です。 https://currypurin-dojo.connpass.com/event/360112/
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
CSSのSubgridが全ブラウザ対応。Gridの入れ子の基本から応用までを完全理解する
2023/9/12にChrome 117、9/15にEdge 117がリリースされ、CSSのSubgridが全ブラウザに対応しました。 Subgridとは、CSS Gridで新しく使えるようになった機能の1つ。行列（グリッド）を入れ子にして、親行列の行や列に子行列を整列させることが可能です。 この記事では、Subgridの基本から応用までを具体的なデモを交えて詳しく解説します。CSS Gridが初めての人でもわかりやすいよう、CSS Grid自体の解説も盛り込んでいます。 前提知識: CSS Gridとは CSS Gridとは、行と列を使ったレイアウトのことです。行・列とは、次の方向を指します。 CSS Gridを使うと、次のようなことができます。 ■ エリア名を指定して配置できる ■ 行列を繰り返したり、隙間をつくる ■ 行・列数の自動変更、敷き詰め 複雑な行列の入れ子と、subgrid
How to write better prompts for GitHub Copilot
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Reactを使うならReact Developer Toolsの再レンダリング時ハイライトくらい設定してくれ
最近 React と Next.js に入門したのですが、入門時点で一番最初に知っておきたかったことについて書きました。 「React 初心者が useState とかを学習する前にまず一番にやることはこれ」っていう内容です。。 タイトルは自分への戒めです。 TL;DR この記事を読むと React Developer Tools の簡単な使い方を知り、useState の再レンダリングについて動きがイメージできるようになると思います React Developer Tools これのこと。React を使った開発をするのであれば、必ず導入しないといけないレベルのもの。 再レンダリング時ハイライトの設定 React Developer Tools をインストールした後、F12 を押下して Component を選択この歯車を押下する。 すると、以下のような部分があると思うのでチェック ON
【個人開発】世の「家事やれよ論争」を撲滅するスマホアプリをリリースしました - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なぜ家事は紛争を呼ぶのか 私の周りも結婚・出産をする友人が増えました。 そこで必ずと言っていいほど上がる議題がこれ。 「夫（妻）がぜんっぜん家事をやらない」 日本で婚姻制度が発足してから早100年。 これだけ長い年月「夫婦」という形が取られているのに、なぜこんなにも初歩的な不満が世に蔓延するのでしょう。 私も妻と結婚して5年経ちます。 知人からの愚痴なども収集した結果、いくつかの原因が考えられました。 その１． 人は「自分が一番やってる」と思う生き物である これは私がサラリーマンとして働いてて出した結論です。 殆どの人が「自分は結構仕事
モダンCSSによる絶対配置（position: absolute;）の削減
テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置（position: absolute;）を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス
Gmail で使用できる検索演算子 - Gmail ヘルプ
検索演算子と呼ばれる単語や記号を使用すると、Gmail の検索結果を絞り込むことができます。また、複数の演算子を組み合わせて検索結果をさらに絞り込むこともできます。 検索演算子を使用する パソコンで Gmail にアクセスします。 上部にある検索ボックスをクリックします。 検索演算子を入力します。 ヒント: 検索を行った後に、その検索結果を使用して、メールに適用するフィルタを設定することができます。 クエリの一部に数字を使用する場合は、スペースまたはハイフン（-）で数字を分割できます。ピリオド（.）は小数点を表します。たとえば、「01.2047-100」は「01.2047」と「100」の 2 つの数字とみなされます。
Office TANAKA - セルの操作[セル範囲の取得]
操作の対象セル範囲が不定の場合 ここまでの解説では、操作の対象を「セルA1に」とか「セル範囲A1:C3に」などと簡単に決めてきました。もちろん解説なのですから、それは勘弁していただきたいのですけど、実際のマクロ作成では操作の対象を特定することに苦労するものです。操作の対象セルを、どう的確に特定するかが、VBAのビギナーとベテランで差が出るところでもあります。たとえば、次のようなデータを考えてみましょう。 このデータをマクロでクリアします。ただし、データが何行何列あるかは、そのときによって異なります。セルをクリアするにはRangeオブジェクトのClearContentsメソッドを使います。次のコードはセル範囲A1:D5をクリアします。 Sub Sample1() Range("A1:D5").ClearContents End Sub クリアすべきセル範囲の左上はセルA1です。したがって、セ
入門 GitHub Actions - メドピア開発者ブログ
CTO室SREの @sinsoku です。 社内のGitHub ActionsのYAMLが複雑になってきたので、私が参考にしてる情報や注意点、イディオムなどをまとめておきます。 頻繁に参照するページ 新しい機能の説明が日本語ページに反映されていないため、基本的に英語ページを読むことを推奨。 ワークフロー構文 YAMLの基本構文の確認 コンテキストおよび式の構文 github オブジェクトの情報、関数の確認 ワークフローをトリガーするイベント 各イベントの GITHUB_SHA と GITHUB_REF が記載されている About GitHub-hosted runners インストールされているSoftwareのバージョンなどが記載されている GitHub REST API APIを使うときに参照する よく使うaction actions/checkout イベントによってはデフォルトブ
独身だけど新築戸建てを買った話（コメント返信を追記2）.md
独身だけど新築戸建てを買った話（コメント返信を追記2）.md 独身だけど新築戸建てを買った話 この記事は Mobility Technologies Advent Calendar 2020 の2日目の記事です。 はじめに みなさんこんにちは。tetsukayです。 株式会社Mobility Technologies でソフトウェアエンジニア（Android, Flutter）として働いています。 突然ですが、私は先日家を購入しました。この記事は家を購入するまで考えたことや流れを赤裸々に ただ殴り書き しているだけですが、だれかの参考になればと思います。 動機 弊社は今年4月にDeNAのオートモーティブ部門とJapanTaxiが統合して誕生しましたが、DeNAだった時から週2程度のリモートワークが認められていました。 そんな最中新型コロナウィルスが猛威を振るいだしたわけですが以前から制度と
スパイスの“置き場所”に悩む人へ朗報！ カレー作りの達人たちに「スパイス収納術」を教えてもらった #ソレドコ - ソレドコ
こんにちは。ソレドコ編集部です。 簡単なレシピからレトルトカレーの紹介まで、ソレドコはスパイスカレーをさまざまな切り口で取り上げてきました。記事を読んだことがきっかけで、スパイスカレー沼に足を踏み入れた人もいると思います。 そんな皆さんがいざスパイスからカレーを作り始めた時、最初にぶちあたる壁は「収納」のはず。編集部員も無計画にスパイスを買いそろえた結果、ただでさえ狭い家のキッチンがさらに狭くなってしまいました……。 クミンにコリアンダー、ターメリック……そもそもスパイスって、ものすごくたくさんの種類がありますよね。カレーを作るためにそうしたスパイスを買いそろえ、初めて気付いた人も多いでしょう。「置く場所がない……」と。 皆さんの家のキッチンはスパイスに侵食されていませんか？ 匂いも強く、数も多く、賞味期限もある。そう、スパイスは案外収納に困るのです。 では、カレー作りのプロはスパイスをど
Catch request errors with Axios
axios-catch-error.js � �� /* * Handling Errors using async/await * Has to be used inside an async function */ try { const response = await axios.get('https://your.site/api/v1/bla/ble/bli'); // Success 🎉 console.log(response); } catch (error) { // Error 😨 if (error.response) { /* * The request was made and the server responded with a * status code that falls out of the range of 2xx */ console.lo
googleスプレッドシートのフィルタ機能で自分だけの絞り込みを行う方法 - Qiita
googleスプレッドシートの複数人でファイルを同時に編集する機能、とても便利ですよね。 ただ、フィルターをかけようとしたら他の人の表示もフィルターされてしまい、困ったことはありませんか？ 「フィルター禁止！」なんて運用ルールになり、非常に不便な思いをしているケースを見たことがあります。 実は、わかりづらいですが解決策があるので、それをご紹介します。 「フィルタ表示」機能を使う 絞り込み対象の 「データ > フィルタ表示 > 新しいフィルタ表示を作成」 とクリックしていきましょう。 画面の表示が変わり、データの周りの領域がグレーの表示になりました。 これが「フィルタ表示」機能が有効になっている状態です。 このフィルタ表示状態にしてから絞り込みを行うと、他の人には影響を与えずに、自分だけ絞り込み表示をすることができます。 ↑他の人から見ると絞り込なれていない状態で表示されている 仕組み 実は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Not Found - Claude Docs
GASでSpreadsheetを操作する自分的ベストプラクティス - Qiita
VBA(Excel)高速化対策 -配列化編- - Qiita
既に git 管理しているファイルをあえて無視したい - Qiita
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
Gitでやらかした時に使える19個の奥義 - Qiita
