サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Cline を使い始めて2ヶ月ぐらい経った。 自分の直感として、Cline は真のイノベーションの入口であり、そして開けてはいけないパンドラの箱でもあったと思う。 ここでいう Cline は Cline型コーディングエージェントであり、広義には Devin / Cursor や Copilot Agent 等を含む話。だが、後述するように Cline でしか見えない世界がある。 その先の未来に、プログラマとしての自分はフルベットする、という話をする。 私たちが知っているプログラミングの終焉 大事なことは次の記事に全部書いてある。まずこれを読んでほしい。 (Google翻訳) Steve Yegge 氏は、置き換えられるのはジュニアおよび中級レベルのプログラマーではなく、新しいプログラミング ツールやパラダイムを受け入れず過去に固執するプログラマーであると指摘しています。 <略> これはプロ
2025/02/22に行われたPHPカンファレンス名古屋2025の発表資料です。 --- DRY（Don't Repeat Yourself）原則はコードの重複を減らし、保守性を高める効果的な手法ですが、適用の仕方によっては仕様変更に対応できなくなることがあります。 私が直面したのは、二つ…
2025年のReact状態管理、正直どれがいいの？ - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説ReactreduxjotaizustandTanStackQuery 「Redux使ってるけど、もっと軽いの無いのかな...」 「Recoilって今でも現役なの？」 「ZustandとJotai、どっちがいいんだろう...」Reactの状態管理ライブラリ、みなさんも選択に悩んだことありませんか？確かに2025年の今、選択肢の多さに頭を抱えてしまいますよね。Redux、Zustand、Jotai、Recoil、Valtio、XState、TanStack Query...それぞれに「これがウリ！」というポイントがあって、どれを選べばいいのか正直迷っちゃいます。 特にReact 18の登場で状況が更
はじめに 設計思想によって多少変わりはしますが、TypeScriptを用いた開発では型安全なコードを書くのが理想と考えられます。しかし、実際業務をしていると工数に制限があったり、大人数でそれぞれが作業する兼ね合いで理想のコードではない状態のコードにぶつかる場面がとても多いです。 例えば、既存のJavaScriptを流用するためにany型を使用したが、本来はきちんと型を定義して呼び出し時に安全に使用したい。既存実装が複雑でわからず影響範囲も考えとりあえずnullableにしたが、本当は全部調査して安全に使用したい。といったことはよくありますよね。本記事ではそんなTypeScript開発者の理想と現実を踏まえ、筆者が所属するThinkings株式会社の実際のReact /TypeScriptを用いた業務の中で出会ったありがちな問題やミスを挙げ、解決方法や回避方法について述べます。 ※後述の
はじめに 今回は、いつも楽しく拝見させていただいている「100秒テック」のakiさんとコラボしました！ まずは、とにかく動画をご覧ください！ 他にも役立つフロントエンド関連の技術動画がたくさんあるので、いいねとチャンネル登録をよろしくね！（言いたかったｗ） この記事では、タイトル通り、React19のチートシートとして活用いただけるように仕上げました。またサンプルコードは、できるだけ理解しやすいようシンプルにして、React環境にコピー&ペーストするだけで動作するようにしました。 動画と合わせて、この記事もReact 19の理解を深めるのに役立てていただけると嬉しいです。ぜひ、最後までご覧ください！ アクション アクションは、React 19を理解する上で欠かせない重要な概念です。このアクションを基盤として、様々な機能が追加されています。そのため、React 19で追加された機能を活用する
こんにちは。 株式会社ココナラ在籍のKです。 「時間がないからテストは後で書く」 そのような言葉を聞くたび、「テストを一緒に書くことでむしろ時間を節約できるのに、もったいない」と感じます。本記事では、その理由を明確にした上で、私がよくやっているTDDをゆるく取り入れたテストの進め方をご紹介します。 対象読者本記事は、以下のような悩みをお持ちの方に向けた記事です。 テストの重要性は理解しているものの、時間的な制約からテストを後回しにしてしまいがち TDDに興味はあるものの、難しそうでなかなか実践できない TDDのテストファーストという手法に馴染めない チーム内にテストの文化を広めたい本記事の構成 大きく以下の2つの構成になっています。 テストを後で書くという考え方への考察 TDDをゆるく取り入れた実践手法本記事におけるテストの定義本記事で扱うテストは、主としてロジックのユニットテス
ArcはChromeをベースにしたWebブラウザです。ベースこそChromeですが、独自に大幅なカスタマイズが施されており、見た目や使い心地はChromeと大きく異なります。 一方で、拡張機能はChromeのものがそのまま使えるため、移行は比較的スムーズに行えるでしょう。 Arcは独特のUIを採用しているため、最初は少しとっつきにくいと感じる方もいるかもしれません。そこで本記事では、Arcを仕事で活用するための具体的なテクニックを紹介します。 Spaceを分ける Arcには「Space」という機能があり、用途ごとにブラウザの作業環境を完全に分離できます。Spaceを切り替えると、タブやピン留めしたページなどのコンテキストがすべて切り替わるため、「開発業務モード」と「その他の業務モード」を明確に切り替えられます。 私の場合は下記のようにSpaceを使い分けています。 開発業務のSpace そ
組織で仕事をするなら自身の専門領域や役割を越境していくスタンスでいた方がいい。 役割をきっちり隙間なく分けることはむずかしいし、できたとしても状況の変化によってすぐに隙間ができてしまう。ボールが落ちないようにするには、お互いのカバー範囲を少しずつはみ出しておくしかない。個々人にとってもメリットは大きい。できることが増えやりとりの負荷も下がり、自分の仕事もしやすくなってくる。 LayerX社の「ボールを拾う人が偉い」や、リクルートの「染みだす」といった言葉は、"越境" を奨励するということだと理解している。 自分の隣の領域にも興味をもって関わっていくだけではあるのだけれど少しだけ注意点もあると思っていて、雑にまとめておきたい。 1. 体験して観察する 一見「もっとこうしたらいいのに」と思うことがあっても、いきなり否定して変えようとしないこと 越境先へのリスペクトを持って、いったん郷に従ってみ
こんな経験はありませんか？ 「開発メンバーになんでこれ優先度高い/低いんですか？」と聞かれるとき 「考えていた新機能以外にビジネスサイドからの要求が尽きない。ユーザー要望は待ったなしで、技術的な課題も放置できない……。どれから手をつければいい？」と思うとき はじめまして。株式会社GaudiyでPdMをしている三島(@kaa_a_zu)です。今は漫画やゲームのIPごとにファンコミュニティを作ることが出来るFanlinkというサービスを作っています。 実際、私も優先順位で悩んだことが何度もあります。多くの要求やアイデアに囲まれたとき、どれを先に取り組むべきか判断するのは簡単ではありません。 今回の記事ではこの課題を打破する一つの手段として、今回はICEスコアをベースにした優先順位づけの方法を紹介したいと思います。 スコアリングによる初期整理、そしてスコア化だけでは拾いきれない部分を対話や情報共
TL;DRVue.jsはHTMLをJavaScriptの中に書かなくて済むので、可読性が高いですVue.jsは双方向バインディングをサポートしており、Reactみたいなsetter/getterみたいな無駄な作業は必要ありませんVue.jsはHTMLとCSSとJavaScriptを分けて記述することができるため、どこを修正すればいいか直感的ですReactはJSX内で{}と()が大量に出現するため、可読性が低く、タイピングミスしたときのバグ探しが大変です 2025年、ReactとVue.jsどちらを選ぶべきか？ 2025年、フロントエンド開発者にとってReactとVue.jsは引き続き主要な選択肢となっています。 1.ReactとVue.jsの基本的な違いReact 開発元: Meta（旧Facebook） アプローチ: ライブラリ（必要に応じて周辺ツールを追加） 学習曲線: 中
Bill One Entry*1の秋山です。本題へ入る前にお知らせです。12/23、TypeScript を活用した型安全なチーム開発をテーマにイベントを開催します。弊社社員のうち、TypeScript を日々の開発で活用しているメンバーが登壇します。ぜひお気軽にご参加ください。 sansan.connpass.com はじめに モジュラーモノリスとは 保守性が低いとビジネスに悪影響を与える技術的負債と開発生産性 コード品質とビジネス影響 モジュール分割の方針 方針１：モジュールにDBテーブルを専有させる 補遺：モジュラーモノリスとNoSQL 方針２：モジュール内をレイヤードアーキテクチャとして構成する 方針３：ESLint ルールによって実現するTypeScript 開発にモジュラーモノリスを持ち込む ステップ１：単一のエイリアスを設定する ステップ２：ESLint ルールを設定す
2024/10/22に『桜井政博のゲーム作るには』が最終回を迎え、 ネットでは大いに話題になっていました。 まさかそんな手法で作られていたとは....... (気になる人は↓をチェック) その話はさておき今回はゲームエンジニアに限らず Web系エンジニアにも通ずる話があると私は思っていて、 色々な方々にも見て頂きたいと思った次第です。 (UIの話や広報の話もあるので本当はもっと広い範囲に刺さる内容ではあります) 桜井政博ってだれ？？？ そもそも桜井さんのことを知らない人がいると思いますので簡単に紹介しますと 『星のカービィ』や『大乱闘スマッシュブラザーズ』を作った人ということで概ね間違いないはずです 結論 先に結論をお話しすると 『仕事の姿勢』を見ることでタイトル通り仕事の姿勢、そして仕事に対する向き合い方を学べる 『チーム運営』を見ることでエンジニア界隈でもよく話題になるチームビルディン
こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaiki（@k1tikurisu）です。 はじめに サイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/11/05のFrontend Weeklyで取り上げた記事や話題を紹介します。 取り上げた記事・話題 Add connection() as a new dynamicAPI by gnoff · Pull Request #69949 ·vercel/next.js unstable_noStore()の代わりとなる新しいAPIである、connection()を導入するPRです。 connection()は、DynamicAPIを使用しないコンポーネントでも、実行時に動的にレンダリングしたい場合に使用します。通常Ma
ロシアの裁判所が2024年10月28日に、ロシアの国営メディアへのアクセスがYouTube上でブロックされている状況が続いているとして、Googleに対し20000000000000000000000000000000000ドル(200溝ドル、円換算で約3澗円)の罰金の支払いを命じました。 Russian Court WantsGoogle to Cough Up $20,000,000,000,000,000,000,000,000,000,000,000 https://gizmodo.com/russian-court-wants-google-to-cough-up-20000000000000000000000000000000000-2000517887 Russian court finesGoogle $2 decillion • The Register https:
はじめまして！ サイボウズ株式会社フロントエンドエンジニア（内定者バイト）の mehm8128 (@mehm8128) です。 はじめに サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。 今回は、2024/10/22 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 AnnouncingDeno 2Deno v2.0 がリリースされました。 v2.0 には次の内容が含まれます。 Node.js および npm との後方互換性 package.jsonとnode_modulesをネイティブでサポートNext.js、Astro、Remix、SvelteKit など多くのフレームワークをサポートdeno fmtでHTML、CSS、YAML をフ
はじめに こんにちは、からころです。 今回は、VSCode でホバー時のTypeScript の型ヒントをすべて表示する方法について書いていこうと思います。 デフォルトの設定では型の情報量が増えると型が省略されるVSCode では、TypeScript を利用して開発する際に、ホバーすると以下のように型ヒントを表示することができます。 しかし、デフォルトの設定のままでは、下記のようにプロパティ数が多くなると型ヒントが省略されてしまいます。 上記の解決方法を以下で説明していこうと思います。 tsconfig.json に noErrorTruncation:true を追加する？ 情報として、tsconfig.json に noErrorTruncation:true を追加するという記事がよく検索にヒットします。これは果たして本当なのでしょうか？ ドキュメントによると、noErrorT
ゆめみ/虎の穴ラボさんの「勉強法の勉強会」というのが好きで、そちらをベースに社内の強い人たちへのインタビュー（10名程度）をミックスして、みんながどうやって調査とか勉強とかしているのか、まとめてみました。 インタビュの結果、あまり共通項みたいなものがなく、結局勉強に関しても銀の弾丸はなさそうな雰囲気でした。ので、どちらかというといろんな人のいろんな方法を並べる、みたいになっています。いろいろ詰め込もうとしすぎたのでゴチャった感ありますが、誰かの参考になれば幸いです。 前提など
プロダクトのビルドツールをwebpack から Rspack に移行したので、その経緯と注意点をまとめます。 🦀 Rspackとは？Rustで書かれた高速なJavaScriptのバンドルツールです。webpackエコシステムとの強力な互換性を持ちます。 2024/08/24にv1.0.0がリリースされました。 🤔 なぜRspackに移行したのか？ ビルド速度改善のため以前からwebpackの移行を検討していましたが、プロダクトがwebpack依存の構成[1]で、Viteやその他のビルドツールへの移行が少し面倒でした。 Rspackであればwebpackのプラグインもそのまま動き移行が容易、かつ速度改善が見込まれるためRspackへの移行を選びました。 💡 移行方法 移行方法は、rspackの公式ドキュメントの migrate fromwebpack をそのまま参考にして進めま
クラウド本部 クラウドソリューション部に所属(2024年入社) 主に社内向けのクラウド記事を書いてます。でかい鯉を見るのが好き。 はじめに どうもこんにちは、好きな料理漫画は「ミスター味っ子」、クラウドソリューション部の立木です。 ここ2か月間、おいしいので毎晩カレーを食べていましたが、流石に嫌気が刺してきたのでAIに献立を考えてもらうことにしました。 ただ、それだけだと面白味がないので、近所のスーパーのチラシを用いてOCRを行い、読み取った情報を元に献立を考えてもらいます。 それでは実際にやっていきましょう。 ※今回、たまたまいなげや様のチラシを使用していますが、本件はいなげや様とは無関係なのでお問い合わせされないようにお願いします。あくまで私個人が本ツールの検証として使用しただけです。 構成 今回の構成です。 まず、チラシをWebサイトから入手し、そのときの形式がPDFなのでjpegに
他のカテゴリーでは車内用のスマホホルダー（880円）、ネクタイ（880円）、合皮製のクッションカバー（770円）などを販売する。いずれも原宿本店と、広島安芸郡の店舗で販売。一部は24日から10月7日にかけて、公式ECサイトでも順次販売するという。 3COINSはその名の通り、300円の商品を中心に扱う雑貨チェーン。若者や女性に人気で、2023年には全国の店舗数が300件を超えたという。 【訂正：2024年9月21日午前11時45分】画像のキャプションに誤りがあったため修正しました。 関連記事 「ひと家具いこうぜ！」 モンハン「ジンオウガ」「アイルー」のゲーミングチェア、ニトリが発売 カプコンは、ニトリとのコラボ商品として、「モンスターハンター」の「雷狼竜ジンオウガ」をあしらったゲーミングチェアやデスク、「アイルー」のチェアなどの予約受付を始めた。 ダイソン、オーディオに特化したヘッドフォン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
