Vibe Codingという概念が爆誕している。 2月頃にAndrej Karpathy氏がx.comでポストしたことをきっかけに、この言葉が急速に広まった。 There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. It's possible because the LLMs (e.g. Cursor Composer w Sonnet) are getting too good. Also I just talk to Composer with SuperWhisper… — Andrej Karpathy (@karpathy) February
ジュニアエンジニアからシニアエンジニアになるまでに自分がやっていたことまとめ - yasuhisa's blog
長いので3行まとめです。 最近、エンジニアリング経験の浅い方にアドバイスをする機会が増えてきたので、紹介時に使えるポインタをまとめました 何が合っているかは人によるので、正直正解はないと思いますが、少なくとも自分に効いたやり方をまとめています 合いそうなところだけをピックアップして真似してもらうだけでも全然いいと思います 「他にもこういうのをやったら伸びると思うよ!」というのがあったら、SNSなどで反応ください はじめに 真似するのが簡単で効果が大きい Pull Requestをセルフレビューする 趣味プロジェクトを持つ 参考: 自分が過去にやっていた趣味プロジェクト 真似するのは簡単で効果はそこそこ 地味な改善活動を拾い続ける 地道な活動例: READMEやsetupスクリプトの修正 地道な活動例: アーキテクチャ図を書き起こす / 改善する 仕組み化でチームや自分を楽にする 真似するの
【個人開発】リリース1ヶ月で月5万円(理論値)のサービスを作ったのでノウハウを全公開してみる（Next.js / Rails） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 みなさん、個人開発はしていますか？ そして個人開発をしている方は 個人開発アプリで一発あてて月収 xx 万円 を夢見ていたりしませんか？ 私も夢見る一人なのですが、特に「集客」や「マネタイズ」の方法に悩んでいる方も多いのではないでしょうか。 今回は、私が個人開発した Learning Next というサービスがあります。 こちらが軌道に乗ってきたので、開発の背景から技術的な工夫まで、赤裸々にお話ししたいと思います。 この記事を読んだらわかること この記事は、個人でサービスを作ってみたい人、特に 集客やマネタイズ
はじめに TVerのSREチームでインフラ周りやサービス監視オブザーバビリティーを担当しています西尾です。 この度はサービスとしての認知が広まり、配信プラットフォームとしての社会的な重要性も高まってきたTVerサービスについて運用面からの取り組みを紹介していきたいと思います。 現在Tverに関しては、多くのユーザーから視聴していただいていますが、サービス提供に関するステークホルダーとしてはこの視聴されていますユーザー以外にも、配信を行うコンテンツを制作提供している各放送局の方々も含まれ、サービスとしてはBtoC/BtoBの両方の性質をもっています。 そのため、サービスの安定稼動についてはこれからもっと多くのユーザーに必要とされ、また信頼できる動画配信プラトフォーム業者として各放送局の方々から選ばれるように高いレベルで求められています。 安定稼働の取り組みとしては各チームで様々な施策を行なっ
MCPを最大限に活用した次世代のWebアプリ開発 Next.js、Honoは Context7 MCP 最新のコードやスニペット デザインを v0やReaddy(=AIデザイン生成Webサービス)で作成。 フロントエンドを Figma MCP 画面デザイン等 バックエンドを Supabase MCP DB操作等 資料を filesystem MCP 指定したフォルダに資料や1ファイル化したファイルの読み込み テストをPlaywright MCP 自然言語でのテストコードの自動生成 Git管理を GitHub MCP GitHubの自動操作等 保守運用を Raygun MCP でエラーの自動追跡 サブスクライブを Stripe MCP Stripeでの実装 多様なAIモデルを GitHub Copilot Agent mode、Claude Sonnet 3.5 3.7、GPT-4oでコード
Firebase Studio
Get to work quickly wherever you areGo from opening your browser to building in minutes, not hours. Import your existing repositories from GitHub, GitLab, Bitbucket, or your local machine, with support for most tech stacks. Or use the App Prototyping agent to quickly create a new application using natural language, mockups, drawing tools, and screenshots, or select from a large catalog of popular
サーバレスをフル活用したビジネスｄアプリのアーキテクチャ（後編） - NTT Communications Engineers' Blog
はじめに この記事はコミュニケーション&アプリケーションサービス部でビジネスdアプリを開発している丸山、葛岡、露口、西谷、富田の共同執筆です。 今回は、NTTコミュニケーションズで提供するモバイルアプリ、「ビジネスdアプリ」の具体的なアーキテクチャやCI/CDの仕組みに焦点を当てて説明します。 前編では、開発背景やサーバレスサービスを活用したアーキテクチャの概要を中心に解説しています。前編はこちらからご覧ください。 なお、本記事の内容は2024年8月2日にGoogle Cloud Next Tokyo '24で発表した講演をベースに再構築したものです。 講演資料はこちらからご覧ください。 目次 はじめに 目次 Push通知のアーキテクチャについて 行動データ収集のアーキテクチャについて CI/CDについて サーバーのソースコードをPushした場合のCI/CDのアーキテクチャについて モバイ
貧者のアークテクチャ：Next.js on Cloudflare Pages&WorkersのAPI側でFirestoreを使えるようにした
こんにちは、@nabettuです。 個人開発の醍醐味といえばいかに安いインフラコストでサービスを作るか、というのがありますね！（諸説あります） 私は基本的にWebであればNext.jsと、Firebaseを利用することで認証、DB、ストレージを使ったサービスを基本無料で運用できる恩恵を受けています。ただそれもアクセスが増えるとどうしてもお金がかかるようになってしまいます。 フリーサービスならVercelが最も楽にデプロイ出来て良いのですが、商用サービスの場合は基本$20かかることや、商用プランにしてもアクセスが増えると結構高いため、最近Next.jsのホスティングにおいて、Vercelの代替手段を模索する動きが活発化しています。 一つの方法としてSPAで静的サイト化すると今度は個別のOGP画像が設定できないことや、APIをどうする問題なども出てしまいます。代替手段の一つとしてFirebas
SSGで最新のはてなブログ記事を表示する部分をWebhook機能で常に最新にする - Lento con forza
最近AIに自分のポートフォリオサイトを作ってもらいました。 kouki.hatenadiary.com このサイトに最新のブログ記事も表示したいなぁと思って、Copilot Agentにお願いしたら、これも一瞬でAIが作ってくれました。 技術ブログと日常ブログで最新3件のブログをコンパクトに表示してとお願いしたらこれが出来上がりました。ブログのURLは元からリポジトリにあるものを勝手に持ってきたし、feedのURLも特に与えず勝手にAgentが見つけてきました。すごいですね。 さて、このウェブサイトはAstroで作られていて、ブログ記事はビルド時に更新フィードを叩いてSSGする形で書かれています。多分よくある構成だと思います。 こうなると、ブログ記事を更新したとしても、次のビルドまでは少しの間古い情報が表示されることになってしまいますね。 そんな時に使える、はてなブログのWebhook機能
Firebase Studio lets you build full-stack AI apps with Gemini | Google Cloud Blog
Millions of developers use Firebase to engage their users, powering over 70 billion instances of apps every day, everywhere — from mobile devices and web browsers, to embedded platforms and agentic experiences. But full-stack development is evolving quickly, and the rise of generative AI has transformed not only how apps are built, but also what types of apps are possible. This drives greater comp
マルチテナントアプリで行うイベント計測のしくみ - Hatena Developer Blog
こんにちは、Androidエンジニアのid:r4wxiiです。『Inside GigaViewer for Apps』連載5回目は、メディア共通機能の1つであるイベント送信機能を、GigaViewer for Apps(以下、GigaApps)の標準機能として実現するための設計について紹介します。 イベント送信機能とは GigaAppsのイベント送信機能が複雑となってしまう理由 メディアによって異なる計測プラットフォーム メディアによって異なるイベント GigaAppsにおけるイベント送信機能を噛み砕いた設計 メディアによって異なる計測プラットフォーム メディアによって異なるパラメータ イベントを適切に振り分けて送信する 実装 イベントを送信する メディアによって異なる計測プラットフォームを扱う メディアによって異なるパラメータを扱う イベントを適切に振り分けて送信する 終わりに イベント
ネットスーパーで注文された商品が効率よく確実にお客さまのもとに届くためには、店舗でのピッキングやパッキング、配送といった業務が必要となります。この業務を支えるStailer上のアプリケーション開発を担っているのが、お届けチームです。 10x.co.jp お届けチームは昨年「イベント駆動アーキテクチャ」を導入する取り組みを行いました。イベント駆動アーキテクチャをどんな狙いで導入し、どんな成果が得られたのか。お届けチームの開発メンバーである鈴木さんに聞いてみました。 イベント駆動アーキテクチャ: イベント駆動アーキテクチャは、システム内で発生するイベントをトリガーにして処理を実行する設計パターン。コンポーネント同士が直接やり取りをせず、イベントを介して情報を共有するため、疎結合になり、スケーラビリティと柔軟性が高くなる。イベントはイベントバスやメッセージキューを通じて通知され、受け取ったコンポ
Google、「Gemini Code Assist」の無料提供を個人開発者に向けて開始 月最大18万回のコード補完の他は何が役立つのか？
Google、「Gemini Code Assist」の無料提供を個人開発者に向けて開始 月最大18万回のコード補完の他は何が役立つのか？：GitHub向けのコードレビュー機能も Googleが開発したAIコーディングアシスタント「Gemini Code Assist」の個人開発者向け無料提供が開始した。Visual Studio CodeやJetBrains IDEでのコード補完、生成、デバッグ支援に加え、GitHub向けのコードレビュー機能も利用できる。 個人向けのGemini Code Assistは世界中で利用可能で、Gemini 2.0を搭載している。このツールはパブリックドメインの全てのプログラミング言語をサポートしており、特にコーディングに最適化されている。Gemini 2.0モデルは、実際のコーディングユースケースを大量に分析、検証することで開発者向けにファインチューニング
1. はじめに この記事は1円も使いたくない個人開発のための技術スタックという記事に触発されて作成されました。著者の💣😺氏に感謝を申し上げます。 もしよろしければ元記事の方のいいねなどもお願いします。 この記事では、0円で個人開発・公開できるWebアプリケーションの技術スタックを紹介します。対象読者は、Webアプリの開発経験はあるものの金銭的理由でデプロイ環境の確保が難しい学生などです。フロントエンドからバックエンド、デプロイ先、データベース、認証機構まで、無料プランで利用可能なサービスを組み合わせて、費用ゼロで開発・運用する方法を解説します。適切に活用すればサーバー代は無料で、リスクなく高速なWebサービスを公開可能です (Next.js + Supabase + Cloudflare PagesでWebサービスを開発・デプロイする際に起きた問題と感想)。各技術の特徴やメリット、他の
突然のデータ不整合！原因は Realtime Database の更新処理かも？ 更新失敗を防ぐ TypeScript の解決策 - NTT Communications Engineers' Blog
TypeScript で Firebase の Realtime Database を利用すると、使い方次第でエラーが生じてしまう可能性があります。これは TypeScript の型チェックでは検知が難しいような undefined なプロパティを格納しようとしてしまうことがあるためです。この問題が起こるとデータ更新処理が失敗し、不整合な状態が発生してしまいます。 この記事では その問題を防ぐ方法を紹介します。 はじめに 環境 背景 Firebase Realtime Database の仕様 TypeScript の Partial 型 エラーの例 解決策 全パターンの更新関数を用意する 更新関数の中で undefined を除外する JavaScript のプロキシを使う プロキシの概要 プロキシを使った解決策の概要 実際の実装 各メソッドの解説 プロキシ処理の妥当性確認 各解決策の比
本当に使えてる？知って得するCursorエディタの機能・設定7選Cursorエディタを使いこなせていますか？ 実は、多くの人が知らない便利な設定や機能がたくさんあります。 本記事では、Cursorエディタを最大限活用するための 7つの機能・設定 を紹介します。 1. Project Rules（プロジェクトルール）を活用するProject Rulesとは？ プロジェクト全体のコード品質やAIの出力を統一するために、ルールを事前に設定する機能です。 使い方 特定のファイルに適用するルールを設定（例：TSXファイルのみ適用） UIデザインのガイドラインを明示（例：「シンプルで美しいデザインに統一」） 命名規則・コメントスタイルを統一 参考テクニック ルールを作成する際に、公式ドキュメントのリンクを含めておくと、AIが適切なガイドラインを参照しやすくなります。 2. Auto Context（オ
Reproでマーケティングコンサルタントをしている嶋と申します。 GA4を使ったアプリの分析講座、第1弾です！ 全8回ほどで、アプリの分析が未経験の方にも分かりやすく体系的にご紹介していく予定です。 このnoteを書いている時点（2025/03現在）ではGA4でアプリを分析する方法を紹介したコンテンツは見当たらなかったので、おそらく役立つナレッジが多くあると思います。 アプリ内行動の全体像と今回のテーマアプリ内行動は初回利用時のファネルと、状態ごとのサイクルで整理できます。 例：ECアプリのアプリ内行動今回は赤枠の「初回利用ユーザー」の分析について解説していきます。 実はこの部分がアプリとWebで顕著に異なるポイントの一つになっています。 前提：アプリとWebの計測の違い前提知識として、GA4のアプリとWebの基本的な違いをいくつか紹介しておきます。 計測方法の違いWebの場合、「Goog
北朝鮮政府のために活動するスパイに、ユーザーの機密情報を密かにアップロードする複数のAndroidアプリを研究者が発見しました。このアプリの中にはGoogleのセキュリティ審査に合格してGoogle Playで配信されていたアプリもあります。 Lookout Discovers North Korean APT37 Mobile Spyware | Threat Intel https://www.lookout.com/threat-intelligence/article/lookout-discovers-new-spyware-by-north-korean-apt37 Android apps laced with North Korean spyware found in Google Play - Ars Technica https://arstechnica.com/se
Flutter開発の真実：クロスプラットフォームの光と影 #Flutter #GameWith #TechWith - GameWith Developer Blog
目次 はじめに Flutter開発6年間の実践知識 Flutterの進化と共に 実務での実感：Flutterの真の価値 個人での感想レベル ベンチャー企業におけるFlutter採用 開発中の典型的な障壁とその解決策 Flutter Web特有の課題 パッケージ紹介 Network関連 UI関連 その他利用したことのあるパッケージ Flutter Web特化パッケージ その他の開発上の運用について Basic認証の実装例 IP制限の実装 まとめ：Flutterの光と影 クロスプラットフォーム対応のFlutterの光（強み） クロスプラットフォームの対応のFlutterの影（課題） 最後に はじめに GameWithのクライアントアプリチームでリーダーをしているkyamです。 元々はiOSエンジニアとして活動していましたが2018年頃から社内・社外でFlutterを活用したモバイルアプリやWe
北朝鮮のサイバー諜報グループ「ScarCruft」が、Androidユーザーを狙う新たなスパイウェア「KoSpy」を展開している。 このマルウェアは、Google Playストアに偽のユーティリティアプリとして掲載され、ユーザーを欺いて感染させる。 KoSpyはSMSや通話履歴、位置情報など多様なデータを収集し、オーディオや写真の録音・撮影も可能だ。ScarCruftは2012年から活動しており、主にRokRATを利用してWindowsシステムからデータを収集している。 from:North Korea’s ScarCruft Deploys KoSpy Malware, Spying on Android Users via Fake Utility Apps 【編集部解説】 KoSpyは、北朝鮮のサイバー諜報グループであるScarCruft（APT37）が展開した新たなAndroidス
この記事に出てきた話で、 FlutterとFirebaseを使ってアプリを作る上でのテクニックあれこれ 「スプラッシュスクリーンで全て初期化するのではなく」 「読込中の画面を別途用意して、リトライ可能な初期化にしよう」 というのが、気になり、原文を読んでみたときの備忘録(*´ω｀*) How to Build a Robust Flutter App Initialization Flow with Riverpod いつもの初期化 いつもはこんな感じに、main内のrunAppを呼び出す前にやる感じ void main() async { try { // 何らかの初期化処理 await someAsyncCodeThatMayThrow(); // アプリの起動 runApp(const MaterialApp(home: MainApp())); } catch (e, st) {
最近、事業会社のデザインマネージャー達と「UIを作るだけでは評価されにくいフェーズが、ますます加速している」という話で盛り上がった。 これはUIデザイナーの価値が下がったわけではなく、アジャイル開発や仮説検証が体系化し、UIを作る“前”の上流工程の影響がより大きくなったからだ。 僕自身も、delyの開発で高速に仮説検証するプロダクトマネジメントを続けているが、何度も失敗を重ねる中で「まず少人数で早く評価しないと、結果として使われない機能を作り込むリスクが高い」と痛感してきた。 ここ数年で、サービスの価値検証手段に変化がおきて、Firebase Remote Config、Repro / KARTEやNoCodeツールを活用した検証プロセスを実行している現場と実現できていない現場で作り方が変わってきた感覚。 — 坪田 朋 / dely (@tsubotax) October 25, 2021
フィンテックの雄、マネーフォワードがRuby／Go言語エンジニア大募集！ 株式会社マネーフォワード @moneyforward Fintech Go (programming language) Ruby Ruby on Rails I want to hear a detailed Ruby／Go言語エンジニアでの開発に興味のある人、マネーフォワードで思い切りコードを書きませんか？ 株式会社マネーフォワードは、「お金を前へ。人生をもっと前へ。」をビジョンに 「新しい金融サービス、世界最高のお金に関するインターネットサービスを創る」ことを目指しているフィンテックスタートアップです。 弊社は現在、Ruby／Go言語エンジニアの募集を行っています。 Ruby on Railsによる大規模SaaSをGo言語でマイクロサービス化 現在マネーフォワードでは、Go言語によるマイクロサービス化を積極的に
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事では、Skip FrameworkとConvexという2つのリアクティブバックエンド技術について、機能やできること、開発のやりやすさなどの観点から比較します。対象読者はバックエンド開発経験者や中級フロントエンド開発者を想定しています。 Skip Frameworkとは何か Skip Framework（以下 Skip）は、Meta社（旧Facebook）で開発されたオープンソースのリアクティブバックエンドフレームワークです (GitHub - SkipLabs/skip: Skip is a framework for build
Firebase Studio
ブラウザから、AI を組み込んだフルスタック アプリを迅速かつ効率的にプロトタイピング、構築、出荷できます。詳細については、こちらをご覧ください。 Firebase Studio は、API、バックエンド、フロントエンド、モバイルなど、本番環境品質のフルスタック AI アプリを構築してリリースするのに役立つエージェント型のクラウドベースの開発環境です。Firebase Studio は、Project IDX と、Firebase の Gemini による専用の AI エージェントとアシスタントを統合し、アプリケーション開発に必要なものがすべて揃った、どこからでもアクセスできるコラボレーション ワークスペースを提供します。さまざまな言語とフレームワークをサポートするテンプレートを使用して、既存のプロジェクトをインポートすることも、新しいプロジェクトを開始することもできます。 始めましょう
Firebase Studio
Get to work quickly wherever you areGo from opening your browser to building in minutes, not hours. Import your existing repositories from GitHub, GitLab, Bitbucket, or your local machine, with support for most tech stacks. Or use the App Prototyping agent to quickly create a new application using natural language, mockups, drawing tools, and screenshots, or select from a large catalog of popular
Supawald SupawaldはSupabaseをストレージとして利用するオープンソースのヘッドレスCMSです。Next.js及びTailwindで構築されており、Firebase代替の代表格でもあるSupabaseでコンテンツを管理するために必要なもの全てが揃えられているそうです。 開発者ファーストに設計されており、D&D操作によるフォルダおよびファイル管理、Markdownやテキストファイルの編集、プレビュー機能、コンテンツ変更後のリアルタイム更新、静的サイト統合などの特徴を持っています。 管理画面もスッキリ見やすいUIで個人的に好みでした。OOTB（out-of-the-box = 入手後すぐに使える）なソフトウェアとして用意しているそうで、基本的にCMS運用に必要な機能は揃えてある印象でした。導入フロー等、詳細はプロジェクトサイトでご確認下さい。ライセンスはApache-2.0
能登・支援者向け宿泊施設サイトを支える技術
こんにちは。この記事は、SWATメンバーである今谷、奥村、杉山、祐村、早坂の5人が、能登半島での宿泊施設情報サイトのリリースをサポートしたプロボノ活動について、その技術的背景をご紹介します。 SWATとは、全社横断で技術支援を行っているエンジニアチームです。具体的には、各部門の開発チームだけでは対処できない技術的課題に対応し、依頼内容に応じて現場の開発チームとともに数カ月間で課題の解決にあたっています。 プロボノ活動は、「社会的・公共的な目的のために、職業上のスキルや経験を活かして取り組む社会貢献活動」のことです。能登半島地震の支援活動を行う組織から協力要請を受け、LINEヤフーは被災地支援に取り組んでいます。SWATチームが参加することになった経緯については、能登・支援者向け宿泊施設サイトを開発 地震復興を支える #LINEヤフーのプロボノ をご覧ください。 被災地に必要とされる「宿泊施
.envを初心者が早いうちから理解するための記事
読者想定 ぜんぜんわからない。俺たちは雰囲気でenvを使っているって人 いつもチーム開発でわからないままコピペで.envに色々貼ってる人 はじめに チーム開発はゴリゴリにインプットしたノウハウをアウトプットとする良い機会ですが、envをよく知らずに突き進んでしまうのはちょっと危険です。なぜかというとenvはうっかりすると個人情報を全世界にばら撒きかねないからです。しかも場合によってはチームメンバーの情報をばら撒きかねないので危ないわけです。とはいえまだ朧げで曖昧な理解な方もいると思います。ここからは詳しくenvとその周辺を学んでいきましょう。 そもそもenvとはなんなのか .envファイルは、アプリケーションが使用する環境変数を管理するためのファイルです。環境変数とは、アプリケーションが実行される環境に応じて変わる情報を外部から提供するための設定値のことです。簡単に言えば、このプロダクトで
Android apps laced with North Korean spyware found in Google Play
Researchers have discovered multiple Android apps, some that were available in Google Play after passing the company’s security vetting, that surreptitiously uploaded sensitive user information to spies working for the North Korean government. Samples of the malware—named KoSpy by Lookout, the security firm that discovered it—masquerade as utility apps for managing files, app or OS updates, and de
Introducing Firebase Studio
Today, we’re launching a preview of Firebase Studio. A cloud-based, agentic development environment designed to accelerate how you build, test, deploy and run production-quality AI applications, all in one place Firebase Studio is the next step in our journey to streamline full-stack app development, and we built it with developers across the spectrum in mind. Whether you want to rapidly prototype
背景 自社サービス作成時に社内で使用しているMicrosoft365アカウントで認証出来るようにするという仕様になりました FirebaseとMicrosoft Entral IDを使用しての認証機能実装が可能ということは知っていたのですが 実装方法がわからなかった 調べても殆ど記事が見つからなかった というのもあり記事に残して今後似た実装する可能性のあるエンジニアのために記事にの構想と思った次第です ファイル構成 . └── src ├── App.css ├── App.ts ├── configs │ └── firebase.ts → Firebaseの初期化用 ├── hooks │ └── useAuth.ts → 認証周りの処理 ├── index.css ├── main.tsx └── vite-env.d.ts
はじめに 「オープンソースに挑戦したいけど、どんなプロジェクトを作ればいいかわからない…」そんな悩みを持っていませんか？ 本記事では、初心者・中級者・上級者・達人 の4つのレベルに分けて、合計 120個のオープンソースプロジェクトアイデア を紹介します。 それぞれのアイデアの詳細については折りたたんであります。興味がある内容については広げてみて機能要件や実装のポイント、拡張機能、学べることを見てみてください！ 自分のスキルレベルに合ったプロジェクトを見つけて、実際に開発に挑戦してみましょう！ 初心者向けプロジェクトアイデア 1. ToDoリストアプリ 概要 ToDoリストアプリは、ユーザーがタスクを追加・編集・削除し、完了状況を管理できるシンプルなアプリです。 初心者でも取り組みやすく、プログラミングの基礎となる CRUD（Create, Read, Update, Delete） の概念
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに ウェブサイトには静的と動的の2種類があり、それぞれ異なる特徴を持っています。本記事では、両者の違いや使用される技術、メリット・デメリットについて解説します。 1. 静的ウェブサイトとは？ 静的ウェブサイトは、HTML、CSS、JavaScriptなどで構成されており、サーバー上にあるファイルがそのままユーザーに提供されます。ページの内容は固定されており、ユーザーごとに変化することはありません。 特徴: 事前に作成したページがそのまま表示される サーバーサイドの処理が不要 ページの読み込み速度が速い 更新には手作業が必要 主に使
2025年03月12日00:01 AIエンジニアやけど質問ある？ カテゴリその他 1: 名無しさん＠おーぷん 25/03/11(火) 01:02:34 ID:QMMm 寝るまでやる 2: 名無しさん＠おーぷん 25/03/11(火) 01:03:29 ID:Uhoy 具体的には何やってんの？ 6: 名無しさん＠おーぷん 25/03/11(火) 01:04:41 ID:QMMm >>2 基本的にはデータを見てるな 探索的データ解析（EDA）いうてデータから傾向とか出すんや そのあとにこういう手法がいいかもって方法を選んでAIを作っていく感じやな 4: 名無しさん＠おーぷん 25/03/11(火) 01:03:53 ID:0Owc どういうの組んだりしてるん？ 7: 名無しさん＠おーぷん 25/03/11(火) 01:05:15 ID:QMMm >>4 自作したAI使って社内で使う情報をきれい
はじめに 明日から新社会人の方が入社されますね！ 新卒エンジニアとの懇親会も多く開催される時期ではないでしょうか？ ただ、懇親会では特定の人としか喋れなかったり、話しかけるきっかけがなく、なかなか会話が広がらないことも…。 そこで、せっかくなら自然にたくさんの人と交流できるかもしれないコンテンツを、AIを使って爆速バイブコーディングしてみました！ （※今回は、低コストでいかに爆速にプロトタイプができるのかを試すことが目的です） どんなコンテンツ？ できるだけ多くの人と話せる仕組みを作るため、自己紹介を活用したビンゴゲームを考案しました。 後から調べてみると「人間ビンゴ」という形で遊ばれているものと類似しておりました！ 基本ルール いくつかの質問項目にユーザーが回答 回答をベースにパーソナライズされたビンゴカードを生成 お題を提示し、該当する参加者と会話ができたらマスを埋める 単純ですね。カ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに CI/CDというワードをご存知でしょうか…？ 私は知りませんでした。今回はCI/CDに入門して得られたことについてまとめてみました。 CI/CDとは…？ wikipediaより引用 継続的インテグレーションと継続的デリバリーまたは継続的デプロイのいずれかを組み合わせたプラクティスを指す アプリケーションの構築、テスト、および展開の自動化を実施すること ここで私は、デプロイやテストの自動化…？どういうこと？という感覚に陥りました。 私は、デプロイはベテランエンジニアやリーダーが行うもの、テストは手でポチポチ打鍵するものと思ってい
流れ もともと自分が作っていたWebアプリを刷新したいなぁとずっと思っていましたがなかなか重い腰が上がらず・・・ 昨今の生成AIのおかげで面倒なこともサクッとできる感じがしてきたので、ちょっとやってみようか、となりました。 せっかくなのでモダンなFWとか使いたいなぁと思っていたところで、RemixとReact Routerが統合されたとのニュースを聞いたのをきっかけにReact Router v7でWebアプリを作ってみることにしました。 前提 筆者はVueやNuxtをメインで触っているので、Reactはほぼ初心者です。 SPAやMPAの概念や知識はあるものの、Reactにおけるベストプラクティスなんかはあんまり知らないです（一応Remixについては社内勉強会で知っています）。 技術スタック React Router v7 今回の肝になります。ReactをベースとしたFWで、デフォルトでは
オフラインモードが利用できるWebサービスを作成できるクラウドサービスまとめてみた - Qiita
はじめに こんにちは、今回は「オフラインモード」が利用できるWebサービスを作成できるクラウドサービスをご紹介します✨ 「オフライン対応」と言っても、どんなサービスに向いているのか気になりますよね。そこで今回は、特徴とともにどんなWebサービスにピッタリなのかを深掘りしてご紹介します！ 📌1. Firebase（Google） 特徴 NoSQL型のデータベース（Firestore、Realtime Database）を利用可能 オフラインキャッシュが標準搭載されていて、簡単にオフライン対応ができます モバイルアプリとの相性が非常に良い 向いているWebサービスの例 メッセージアプリやチャットツール タスク管理アプリ ショッピングリストなどの日常系アプリ 📌2. AWS Amplify（Amazon） 特徴 SQL型（Amazon RDS）またはGraphQL（AWS AppSync）デ
自然言語を使用したAIのコーディングを勉強する時に、いろいろなツールが存在し、どれを使用すればいいか悩む方も多いと思います。 私も現在も少し悩んでいる一人です。 最もいいのは実際に全て触ってみて学んでいくことが、一番最適な方法ですが、とはいえ、何かアドバイスが欲しいところではあるかなと思います。 そこで、今回はタイトルにある、bolt、replit、curosrに絞ってまとめてみます。 BOLT主な特徴としては3つ シンプルなUI クラウドベースの統合環境(IDE) NetlifyやSupabaseのようなサービスとの戦略的統合 1. シンプルなUI他の２つのアプリケーションと比較して、シンプルなUIであるため、コーディング初心者でも使用できるようになっているかなと思います。 実際に３つとも触ってみて、一番自然言語を意識したUIになっています。 コーディング重視と言うより、コーディングのコ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Claude Codeが最高のバイブコーディングツールすぎる｜shi3z
TVerサービスの継続的安定への取り組み - TVer Tech Blog
便利なMCP 2025年4月版 (もう古いコードの提案はしなくなるMCP他) - Qiita
お届けチームがイベント駆動アーキテクチャを採用した理由 - 10X Product Blog
【金欠学生向け】無料でもここまでできるフルスタック開発！
覚書：本当に使えてる？知って得するCursorエディタの機能・設定7選｜Shinoda
【GA4】ゼロから始めるアプリ分析 ~初回利用編~｜嶋 颯太郎
Google Playで北朝鮮のスパイウェア「KoSpy」入りのAndroidアプリが配信されていたことが明らかに
北朝鮮のスパイウェア「KoSpy」：Androidユーザーを狙う新たな脅威 - イノベトピア
Flutterの安全でリトライ可能な初期化フローの記事を読んでみた - くらげになりたい。
AI時代にデザイナーがどう事業コミットするか｜坪田 朋
フィンテックの雄、マネーフォワードがRuby／Go言語エンジニア大募集！
Skip FrameworkとConvexの比較 - Qiita
Supabaseをストレージとして利用するオープンソースのヘッドレスCMS・「Supawald」 - かちびと.net
Firebase + Microsoft で認証機能実装 - Qiita
レベル別で紹介！オープンソースで挑戦できる120のプロジェクトアイデア集 - Qiita
フロント入門：静的サイトと動的サイトのメリット・デメリットを自分なりに体系的にまとめてみた - Qiita
AIエンジニアやけど質問ある？ : PCパーツまとめ
AI爆速バイブコーディング比較！懇親会で新卒エンジニアと話せるコンテンツを創りたい - Qiita
【CI/CD入門】開発初心者がデプロイの自動化に挑戦してみた - Qiita
React Router v7 + HonoをClineと共に開発した感想
boltとreplitとcursorの特徴と使い分けについて｜アンジェラケン