並び順

ブックマーク数

期間指定

  • から
  • まで

3801 - 3840 件 / 16789件

新着順 人気順

*programmingの検索結果3801 - 3840 件 / 16789件

  • CSS Modulesの歴史、現在、これから - Hatena Developer Blog

    マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。 ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに

      CSS Modulesの歴史、現在、これから - Hatena Developer Blog
    • 「まともに単体テストを書ける人は実はすごく少ない」 市場バグを発生させない“単体テストで対処する”という考え方

      品質やテストといった活動が「本質的にアジャイルになって変わらなければならない」といった問題を定義し、その解決手段を提案する「今、全エンジニアに求められる『アジャイル開発での品質視点の変化』」。ここで株式会社デジタルハーツホールディングスの高橋氏が登壇。最後に、あらためて参加者からの質問に回答します。前回はこちらから。 どうすればうまくリファクタリングができるか 高橋寿一氏(以下、高橋):じゃあここでもう1回Q&Aタイムを取ります。 高木陽平氏(以下、高木):ありがとうございます。今Q&Aにまだ質問が上がっていないみたいなので、ちょっと私から質問します。リファクタリングをしなければいけないところって、逆に手をつけられないようなけっこう複雑怪奇な部分だと思うんです。そこらへんはどうすればうまくリファクタリングができるんでしょうっていう(笑)。 高橋:まず、日本人がすごくリファクタリングが嫌いな

        「まともに単体テストを書ける人は実はすごく少ない」 市場バグを発生させない“単体テストで対処する”という考え方
      • TypeScriptのdeclareやinterface Windowを勘で書くのをやめる2022

        おことわり 個々の関数や変数に正しい型をつける話はしません。TypeScript HandbookのDeclarationの章などを読むことをおすすめします。 かわりに、本稿では関数や変数の型宣言をどこにどう置くべきかの指針を与えます。 モジュールとスクリプト declareを正しく使うにはまずモジュールとスクリプトの区別を理解し、意識することが大切です。 ブラウザやNode.jsは外部からの指定でモジュールとスクリプトを区別しますが、TypeScriptでは原則としてファイルの内容でモジュールとスクリプトを区別します。 import 宣言または export 宣言が1つ以上あればモジュール。 CommonJSモジュールの場合はTypeScript専用構文である import = 宣言、 export = 宣言を使う。 それ以外の場合はスクリプト。 ただし、JavaScriptファイル (

          TypeScriptのdeclareやinterface Windowを勘で書くのをやめる2022
        • JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA

          JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015(ES6)の登場以降は、ECMAScript 2016、ECMAScript 2017・・・と、年次で仕様が更新されています。ECMAScript 2022(ES2022)は2022年6月22日のEcma InternationalのGA 123rd meetingにて、ECMAScript 2023(ES2023)は2023年6月27日のGA 125th meetingで承認されました。 ES2022とES2023はすでに多くのブラウザやNode.js環境で利用可能です。本記事では新仕様と使いどころを紹介します。 ES2023 - 配列の非破壊操作 ES2023では配列を非破壊で操作できるメソッドが追加されています。非破壊とは、元の配列を変更せ

            JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA
          • 30歳過ぎてから人生が好転しだしてびっくりしている

            もうすぐアラフォーのアラサー。男性未婚子供無し。 20代の半分をニートで過ごし、ろくなスキルもなく経歴ズタボロのまま30代を迎えた。このままじゃやばいという焦りと、その当時勤めていた会社で使うかもなという思いからプログラミングを始めて、3年ちょいになる。 最初はExcel VBAだった。学びながら、自分だけが使う作業時間集計アプリを作った。アプリを使ってるうちにそれが会社に認知されたから、今度はVB.NETで業務に使うRPAもどきを作った。その頃にN予備校のプログラミング講座がすげえバズってたので、それでNode.jsも学んだ。プログラミングを学び始めて約1年で応用情報を取った。Node.js使って独力で小規模な業務システムを作って、それをポートフォリオに転職活動をした。地方製造業の社内SEとして採用された後、その企業と懇意にしている東京のITベンチャーに能力を買われてそこに転職し、今に至

              30歳過ぎてから人生が好転しだしてびっくりしている
            • 客先のDBを間違えて削除した話 - Qiita

              この記事は「 本番環境などでやらかしちゃった人 Advent Calendar 2025」の1日目です。 はじめに 「慣れてきた頃が一番危ない」 あれ、ほんとです。 当時の私は作業にも環境にも慣れてきて、油断が出始めていました。 「いつもの作業だし、サクッと終わらせよう」 完全にそんな気持ちでした。 何が起きたのか ECサイトの保守運用をしていた頃のことです。 本番/検証(STG)/ローカルの3環境でphpMyAdminを使っており、 なぜか3つとも同じテーマ・同じ色・同じUI。 ローカル 検証 仮に言えばこんな状況。 「URLをよく見ないと、どこで作業してるかわからない」 そんな、今思えば事故るためのレールはピカピカに敷かれた状態でした。 本来やる予定だった作業&何を間違えたのか やりたいことは単純です。 STGのDBをエクスポートしてそれをローカルに流し込む。 こんなものは、お腹が空い

                客先のDBを間違えて削除した話 - Qiita
              • #devsumi で「テストを学んでみたい開発者のためのソフトウェアテスト読書マップ」という発表をしてきました。 - ソフトウェアの品質を学びまくる

                Developers Summit (デブサミ) 2023で、「テストを学んでみたい開発者のためのソフトウェアテスト読書マップ」という発表*1をしてきました。 event.shoeisha.jp 資料はこちらです。 speakerdeck.com これまで、ソフトウェアテストとかQAの世界でばかり聴講やら発表やらをしておりまして、その外に出る機会があまりありませんでした。 今回、イベント主催者の翔泳社様から発表の打診をいただき、かなり腰が引けていたのですが、「これを機に、もうちょっと外に目を向けよう」という無理やりな動機付けで場を借りることにしました。 といっても結局発表はテストに関することですし、全然外に出ていないのですが・・・まあそれはこれからってことで。 今回は、ソフトウェアQAエンジニアの有志が一気呵成に作り上げた『ソフトウェアテスト読書マップ』を借りた発表であり、みなさんの成果を

                  #devsumi で「テストを学んでみたい開発者のためのソフトウェアテスト読書マップ」という発表をしてきました。 - ソフトウェアの品質を学びまくる
                • Next.js + TypeScript + AWS Amplify でアプリケーション開発 - 虎の穴ラボ技術ブログ

                  こんにちは、虎の穴ラボのNSSです。 最近ReactやTypeScriptを勉強中なのですが、Reactで作ったアプリケーションを簡単にデプロイして公開できるツールとして、AWS Amplifyがあります。 AWS Amplifyとは、AWSが提供するモバイルやWEBのアプリケーションを素早く開発することができるプラットフォームです。 AWS Amplifyは、たった数クリックでアプリケーションをデプロイできる他、 コマンドラインツールを使ってユーザー認証やAPIなど、あらゆる機能を簡単にアプリケーションに追加することができます。 今回は、ReactベースのフレームワークであるNext.js と AWS Amplifyを使ったアプリ開発をご紹介します。 環境 Node.js (v16.4.1) Next.js (v10.2.0) TypeScript Node.jsはインストール済みである

                    Next.js + TypeScript + AWS Amplify でアプリケーション開発 - 虎の穴ラボ技術ブログ
                  • マイクロソフトの調査にみるコードのオーナーシップと品質の関係 - mtx2s’s blog

                    ひとつのソフトウェアコンポーネントが多くの開発者によって変更されると、品質に悪い影響を与えると経験的に感じている。設計に一貫性が失われることや、知識の浅い状態で変更することによるバグ混入の可能性が高まるからだ。 2011年9月に公開されたマイクロソフト社の調査結果、"Don’t Touch My Code! Examining the Effects of Ownership on Software Quality" は、この「コードのオーナーシップはソフトウェアの品質を左右する」という経験則を裏付けるものだった。全体のコミット数のうち5%未満の貢献にとどまる開発者が多いコンポーネントは、リリース前後における故障が増加するというものだ。 本稿では、このマイクロソフトによる調査結果を紹介し、それを踏まえた上で、ソフトウェアプロダクトの品質悪化を抑えるための組織やプロセス、アーキテクチャについ

                      マイクロソフトの調査にみるコードのオーナーシップと品質の関係 - mtx2s’s blog
                    • t-wada vs テスト大好郎

                      t-wada vs テスト大好郎 先日一部のClaude Codeユーザーの間で「プロンプトに”t-wadaさんの推奨する進め方に従ってください”と書くとテスト駆動開発のプラクティスを実践してくれる」というTIPSが話題になっていました。 なるほど、TDDやテスト駆動開発という言葉は広まりすぎて「意味の希薄化」が発生し、曖昧な理解のまま自動テストやテストファーストと混同され、それがLLMの学習データにも影響したが、人名を与えるとLLMに「具体的な参照点」を与え、より具体的なプログラミングスタイルに限定させる効果があったのか pic.twitter.com/p6SCPj8YdA — Takuto Wada (@t_wada) June 25, 2025 これは確かに面白い現象で、現にClaudeに直接質問するとt-wadaさんの知識を持っていることがわかります。そこから連想してClaude

                        t-wada vs テスト大好郎
                      • Pythonで理解するMCP(Model Context Protocol) | gihyo.jp

                        動作環境 Python 3.12 ライブラリの使用バージョン gradio 5.34.2 anthropic 0.54.0 mcp 1.9.4 python-dotenv 1.1.0 仮想環境とライブラリインストール % cd mcp-host-with-gradio % python3 -m venv venv % source venv/bin/activate (venv) % pip install gradio anthropic mcp dotenv .envファイルの設定 AnthropicのAPIキーが必要です。APIキーの作成は以下を参考にしてください。APIの利用には料金がかかりますが、API従量課金であれば5ドルから始めることが可能です。 Claudeを使い始める -Anthropic .env ANTHROPIC_API_KEY=xxxxxxxxxxxxxxxxxx

                          Pythonで理解するMCP(Model Context Protocol) | gihyo.jp
                        • バイブコーディングチュートリアル:Claude Code でカンバンアプリケーションを作成しよう

                          バイブコーディングとは、AI エージェントを活用して直感的にアプリケーションを開発する新しいコーディングスタイルです。このチュートリアルでは、Claude Code を使って Next.js でカンバンボードアプリケーションを作成します。 気がつけばコーディングの分野で AI エージェントを活用することが一般的になりつつあります。特に「バイブコーディング(Vibe Coding)」と呼ばれる新しいタイプのコーディングスタイルは一種のバズワードになっています。Vibe とは元々音楽シーンで使われていた言葉で「雰囲気・フィーリング・ノリ」といった意味を持ちます。プログラマーは技術的な詳細にとらわれるのではなく、自らの直感的なアイディアを AI エージェントに自然言語で伝えることで、AI エージェントが主体になってアプリケーションの開発を進めていきます。このスタイルではプログラマーはほとんどコー

                            バイブコーディングチュートリアル:Claude Code でカンバンアプリケーションを作成しよう
                          • 理系大学生は研究でもJupyterNotebook(Anaconda)ではなくVScodeを使おう+Python環境構築 - Qiita

                            はじめに 理系大学生諸君は、実験で得たデータの解析やグラフ作成にPythonを使っているでしょうか? 私の所属する研究室では、PythonまたはNgraphでグラフを作ることが推奨されています。 特定のグラフ作成ソフトと比べてPythonでグラフを作るメリットというのはいくつかありますが、各設定項目をテキストデータとして確認ができる(明確に記述されている)ところが一番のメリットだと思います。そんなPythonですが、Anacondaをインストールして、その流れでJupyter Notebookを使って解析する人が多いと思いますが、VScodeを使って解析したほうが良いと考える理由と、実例を上げていこうと思います。 VScodeを使うメリット 設定のカスタマイズが豊富 外観の設定や、キーボードショートカットなどが豊富であり、よりパーソナライズされた開発体験を得られます。 情報が多い VSco

                              理系大学生は研究でもJupyterNotebook(Anaconda)ではなくVScodeを使おう+Python環境構築 - Qiita
                            • Enumとてもつらい、でも負けない - エムスリーテックブログ

                              列挙型、JavaでいうならEnum型、使っていますか。使わないわけにいきませんよね。 でも、Enumを使っていたせいで辛い目にあったことありませんか。ないですか。それならきっともうすぐに辛い目にあうと思います。 Enumはすべてのプログラマに等しく辛みを与えてくれるからです。そんな辛みについて、ちょっと一緒に直視してみましょう。 エムスリーエンジニアリンググループ、Unit1(製薬企業向けプラットフォームチーム)三浦(@yuba@reax.work) [記事一覧 ]がお送りいたします、エムスリー Advent Calendar 2023の6日目です。 アプリケーションプログラミング上の辛み 1. 既存のif文が偶発的に意図しない方に倒れる 2. switch文に至っては「どちらでもない」で処理不発に アプリケーションプログラミング上の対策 1. 分岐条件をEnumに持たせる 2. swi

                                Enumとてもつらい、でも負けない - エムスリーテックブログ
                              • 【誰でも簡単ChatGPT、GPT-4 利用】Azure OpenAI Serviceを使ってみた with LINE Bot【Azureでより安心・安全にAI機能が使える】 - Qiita

                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、もっちゃんと申します。 今AIの快進撃が続いておりますね!2000年代に第三次AIブームが始まってからはや十数年、ここ数年の進化のスピードは眼を見張るものがあるのではないでしょうか。そしてその話題の中心となっているのがOpenAIやMicrosoftなどが開発を行っているChatGPT,GPT-4といった大規模言語モデルです。 特に今年に入ってからは本当にあまりにも各所でアップデートが巻き起こっていてついていくのに必死な状態ですよね(笑) また、情報を追うのと同時に実際に触っていくことも大事ですので、今回はAzure Ope

                                  【誰でも簡単ChatGPT、GPT-4 利用】Azure OpenAI Serviceを使ってみた with LINE Bot【Azureでより安心・安全にAI機能が使える】 - Qiita
                                • Goの苦手な領域

                                  Goの利点を使って実装するコツやノウハウを書くことがコミュニティにとってプラスになると思っているのでそれに専念したいという考えはありますが、Goの苦手な領域にGoを採用してしまってヘイトを溜め込んでしまう事例を見かけたりします。 こういう悲劇の起こる可能性を少しでも減らせたらという思いで、Goの現状の苦手な領域について解説しようと思います。Goを学び始めにこれらの領域に手を出すのは避けましょう。 Cgo is not Go GoはCGO連携でC/C++資産を利用することができますが、メモリアロケータの異なる処理系を繋ぐ関係上、お互いに呼び合う際のパラメータや戻り値はほとんどのケースでコピーが必要になります(Cの型でメモリ確保しCの型のまま受け渡しする場合はOK)。なので高頻度に呼び合うような用途には不向きであるというのはSWIGなどのような複数の処理系を連携させる仕組みと同様です。 また、

                                    Goの苦手な領域
                                  • CSSの:has()疑似クラスの便利な使い方のまとめ

                                    CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ(@containe

                                      CSSの:has()疑似クラスの便利な使い方のまとめ
                                    • AWS 初学者向けの勉強方法 6 ステップ!2022 年版! | Amazon Web Services

                                      Amazon Web Services ブログ AWS 初学者向けの勉強方法 6 ステップ!2022 年版! 2024 年 4 月追記:本記事の内容は 2024 年 4 月に公開された  AWS 初学者向けの勉強方法 6 ステップ!2024 年版! という記事にてアップデートされています。リンクの最新化と勉強方法の追記を行っておりますので、アップデートされた記事をご確認ください。 こんにちは、AWS テクニカルトレーニング マネージャー の西村航です。 皆さん、もしくは皆さんの周りでこんな方はいませんか。「AWS を勉強したいんだけど何から勉強すればよいだろう。どこかに勉強方法がまとまってないかな?」という悩みを抱えている方、または「同僚や部下に AWS の勉強を促しているけど、ちょうど良い教材とか無いかな?」という悩みを抱えている方。本記事はそういった AWS を勉強する際の悩みを抱えた

                                        AWS 初学者向けの勉強方法 6 ステップ!2022 年版! | Amazon Web Services
                                      • Claude Code Skills で株スクリーニングを自動化した話【Python × yfinance × バイブコーディング】 - Qiita

                                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なぜ投資分析の自動化が必要だったのか Claude Code Skills と yfinance を使って、株式スクリーニングからポートフォリオ管理まで投資分析を自動化するシステムを作りました。Python × バイブコーディングで、個人投資家の投資ワークフロー全体を5つのスキルでカバーしています。 個人投資家として日本株や米国株を触っていると、「割安な銘柄を探す」という作業が地味に面倒です。証券会社のスクリーナーでフィルタして、出てきた銘柄を一つずつ確認して、ポートフォリオ全体のバランスを考えて――この繰り返しを何とかしたいと思ってい

                                          Claude Code Skills で株スクリーニングを自動化した話【Python × yfinance × バイブコーディング】 - Qiita
                                        • auの障害、報告ページを見るだけで胃が痛い…一時間に一回、進展のない事を淡々と報告せざるを得ないリリース「ある意味これは誠意」

                                          たにぐち まこと/学ぶ。をちゃんと @seltzer 『よくわかるPHPの教科書』や『マンガでマスター プログラミング教室』の著者。 ともすたで、プログラミング教育やこども向けの講座などを Udemyや YouTubeで展開しています。チャンネル登録こちら ≫ https://t.co/BVHbJTYi5y https://t.co/sy11o7Zd18 たにぐち まこと/学ぶ。をちゃんと @seltzer auの障害、報告ページを見るだけで胃が痛い。1時間に1回、進展のないことを淡々と報告せざるをえないリリース。一見すると味気なく見えるが、これを毎時間エンジニアから「進展なし」と伝えられて、同じ文面をアップし続ける担当者さんもなかなかの試練。がんばれ。 pic.twitter.com/v3lLcLorNP 2022-07-02 21:44:05

                                            auの障害、報告ページを見るだけで胃が痛い…一時間に一回、進展のない事を淡々と報告せざるを得ないリリース「ある意味これは誠意」
                                          • OracleからPostgreSQLに乗り換えたい人に送る何か - なからなLife

                                            Calendar for PostgreSQL | Advent Calendar 2021 - Qiita の10日目の記事です。 思い当たる節がある人は、今の見積もりの数倍の時間と予算を確保してからキックオフして欲しい。 多分、そのまま走ると誰か倒れるから。。。 で終わりにするわけにはいかないので、いくつか書きます。 もちろん、SQLがDBMSによって「方言」があるので、使える構文、関数名が違うってのは当然あるのですが、それ以外のところを中心に。 PostgreSQLのサーバーサイドエンコーディングはShiftJISをサポートしていない 今どき、新規で立てるデータベースはUTF8を選ぶよねーキャハハ、と思っても、何世代もバージョンアップしてきたOracleや、塩漬けされたOracleなんかは、ShiftJISを使っているところも多いのではないでしょうか。 自分で文字コードマッピングの処

                                              OracleからPostgreSQLに乗り換えたい人に送る何か - なからなLife
                                            • 【2025年最新】開発者必携!Claude CodeとCursorを強化するMCPサーバー15選 - Qiita

                                              こんにちは、みなさん!Model Context Protocol (MCP) サーバーの活用、進んでいますか?私は日々新しいMCPサーバーを試しながら、開発効率を高める方法を探求しています。 前回のMCP関連記事でも触れましたが、MCPは「AIアシスタントと外部サービスを繋ぐ架け橋」として、私たちの開発ライフを大きく変えています。Claude CodeやCursorなどのAI IDEが、GitHubやデータベース、APIツールと直接連携できる仕組みは、もはや現代の開発には欠かせませんね。 今回は、私が長期間テストして厳選したMCP Server 15選を紹介します。2025年の最新情報を元に、初心者から上級者まで幅広く使える優れたツールを集めました。それぞれの特徴と実際の使用感をお伝えしていきますね! 一、開発・コード管理系MCPサーバー 1. GitHub MCP Server 用途:

                                                【2025年最新】開発者必携!Claude CodeとCursorを強化するMCPサーバー15選 - Qiita
                                              • 開発用適当ツールは Rust で作るのもオススメ

                                                開発用適当ツールは Go で作るのがオススメ!? 先日、開発用適当ツールはGoで作るのがオススメ という記事を拝見しました。 まだ読んでないよという方はぜひ読んでみてください! とても良い記事でした😌✨ Go 言語も CLI ツールの実装に向いているということも分かりました。 そして、Go 言語の魅力も伝わってきました...!! まとめると以下のような点がメリットとして挙げられていると思います。 go run で簡単に実行できる シングルバイナリにクロスコンパイルできる go.mod / go.sum が依存性管理を楽にしてくれる 動作速度も申し分なし たしかに開発用適当ツールの作成というユースケースは Go は魅力的な選択肢だと思います! 開発用適当ツールは Rust で作るのもオススメ 前置き 最初に大事なことを言っておきます。 タイトルにもあるように、Rust も であって GO

                                                  開発用適当ツールは Rust で作るのもオススメ
                                                • IT系勉強会のいまと、集うということについて | Marginalia

                                                  今年に入ってから、オフラインのIT系勉強会や開発者カンファレンスがじわじわと復活してきているが、興味深いと思っているのは、開催にあたってより大きなコストのかかるカンファレンス規模のイベントのほうが、復活のスピードが早いように思われることだ。 逆に小規模の、駅名+技術のような勉強会のほうが復活していないものが多いように感じる。これには会場確保の難しさやオーガナイザーの状況の変化などいろいろな要因が簡単に思いつくが、特に考えてみたいのは「集う」ということそのものの困難さに気付かされているのではないかということだ。 人が集まって何かをイベントを開催するためには、そこに人を「集わせる力」が必要である。大規模なカンファレンスと小規模の勉強会の大きな違いは、その「集わせる力」に対する投下コストにあると思う。より商業的な色合いを持つイベントであるほど、そのコストの多くは「集わせる力」の増強に使われる。集

                                                    IT系勉強会のいまと、集うということについて | Marginalia
                                                  • HTMLであり、ZIPでもあり、そしてPNGでもある謎ファイルが話題に/ぜひ自分の目で確かめてください【やじうまの杜】

                                                      HTMLであり、ZIPでもあり、そしてPNGでもある謎ファイルが話題に/ぜひ自分の目で確かめてください【やじうまの杜】
                                                    • 私がマージンをできるだけ使いたくない理由 - Qiita

                                                      はじめに 突然ですが、皆さんはCSSのmargin(マージン)をよく使いますか? 私はマージンを多用しないように気をつけています。というより、あまりマージンと関わりたくないと思っています。今回の記事では、「どうして避けているのか」について自分なりの考えをまとめてみたいと思います。 あくまでも個人の意見なので、こういう考えの人もいるのだなと捉えていただけますと幸いです。もっとこうしたら良くなるのに!というご意見は大募集しているので、どんどん教えてください。 マージンを使いたくない理由 マージンを使いたくない一番の理由に、スタイルが崩れるというものがあります。「崩れる」と一言で言っても、わかりずらいと思うので落ち着いて考えをまとめてみました。その結果、下記の2パターンに分かれるという結論に行きつきました。 マージンが不可解な挙動をする コンポーネントとして使い回しずらい この二つの観点から、マ

                                                        私がマージンをできるだけ使いたくない理由 - Qiita
                                                      • 私の好きなClaude Codeの使い方

                                                        Claude Codeを使い始めて4ヶ月になりますが、使い方も日々アップデートされていく感覚があります。この記事は、2025年8月末時点でClaude Codeをどのように使っていたか、具体的な手順を中心に備忘録としてまとめたものです。まずは考え方を共有してから、具体の話をする構成となっています。 使い方の型を決める Claude Codeを使用していると期待通りの挙動を引き出せず、延々と試行錯誤してしまうことがあります。しかし、実装タスクで集中するべきはツールの使い方ではなくタスク本来の内容であるため、なるべく使い方の型を決めてその通りに動かしています。 私の場合、型をつくるために以下のサイクルを回しました。 普段の開発フローを整理して、改善できそうな箇所を見つける Claude Codeを使うことでどのように改善できそうか調査をしたり、試作をつくって検証する 実際の開発フローに組み込ん

                                                          私の好きなClaude Codeの使い方
                                                        • 『達人プログラマー 第2版』/ Pragmatic Programmer 2nd Ed.

                                                          #devsumi 2022 https://event.shoeisha.jp/devsumi/20220217/session/3650/ 「ITエンジニア本大賞2022」に『達人プログラマー 第2版』が選出されたそうで、ご縁があって著者でも翻訳者でも編集者でもないのにプレゼン大会でピッチする…

                                                            『達人プログラマー 第2版』/ Pragmatic Programmer 2nd Ed.
                                                          • 人に「センスない」って言っているやつが一番センスない - Qiita

                                                            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに きっかけは、以下のツイートです。 「配列のすべての要素が条件を満たすならtrueを返す」関数を定義するとき、空の配列を渡したらfalseを返すかtrueを返すかが、良いプログラマかどうかの一つの境目だ — ふみ a.k.a.DJ Monad (@fumieval) May 29, 2023 このリプライや引用リツイート欄では、Trueを返すべき、Falseかな、例外を返すべき、要件による、といった意見がありました。 建設的な議論ができるコミュニティは素晴らしいと思う反面、同じコミュニティに属するエンジニアに対して「センスがない

                                                              人に「センスない」って言っているやつが一番センスない - Qiita
                                                            • 次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients

                                                              次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか? #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradi

                                                                次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients
                                                              • C/C++の「ポインタ」とは

                                                                C/C++ の「ポインタ」は、難しいとか、実は簡単だとか、色々言われます。 ポインタについては規格に書かれています。この記事は、ポインタをより正確にイメージするため、規格に私の解釈を追加したものです。区別のため、C++23 草案 (N4950) の内容には節番号を付け、私の解釈は 斜体 で書きます。 私の解釈は以下の記事の影響を受けています。 ポインタとは、IDとオフセットの組 まず、ヌル以外のポインタは、以下の ID とオフセットの組 です。 ID:新しいオブジェクトが作られるたびに振られる、ユニークな値。 オフセット:オブジェクト先頭からのバイト数。 詳しく話していきます。 ID の割り振り 変数を定義するとオブジェクトが作られ (6.7.2)、各オブジェクトに固有の ID が割り振られます。たとえば、 と書くと整数 x と配列 arr が作られるので、x と arr にそれぞれ ID

                                                                  C/C++の「ポインタ」とは
                                                                • [提案]テーブル名はもう全部単数形にしようや

                                                                  こんにちは、データベース愛好家のみなさん!今日は、データベース設計で永遠の議論となっている「テーブル名、単数形 vs 複数形問題」について、徹底的に掘り下げていきます。私は単数形派です!でも、なぜそうなのか、一緒に深掘りしていきましょう。 イントロダクション:我らが主人公、単数形くん みなさん、こんな経験ありませんか? You: テーブル名って、users? user? どっちがいいんだろう... 先輩: いや、絶対usersだよ!Rails使ってるし。 You: でも、user_idって書くときは単数形だよね? 先輩: あ、そうだね...でもやっぱりテーブルは複数形! You: (心の中で)なんかモヤモヤする... 実は、この「モヤモヤ」には理由があるんです。今日はその理由を解き明かし、単数形テーブル名の魅力をお伝えします。準備はいいですか?Let's dive in! 言語の壁を突破せ

                                                                    [提案]テーブル名はもう全部単数形にしようや
                                                                  • Java9から17で入った新機能ピックアップ

                                                                    Java9から17で入った新機能で、実際コード書く上で使いそうなものをピックアップします。 Java8を使い続けていた人向けです。 レコード (Java16) 不変なデータを保持するクラスを簡単に定義できるようになりました。 classの代わりにrecordで定義します。 名前の後に、フィールドのリスト(コンポーネントと呼ばれます)を記載します。

                                                                      Java9から17で入った新機能ピックアップ
                                                                    • Rust 仕事 ない

                                                                      おことわり この記事は私がRustを書く仕事を探しているのであれば教えてほしいといった趣旨の記事ではありません。 タイトルの内容をいざTwitterで呟こうものならどこからともなく転職エージェントが現れ高単価案件を紹介するというホラを吹いたり、うちはRustを書いている、ちゃんと探したのか、みんなRustを書いている、そんなにRustを仕事にしたいなら起業したらどうだといったいくつかのクソリプに収れんされていきます。 こういったワンパターンの流れが毎年のように繰り返され、うんざりしています。 この記事ではなぜRustの仕事がない状況が続いていて、どうすればRustの仕事がある状況を作れるのかという状況分析をしていきたいと思います。 若干Rustについてネガティブな書き方をしてしまうかもしれませんが、Rustが良い言語か、悪い言語かといった話はしません。 仮説1:Rustが本番環境で使われて

                                                                        Rust 仕事 ない
                                                                      • 認可のベストプラクティスとDDDでの実装パターン

                                                                        最近、少々複雑な権限機能の開発を担当している中で、対応方針を悩んでいたことがありました。 権限機能というものは取り扱いが難しく、影響範囲が広いにも関わらず、対応漏れや考慮不足があると情報漏洩に繋がってしまいます。 また、機能拡張をしてく中でも対応漏れを起こさないようにする必要があるなど、考えることも多く頭を悩ませておりました。 そこで、認可処理の設計のベストプラクティスやDDDの実装パターンに認可処理を組み込む方法など、色々と調べていたのですが、その中でいくつか知見を得られたのでまとめようと思います! 権限と認可 権限と切っては切れない関係にあるのが認可です。 権限はある操作を実行できる権利を指します。 それに対して、認可は操作を実行する許可を出すため仕組みのことを指します。 例えば、ブログ投稿サービスで考えてみると、以下のような感じです。 権限: 投稿者はポストを編集できる。 認可: ユ

                                                                          認可のベストプラクティスとDDDでの実装パターン
                                                                        • Java 20, 21, オブジェクト指向からデータ指向へ / Java20, 21, Object Oriented to Data Oriented

                                                                          2023/5/10(水)に開催されたTechFeed Experts Night#18での登壇資料です。 https://techfeed.io/events/techfeed-experts-night-18

                                                                            Java 20, 21, オブジェクト指向からデータ指向へ / Java20, 21, Object Oriented to Data Oriented
                                                                          • 未経験から1ヶ月!Pythonで観る将ライフを向上させた話(プログラム編)

                                                                            まとめプログラミング未経験から1ヶ月ほどで、将棋の評価値の新たな方法でのグラフ化を行うPythonツールを作った。 https://github.com/k-the-p/notherscore この記事は2本立てです。プログラミングより結果のグラフや将棋に興味がある方はもう一方の将棋編から読むことをおすすめします。 未経験から1ヶ月!Pythonで観る将ライフを向上させた話(将棋編) 目標評価値以外の観る将の楽しみとして、手の広さの可視化を提案するAIはわれわれアマチュアの将棋への親しみを大幅に向上させてくれた一方で、棋士が悩みに悩んだ結果として評価値が下がる手を指してしまったときに、「悪手きたwwww」と騒ぐ主にABEMAのコメント欄には忸怩たる思いがあった。 とはいえ、もう評価値を知らなかった時代に後戻りするなんてことは誰にもできないだろう。そして、電王戦から将棋にハマった自分自身とし

                                                                              未経験から1ヶ月!Pythonで観る将ライフを向上させた話(プログラム編)
                                                                            • ゲームプログラマー志望の大学生を4人弟子にとって、全員ゲーム会社に就職した話|わけん

                                                                              学生プログラマーとの関わりこれまで6人の学生プログラマーさんに仕事を手伝ってもらってきました。最初は「仕事を手伝ってくれたら嬉しいな」くらいの気持ちでしたが、最近は学生さんの成長を見るのが楽しくて、仕事が大してなくても雇っています。バイト代も払っていますが、ここで言う「弟子」みたいなものかなと思っています。 これまで4人の学生さんが卒業していきましたが、彼らはいずれもゲーム会社に就職しています。業界最大手の会社や、その子会社などです。 自分のプログラマー歴話の前に軽く自分の経歴を説明しておきます。大手でゲームプログラマーとして10年。メインはグラフィックのプログラムでした。その後、独立して8年ぐらいプログラムも書きつつゲームデザイン、ディレクションもしてゲームを作り続けています。代表作は最近だと『Godzilla Voxel Wars』です。 採用で重視していること学生さんが皆ゲームプログ

                                                                                ゲームプログラマー志望の大学生を4人弟子にとって、全員ゲーム会社に就職した話|わけん
                                                                              • 日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud

                                                                                日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud MySQL互換のオープンソースデータベース「TiDB」(タイデービー)を提供しているPingCAP社は、日本語を含む自然言語の問いをChatGPTを用いてSQL文に変換し、実行する「Chat2Query」機能を、クラウド上でTiDBのマネージドサービスを提供する「TiDB Cloud」にβ版として搭載したことを発表しました(日本語のプレスリリース) Introducing #Chat2Query, our AI-powered natural language querying tool that will release you from tedious manual SQL writing and change the way of #DataExploration

                                                                                  日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud
                                                                                • 『良いコード/悪いコードで学ぶ設計入門』を一歩深める読み方 / deepen good code bad code

                                                                                  こちらのイベントで用いたスライドです。 『良いコード/悪いコードで学ぶ設計入門』を一歩深める読み方 - FwLibrary #11 https://forkwell.connpass.com/event/264759/ 動画のアーカイブはこちら。 https://youtu.be/_qXG06v8HAI

                                                                                    『良いコード/悪いコードで学ぶ設計入門』を一歩深める読み方 / deepen good code bad code

                                                                                  新着記事