はじめに AIで開発は本当に速くなったのか？ 「AIを使えば開発が速くなる」 このフレーズ自体は、もう聞き飽きるほど目にしてきました。 実際、コード補完は賢いし、ちょっとした関数やエラー修正なら一瞬で解決することもあります。 でも本当に“開発全体”は速くなりましたか？ コードを貼り付けて修正してもらう。 生成されたコードをコピペする。 動かない。 足りなかった前提を説明し直す。 気づけば、コンテキストの説明に時間を使い、差分の確認に神経を使い、結局自分で修正する。 そんな経験ないでしょうか？ AIは優秀ですが、「ワークフローに組み込まれていないAI」は、強力な検索エンジンとあまり変わりません。 私はClaude Codeを個人開発に導入する際、プロンプトを工夫するのをやめて、AIが迷わない構造そのものを設計することにしました。 その結果、Issue作成、実装、PR作成までを一貫して任せられ
ソースコードを公開したソフトウェアで収益を得ている会社をまとめる。いわゆる「オープンソースソフトウェア（OSS）」という有名な言葉を使わなかったのは、OSS の定義に当てはまらない、またはその可能性があるものが含まれているため。 この記事では "OSS" の定義に当てはまらないものも含め、主要な事業を構成するソフトウェアを一定のライセンスの下で公開している会社をまとめていく。このようにソースコードを公開して利用者やフィードバックを集めるビジネスモデルは open core とか COSS: Commercial Open Source Software と呼ばれているようだ。 企業が「ソースコードが公開されているソフトウェア」を利用するメリットとしては、主に以下の2つがあると考えられる。 コア機能の開発に集中できる 自社のビジネスの核となるソフトウェアの開発に集中し、それ以外の機能的・非機
独力でWebサービスを開発・構築できるフルスタックエンジニアへのロードマップ─幅広いスキルを「Udemy夏のビッグセール」で学ぶ！ - はてなニュース
※ この記事はUdemyメディアにも掲載されています。下記のリンクよりお読みください ▶️ 独力でWebサービスを開発・構築できるフルスタックエンジニアへのロードマップ─幅広いスキルをUdemyで学ぶ！ ※ Udemy「夏のビッグセール」とはてなによるプレゼントキャンペーンは終了しました。記事で紹介しているフルスタックエンジニアのスキルは、引き続きUdemyの講座で学習できます。 Webで新規サービスを立ち上げる際に、UIからインフラ周りまで一人で面倒を見られるエンジニアは、少人数のスタートアップでなくとも非常に頼れる存在です。どんな課題に直面しても技術力で乗り越える、そんなスキルフルなエンジニアに憧れる方も多いでしょう。 この記事では、フロントエンドのプログラミング（JavaScript周辺）からサーバーサイド、インフラ、さらに開発手法まで、Web開発で必要になるさまざまなレイヤーのフル
はじめに こんにちは、弱者エンジニア代表、橋田至です。 皆さんはClaude Code使っていますか？ Claude Codeとは、ターミナル上で動作するエージェント型コーディングツールです。 私自身、Claude Codeがリリースされてから毎日使用していますが、毎日生成能力の高さに驚いております。 そんなClaude Codeの性能をさらに引き出すものが、CLAUDE.mdという仕組みになっています。 CLAUDE.mdとは？ CLAUDE.mdはメモリ機能になります。 CLAUDE.mdを作成することで、Claude はこのファイルを継続的に参照し、プロジェクト固有の知識として学習することができます。 CLAUDE.mdには、 アーキテクチャ設計 コーディング規則 共通ワークフロー などを設定すると、生成されるコードがより精度の高いものになります。 ちなみに、.cluade/にmdフ
Claude Code時代のアプリ開発手法
Claude Codeによる開発体験の変化 みなさんClaude Code使っていますか？ Clineやそのフォーク、Cursorなどが群雄割拠していたところからここ1ヶ月くらいで急激に話題の中心に躍り出たClaude Codeですが、便利なツールという評価を超えて、これまでの開発フローを一新しうる可能性を持ったツールだと思います。 特に、与えられたタスクを分解して様々なツールを使いながら順に機能を実装していく様子は経験を積んだエンジニアのやり方そのものです。 CLIベースのツールであることの利点として動かすコンピューターを選ばないので、公式のGitHub Actions連携をすれば手元に開発環境がなくてもIssueやPull Requestのチャットで会話をしながら開発を進めることまでできてしまいます。 Claude Codeとアプリ開発の相性 そうはいっても、Claude Codeをう
2021年お世話になったReact関連ライブラリ10選 #techtekt Advent Calendar 2021 - techtekt（テックテクト） | パーソルキャリアのエンジニアブログ
この記事は techtekt アドベントカレンダー2021 の 12日目の記事です。 こんにちは！ テクノロジー本部 エンジニアリング統括部 サービス開発部でエンジニアをしている Yuto SAGAWA です。*1 皆様今年もReactライフを満喫できていますでしょうか？ 個人的にはたくさんReactに触れる機会があり、非常に満喫することができました！ そんな2021年の個人的にお世話になったReact関連のライブラリ、フレームワーク、ツールなどの紹介をしたいと思います。 next nextjs.org Next.jsはReactのフレームワークで、昨今では使用例も多く人気のフレームワークであることが伺えます。 SSR / SSG だけではなく、ISR（Incremental Static Regeneration）など、 Webアプリケーションのパフォーマンス改善の手助けとなることが期待
Findy初のモバイルアプリ開発におけるReact Nativeのリアル 〜技術選定の裏側と実践的OSS活用〜 - Findy Tech Blog
こんにちは。ファインディ株式会社でモバイルエンジニアをしている加藤です。 先日、「React Native Lunch Talk ～いま選ばれる理由とアプリの現在地～」にて、「新規サービス開発におけるReact Nativeのリアル〜技術選定の裏側と実践的OSS活用〜」というテーマで登壇しました。 本記事は、その発表内容を改めてテックブログとして書き起こしたものです。 発表では時間の都合で駆け足になった部分や、質疑応答で答えきれなかった論点もあったため、本記事ではそのあたりも含めて踏み込んで書いています。 背景：Findy Events β版の開発 前回の記事 でも少し触れましたが、昨年、Findy初のモバイルアプリ「Findy Events」をα版としてAndroidアプリのみリリースしました。 現在はα版から得た学びをもとにUI・UXをフルリニューアルし、技術カンファレンス向けのiOS
styled-components と csstype で型安全な Chakra UI っぽいコンポーネントを作る | suzukalight.com
3 行まとめ css mixin を使うことで、複数のコンポーネントで使い回せるスタイルヘルパを作成できるcsstype を使って、Typography, Space, Color などの型付き props を作ることができる基礎コンポーネントに型付き props を混ぜて受けられるようにし、mixin で受けてスタイリングさせることで、Chakra UI のような型安全なスタイル記述ができるようになる何がしたかったかこういう Chakra UI みたいな書き方がしたかったので、styled-components でやれるかを試したのが今回の記事の主題です。 export default function App() { return ( <VStack spacing={4} w="100vw" h="100vh" px={4} py={8} bgColor={palette.white
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2022 / 2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2021年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2021年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js
本記事はAWS Startup Community Advent Calendar 2021の20日目です。 ポエム、というかいろんなことを赤裸々に語ろうと思います。が、一回とめどなく書いたらとても文章が長くなったのでかいつまんで書き直しました。もし内容的に興味がある部分があったらTwitterのDMとかそういうので聞いていただければと思います。 はじめに なぜ入社したか 何をしてきたか バックエンドAPIの作り直し 脱EXPO Jestの導入 react-native-background-geolocationへの移行 デザインリニューアル Webアプリケーションの開発 国際化対応 ビルド自動化 モニタリング環境の導入 採用 Analyticsの導入 開発プロセス作り MapBoxの検証 最近着手したこと、やりたいこと、悩み UXとUIの見直し 月次データ更新処理の自動化 研究成果をど
フロントエンドエンジニアのための技術マップ【2025】
Webフロントエンドの全体的な構造をざっくりまとめてみました。 フロントエンド開発で欠かせない技術要素から、Node.jsの立ち位置、今さら聞けないモジュールバンドラーやトランスパイラなど... 順を追って必要な知識を整理していきます。 ここでは各要素について深掘りはせず、あくまで全体像を把握できるような内容を目指しています。 🌱 1. Web開発の基礎 インターネットの基礎知識 HTTP / HTTPS / DNS / IP：通信プロトコルと名前解決の基礎 ブラウザの仕組み：レンダリングやJavaScript実行の流れ クライアントとサーバーの関係：役割と通信の基本 フロントエンドに限った話ではないですが、改めて。 とくにDOMのレンダリングの仕組みやJavaScriptの実行タイミング（非同期処理など）の理解は必須です。 Webページは、ブラウザがHTMLやCSS、JavaScrip
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2023 / 2022 / 2021 / 2020 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2022年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は累計スター数ではなく、『2022年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年～2019年の総合ランキング1位はVue.jsが4連覇、2020年の1位はDeno、2021年の1位はzxです。 以下は202
Blogged Answers: My Experience Modernizing Packages to ESM
Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM Table of Contents 🔗︎ Introduction Redux Packages Background Packages and Configurations Issue History Early Attempts Migrating to Vitest Initial Alpha Testing
Shai Hulud Strikes Again (v2)Another wave of Shai-Hulud campaign has hit npm with more than 500 packages and 700+ versions affected. Update: November 26, 2025 PostHog has published a detailed post mortem describing how one of its GitHub Actions workflows was abused as an initial access vector for Shai Hulud v2. An attacker briefly opened a pull request that modified a script executed via pull_requ
はじめに TechFeed Conference 2022 が 2022/05/14 実施されました 見返したい LT があり LT 資料を探していたら、結構な量になったのでまとめました（非公式です） 一部資料が見つけられていませんが、見つけたら更新します (もしご存じだったらコメント、編集リクエストお願いします ) TechFeed Conference 2022 資料 Web / フロントエンド Web 標準 / ブラウザ最新動向 Web Standards Interop 2022 パスワードのない世界に向けて 見つけたら追加します CSS / Web アニメーション 2022 年のモダン CSS クリエイティブ系のウェブサイト制作で役立つ CSS 技法 Web Accessibility WCAG 2.2 で追加される達成基準 アクセシビリティツリーを読む React React
2022/05/14(土)で開催された TechFeed Conference 2022 に関する、現時点での公開資料と Twitter アカウントリンクをまとめました。 よろしければご活用ください。 はじめに 登壇者名は敬称略させていただいています。 スライドについては、ご本人がツイートで展開されていたり、スライドサービスにアップロードされているものを記載。 Twitter アカウントについては、多くの方は公式サイトの紹介ページに記載 or 資料記載がありましたので、そちらから引用させていただきました。 そちらに記載がなかった方については、別途分かった方のみ記載。 資料について、見つけられなかった or 元々資料を使用していない 方についてはレポート記事を見つけられた方のみ、そのリンクを記載しています。 （ご本人の記事の場合は、本人記事という表記） リンクの間違い等ありましたらコメントい
はじめに React Developer Roadmap 2024 を眺めつつ筆者の独り言を書く記事です。筆者の React 歴は 3 年ちょっとです。 Visit JavaScript Roadmap React のロードマップは JavaScript の勉強が最初。Promise を基本とした非同期処理やクロージャ周りを理解しておくと、React への理解も更に深まった記憶がある。 非同期周りはこの本に助けられた。 CLI Tools Vite Create React App 新規に CSR の SPA を作る場合 Vite 一択だと思う。理由は、設定簡単 + 早い + 拡張性 ◎ + エコシステムが大きい。Vite は SSR もできるがライブラリ作者向け。 (宣伝) Vite を使用した環境構築方法は先日記事にしました。 なぜ Create React App が使われなくなりつ
Useful Front-End Boilerplates And Starter Kits — Smashing Magazine
We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too. Today, we’re shining the spotlight on boilerplates and starter kits for all
Theme 第 167 回のテーマは 2024 年の Yearly Ecosystem です。 Show Note 2024 年のチェックポイント Vite の覇権を Turbopack, RSPack が奪えるか? Storybook は覇権をとって、Chromatic もすごくなりそう Next App Router が本当に広がるか RSC 対応の Bundler が増えて Next 以外の解が見れそう アプリケーションの Rust 化くるか? React Forget Figma Config 2024 の Adobe の影響 State Management どうなってく? (Context, Jotai, SWR, Signal) ESLint to flat config or Biome AI driven FE Development CSS の新しい方法論 今年のキーワ
はじめに こんにちは、すずきです。 今回とりあげたのは、11月の社内勉強会でも紹介したStorybookというフロントエンド開発で最も有名なUI開発ツールです。 Githubのスターが55kを超えるような超有名ツールみたいなのですが、恥ずかしながら今まで全く知りませんでした。 私の場合はアプリのUI開発にあたるのですが、開発フローのなかでちょっとした手間が結構あるんですよね。 例えば、以下のようなことです。 APIより先にUIができてしまったときの表示確認。 デザイナーやディレクターとのUI微修正のやりとり。 プロジェクト内のコンポーネントがアプリ内のどれにあたるのかわからない。 プロダクトと切り離したUI開発ができるツールとかないんかな。。。と探していたところで見つけたのがこのStorybookでした。 React Nativeの関連資料を探してみたところ、記事がほとんど見つからず、あっ
はてなブログ独自の集計による人気記事のランキング。10月6日（日）から10月12日（土）〔2024年10月第2週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 TypeScriptは型安全じゃないからすばらしい - まめめも by id:ku-ma-me 2 社内資料「プロダクトマネージャーのための検索推薦システム入門」を公開します - LegalOn Technologies Engineering Blog by id:legalforce 3 再現性のあるFIRE - FIRE: 投資でセミリタイアする九条日記 by id:kuzyo 4 陰謀論者がつくった映画『サウンド・オブ・フリーダム』が注釈なしに公開されたことで、情報をもたない真面目な観客が真に受けたり、寄付活動に参加してしまったりしているらしい - 法華狼の日記 by id:hokke-ookami 5 BO
エンジニア転職して一年経つので自宅学習で使った技術書&Udemyをジャンル別に評価してみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 2021年7月でエンジニアになって1年経ちました。 エンジニア転職直後に年収が300万くらい下がり、爆速で市場価値をあげなければ！！というモチベーションで一年間いろいろ勉強してきました。 これまでその内容を振りかえることもなかったので、この機会に自宅学習で使った技術書とUdemyをまとめてみることにしました。 参考資料選びに悩んでいる方の助けになれば幸いです。 ちなみに、転職して半年間は学習の成果も市場価値の向上も全く感じられなかったのですが、最近になってようやくそれらを感じられるような出来事が増えてきています。 Wanted
JSer.info #765 - Electrobun v1がリリースされました。 Electrobun v1 - Blackboard Blog TypeScriptでクロスプラットフォームのデスクトップアプリを作成できるフレームワークで、ランタイムにBunを使い、ZigやC/C++で実装されています。 ウィンドウ管理やメニュー、グローバルショートカットなどのネイティブ機能をサポートし、差分パッチによる自動アップデート機能やプロセス分離されたwebviewの仕組みなどを持っています。 Deno v2.7がリリースされました。 Deno 2.7: Temporal API, Windows ARM, and npm overrides | Deno Temporal APIがstableに変更され、Windows ARM(aarch64)のサポートが追加されています。package.jso
アソビュー！ Advent Calendar 2024の1日目です。 今年のアドベントカレンダーは2面公開なので、ぜひそちらもご覧ください！ アソビューでCTOをしているdisc99🐼です！ 「アソビューを支える技術 2020」という記事を以前書いていましたが、そこから時間も経ち支える技術も変わってきているので、今回紹介していければと思います！ tech.asoview.co.jp アソビューの事業 Webフロントエンドを支える技術 TypeScript, React Next.js styled-components、vanilla-extract swr モバイルを支える技術 Swift / Swift UI・ Kotlin / Jetpack Compose TypeScript / React Native / Expo Firebase Braze AppAuth バックエンド
Cover photo by Jez Timms on Unsplash I began exploring the GraphQL ecosystem in 2018. At that time, REST APIs were a significant part of my daily work, but I was always exploring and looking for new challenges. During that period, I invested much of my time transitioning from the PHP ecosystem to React, React Native, Node.js, GraphQL, and TypeScript. Leaving GraphQL While GraphQL enhanced communic
The documentation is now live at reactnavigation.org, and v5 lives here. React Navigation 6 keeps mostly the same core API as React Navigation 5, and you can think of it as further polishing what was in React Navigation 5. Let's talk about the highlights of this release in this blog post. Highlights More flexible navigators Navigators accept many of their customization options as props, which me
はじめに こんにちは。カナリーでソフトウェアエンジニアをしている @snamiki1212 です。 私たちは 【もっといい「当たり前」をつくる】 をミッションに掲げている不動産テックカンパニーです。弊社では、現在下記のプロダクトを運用しています。 「CANARY」: BtoC のお部屋探しポータル（アプリ/Web） 「CANARY Cloud」: BtoB SaaS（不動産の仲介会社様向けの顧客管理システム） この記事では、 CANARY のアプリで利用している技術スタックについてまとめています。 （この記事は自分含めてアプリの開発をメインで行っていたエンジニア @yoshi-jr / @centerfield77 と共同で執筆しています） この記事を読んでわかること CANARY のアプリについて技術スタックの全体像・概要が理解できる 話すこと CANARY のアプリのアーキテクチャ C
【完全ガイド】WindowsだけでiOSアプリを作る方法 ～Claude Codeで爆速開発～｜ゆーき｜父親介護のAI職人
はじめに「iOSアプリを作りたいけど、Macを持っていない…」 多くの開発者がこの壁にぶつかります。Apple公式のXcodeはmacOS専用であり、従来はMacなしでのiOS開発は不可能とされてきました。 しかし2026年現在、クロスプラットフォームフレームワークとクラウドビルドサービス、そしてClaude Code（AIコーディングツール）を組み合わせることで、Windowsだけで開発からApp Store公開まで完結させることが可能です。 この記事では、その具体的な手順を初心者にもわかりやすく解説します。 全体の流れ（ロードマップ）① 開発方針を決める（フレームワーク選び） ② 開発環境をWindowsに構築する ③ Claude Codeでアプリのコードを生成する ④ クラウドビルドサービスでiOS用にビルドする ⑤ 実機テスト・App Storeに公開する ① 開発方針を決める
React Native を5ヶ月間使用した感想
はじめに 8月から12月の5ヶ月間 React Native を使用してみて感じたことを記事にしました。 PoC 段階のため詳しい内容はお話しできませんが、VoIP 機能があるアプリです。 8月時点での筆者は下記のような状況でした。 経験があるのはWeb系の開発のみ (React、TypeScript、Node.js がコア技術) 実務経験は一年ほど iOS、Android 開発の知識は一切なし 実務の中で足りない知識はその都度勉強するといった感じでした。 最初に使用した技術を簡単に紹介し、その後筆者が感じた React Native の メリット / デメリット について書きます。 初記事のため、読みずらい文章かと思いますがご了承ください🙏 使用技術 React Native Web 系のチームでスマホアプリを開発することになり、普段から使用している React と同じ構文でネイティブ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Claude Codeを"優秀な新卒部下"として使い倒す：個人開発爆速化の全ワークフロー
ソースコードを公開したソフトウェアで収益を得ている会社
【Claude Code Tips】私のマイCLAUDE.mdを解説します
JavaScript ライジングスター 2021 - Qiita
スタートアップにジョインしてからの半年を振り返るよ！ - Sweet Escape
【JavaScript】JavaScript ライジングスター 2022 - Qiita
Shai Hulud Strikes Again (v2) - Socket
TechFeed Conference 2022 資料まとめ - Qiita
TechFeed Conference 2022 公開資料・Twitterリンクまとめ
React Developer Roadmap 2024 を眺める
ep167 Yearly Ecosystem 2024 | mozaic.fm
React Native(Expo)でStorybook v6をつかってみた
今週のはてなブログランキング〔2024年10月第2週〕 - 週刊はてなブログ
2026-02-26のJS: Electrobun v1、Deno 2.7、Oxfmt Beta
アソビューを支える技術 2024 - asoview! Tech Blog
🪄 gql.tada makes a GraphQL great again
React Navigation 6.0 | React Navigation
2024年｜CANARY アプリの技術スタック