ROBA@4/29〜30ニコニコ超会議 on Twitter: "僕らプログラマーはオープンソースブームの時点でソースを隠す理由がない時は隠さないのが当たり前になっていて、他人が自分のコード見て効率的なコード書いて欲しいし、AIが自分のコード見て学習しても良いことと思うのだが、絵描きは作品を表に出してるのにそれを学習されるの嫌がるね。" / Twitter
個人のプログラミング体制の現在地
個人のプログラミング体制の現在地https://hiragram.app/posts/3a1zdIWU技術趣味AI 2025-07-19 半年後には全部入れ替わってるかもしれないので現在地の記録として書いておく。 最近の道具LLMエージェント: Claude Code最近Claude Maxの$200/moのプランにアップグレードした。iOSアプリの新規開発というユースケースで自分が使っている範囲では、Opus 4とSonnet 4の差はあんまり感じていない。が、ケチケチしてもしょうがないかなと思ってOpus固定で使っている。 Claude Codeの話をXでポツポツ書いていたらmizchiさんに誘ってもらってClaude Code Deep Diveというイベントに登壇した。 CI: Claude Code Actions + GitHub Actions + M4 Pro Mac mi
自作キーボードに機械学習モデルを仕込む
このブログについて 40%キーボードのHold&Tap判定に機械学習モデルを導入してみたという話です。 Tap & Holdとは？ Tap&Holdというのは、1つのキーに2つのキーの役割を割り当てる機能です。 40%キーボードのようにキー数の少ないキーボードのスペース効率を高めることができる画期的な機能です。 具体的には、ちょい押しなら普通のキー、長押しなら修飾キー（またはレイヤ切り替え）といったように、ボタンを押す長さで二つのキーを判別する仕組みになっています。 このルールが基本ですが、人間は機械のように正確な動きはできないので、ホールドのつもりで押したのにタップと判定される、あるいは逆のタイプミス（誤爆）が頻発するので、他にもルールベースの対応がいくつか考案されてきた経緯があります。 ルールベースの例としては、例えばHold on other key pressという機能があります。
これは何？ 私が現在活用しているAIエージェント設定、運用のTIPSをアウトプットします。 目的 AIエージェントを活用した開発の今の姿を整理する 開発に適したツールと設定の一例を共有する エディタ以外の開発フローの工夫を共有する AIエージェントについて 現時点ではRooCodeを軸に開発環境を構築しています。 RooCodeはClineを拡張したものでありより高度なAIアシストを提供するツールです。 Clineと比べてUIはやや複雑だが`機能は豊富 チームで設定をシェアしたり知見を溜めるため利用者の母数が多いRooCode、Clineを選択 CursorはDevContainerがうまく動作せず、他にも一部の拡張機能が使えない事例を見たため、互換性に課題が残ると判断しています。その他のAIエディタは十分に利用、検証できていません。 RooCodeが使いにくいと感じた場合はClineでも
TypeScript
2023年度リクルート エンジニアコース新人研修の講義資料です
「GitHub Copilot」の裏側服部佑樹氏：ここから、「Behind the curtain」というところで、ちょっと裏側にいきたいと思います。仕組みと、あとは、どうやって読み取るのか、Tips and Tricks、というところでいきたいと思います。 先ほど、3レイヤーありますというお話をしました。やはりこのGitHub Copilot、「Copilot Client」と呼ばれるところですね。「Visual Studio」やVisual Studio Codeがある中で、いろいろな実装があるんですが、サポートしているエディタの中ではVisual Studio Code向けの実装が一番最新のもの、かつ、精度が高いものになっているかなと思います。 「Nightly（GitHub Copilot Nightly）」というエクステンションでGitHub Copilotを入れると、ダウンロー
プログラミング練習用のタイピングゲームを作った話。エンジニアなら4000点を超えたい！ - Qiita
はじめに 少しキャッチーなタイトルにしました。すみません。 あくまで、お遊び程度として是非タイピングゲームを楽しんで頂ければと思います。 以下のプログラミング練習用のタイピングゲームを作成しました。 結構面白いです。ハマります。是非、一度プレイしてみて下さい。 4000 点を超えると、結構凄いです。 目指すべきスコア こちらのプログラミング練習用のタイピングゲームで、目標にすべきスコアを簡単にまとめました。社内で色々遊んでみて、大体こんな感じかなー、という感じで適当に書いてます。 8000 点以上 まだ誰も到達したことが無い未踏の地。自分はたどり着ける気がしません。 7000 点以上 かなりタイピングが速い人。寿司打で 20000 点以上は軽く出せる人が到達できるスコアです。 6000 点以上 寿司打で 20000 点を稀に超える人が到達できるスコア。 5000 点以上 タイピングのかなり
Agile Studio プロデューサーの木下です。アジャイル開発をはじめるには、基本的な語彙やプラクティスをチームにいる全員が知ることが大切です。また、アジャイル開発を実践していく上ではスクラムのみ...
はじめに みなさん、こんにちは。高校生エンジニアのRaioです！ 平日は公立高校に通いながら、放課後や休日はIT企業のエンジニアとして働いています🧑🏻💻 ↓筆者について↓ 今回の記事では、0円で読めるPythonの技術書5選を紹介します！ 無料で読む方法も紹介してるので、是非最後まで見て頂けると幸いです👍🏻 技術書を無料で読む方法 KindleUnlimitedを使うことで、沢山の技術書を無料で何冊でも読むことが可能です🙌 200万冊以上の書籍が何冊でも読み放題 月額980円が今なら1ヶ月無料 場所に囚われず、様々な端末で使用可能 勿論、技術書以外にもビジネス書や漫画など種類豊富です！ 今回の記事で紹介する技術書も、KindleUnlimitedで読むことができるので是非🥳 ↓入会したい方は画像をクリック↓ Python×Excelで作る かんたん自動化ツール 本書では、プ
Tailwind CSSを使う時の疑問と解決方法制作時に「CSSファイルをこれ以上増やしたくない…」「クラス名を考えるのしんどい…」なんて思ったことはないでしょうか？私はあります！あれこれ試した結果、Tailwind CSSが使いやすかったので、導入時につまづいたポイントと解決方法をまとめてみます。 Tailwind CSS とはTailwind CSSは、あらかじめ多くのクラスが用意されている CSS フレームワークです。Web サイトを制作する時に、HTML の要素に直接、定義済みのクラスを付与して使用します。基本的に 1 つのクラスに 1 つのスタイルが当てられていて、例えば「m-0」というクラスをつけると margin: 0px; が、「w-full」というクラスをつけると width: 100%; が加えられます。 実際にどんなものか見たほうが早そうです。これまでの記述方法だと、
数式は触ってみないと何も分からない｜shi3z
数式って不便すぎないか? いやわからん。 俺は数学苦手だから。 でも例えば、プログラミング言語は、現代普通に使われるものだけ挙げても、C#、JavaScript、Ruby、Python、PHP、Java、Swiftとまあ軽く7種類くらい。C系で言えば、C、C++もあるし、C++もバージョンによってはほとんど別物になったりする。プログラミング言語ではない人工言語としても、HTML、SQL、VHDL・・・アセンブリ言語などがあり、使う人は少ないが恩恵に預かってる人が多い言語で言うとLISPやHaskellなんてのもある。 しかもこれらのプログラミング言語は、すべて「同じアルゴリズム」を記述することが可能なのだ。 「同じことを説明するのに複数の方法(言語)がある」と言うことが一体何の意味があるのか、プログラマー以外の人にはわかりにくいだろうが、プログラマーにとっては大問題である。 それぞれのプロ
「Unreal Engine (UE) Advent Calendar 2022 その3」23日目の記事です。 はじめに OpenAIの音声認識AI「Whisper」がすごいらしい。これをUnreal Engineでリアルタイムに動かせるようにしたら応用範囲が広がっておもしろいんじゃないかと思いました。 （「異議あり！」って実際に声に出させたいよね） （NLPアドベンチャーを音声入力で、みたいな夢も広がる） しかし、いざやってみたらいろいろな課題にぶつかりました。この記事は、それらをどう解決したかの記録です。 目次 目標設定：C++とONNX Runtimeで実装する Whisperの処理の全体感 課題と対応 課題1：マイク入力と前処理をC++で実装する 課題2：Whisperの機械学習モデルをONNXにエクスポートする 課題3：ONNXモデルをtransformer＆FP16向けに最適化
はじめに 「未経験だけど、エンジニアになりたい」という人に、僕がまずやってもらっていることを、この記事にまとめてみました。 「習得してほしい」というのももちろんですが、何よりも自分自身がエンジニアに向いているかを確かめる意味でも、これらを一通りこなすことがその試金石になるのでは...と考えています。 以下、やってみてほしいことと、その理由を書いていきます。それぞれ、無料で取り組めるサービスがあるものは、それも紹介していきます。 ブラインドタッチの練習 初っ端からプログラミングと関係ない感じですが、この業界に携わる上での根幹部分になると思ってます。 タイピングスピードは、あらゆるタスクの解決スピードを底上げしてくれます。コーディングはもちろん、ちょっとした調べごと、メールやチャットでの相談など、仕事のあらゆる場面で、僕たちはキーボードを触ることを求められます。 エンジニアに限った話ではないで
メソッドの名付けは決して甘くない——二つの JavaScript プロポーザルが歩んだ道のり - Qiita
2023 年 11 月 28 日追記：第 99 回 TC39 ミーティングが行われたことに伴い記事を更新しました。また、サンプルコードにある致命的なミスを発覚し修正しました。 はじめて技術記事を書いてみました。ぐらふぃーむと申します。 ECMAScript（いわゆる JavaScript）の先端を操る TC39 に関する情報が（少なくとも日本語コミュニティでは）思うより少なかったため初回は「SmooshGate 事件」と「Array Grouping プロポーザル」を取り上げようと思います。 拙い文章なのでおかしいところがあればご指摘願います。編集リクエスト機能もご活用ください。 SmooshGate 事件 2023 年になって Array.prototype.flat メソッドを知らない JavaScript デベロッパーはほとんどいないでしょう。しかしその裏にはあまり知られていない、メ
はじめに DevinやGitHub Copilot AgentのようなAIエージェントは、設計・実装の一部を自動化し開発速度を大きく向上させます。しかし、明確なガードレールなしに指示を出すと、リポジトリの前提を誤解したり、想定外の実装に踏み込んだりして生産性が下がることも少なくありません。本記事では、AIエージェントが設計や開発タスクを脱線しないようにするためのプロンプトのコツを、READMEやdocsの整備、タスクのスライシング、issueの書き方といった観点で具体的に紹介します。 ガードレールとしてのREADME / docs整備と活用プロンプト READMEを「行動ルール集」にする プロジェクトのREADME.mdは、エージェントが最初に読む前提資料です。以下の観点を明文化しておくと、プロンプトから参照させやすくなります。 リポジトリ構成（ドキュメント・アセット・コードの場所） コー
LLMの制約を味方にする開発術
AIコーディングツールを使っているのに、なぜ期待通りの結果が得られないのか 「AIにコード生成を頼んだら、動くは動くけど、プロジェクトの規約に全然従っていない…」 「複雑な機能を実装させようとすると、途中で迷走してしまう…」 「リファクタリングを頼んだら、余計に複雑になってしまった…」 こんな経験はありませんか？ 2025年6月現在、AI Agentic Codingは飛躍的に進化し、単純なタスクなら人間のプログラマーに匹敵する成果を出せるようになりました。しかし、実際のプロジェクトで使ってみると、思うような結果が得られないことも多いですよね。 この記事では、なぜAIコーディングツールが複雑なタスクで失敗するのか、そしてどうすれば効果的に使えるのかについて解説します。Chain-of-Thought promptingによる段階的な思考の誘導、CLAUDE.mdを活用したプロジェクト固有の
認知的複雑度から見るGo言語のイベントソーシング実装 / Event Sourcing with Go
Go Conference mini 2022 Autumn IN SENDAI の登壇資料です。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
よんてんごP @yontengoP せっかくだし IT業界における競技50種目もピクトグラムにしよう！ と思ったけども 大体この2種類で網羅できてしまった(´・ω・`) pic.twitter.com/K5mxwnmWPN 2021-07-24 16:35:52
こんにちは、tacoms EMのかがわ(@shinpr_p)です。 皆さんはプロダクトに関するドキュメントを書いていますか？ 私はここ数年はプロダクトの特に仕様に関するドキュメンテーションには否定派のスタンスを取っていました。 理由は、ドキュメントは不足よりも誤った情報が記載されていることによる負の影響が大きいと考えているため、です。 企画段階など開発に着手する前にドキュメントを新規作成することは比較的容易です。ですが、作成された瞬間からドキュメントは腐っていきます。これを常に最新の状態に維持するためには一定以上の運用コストを払わなくてはいけません。 一言で運用といっても、さまざまな経路からプロダクトに対する改善要望は発生しますし、不具合や障害起因で仕様変更を余儀なくされることもあります。これらに都度追従し、ドキュメントを更新し続けるためには涙ぐましい努力が必要です。 私は地道にコツコツ努
息子がプログラミング勉強したいってオンラインスクールのサイト見せてきたから情報の追い方を教えてあげた→その実力で何を教えてくれるんだ？
青猫 @AonekoSS ＼眼鏡っ娘ばんざい！／ ゲームプログラマで元エロゲのエンジン屋さん。最近は専らUnityのお仕事。 AI絵 (ちちぷい) → aoneko.jp/p 技術記事 (Note) → aoneko.jp/n ツール (GitHub) → aoneko.jp/g aoneko.jp 青猫 @AonekoSS 息子がプログラミング勉強したいってオンラインスクールのサイト見せてきたから、運営会社を調べて採用情報のインストラクター募集欄を見せながら「時給1,080円で必須スキルがワードとエクセルって書いてあるやろ？ つまり、ほぼ素人の先生やからここは止めとけ」って情報の追い方を教えてあげた。 2024-09-06 00:26:27
Claude Codeで仕様書駆動開発！3つのツール比較（OpenSpec / spec-kit / cc-sdd）
はじめに 仕様書駆動開発（Spec-Driven Development） は、コードを書く前に仕様を明確にし、AIと人間が「何を作るか」を合意してから実装に入るアプローチです。 仕様書駆動開発のメリット 1. 作る前に認識のズレがわかる どのツールもspec（仕様）系ファイルとtasks（タスク）系ファイルを生成します。実装に入る前にこれらをレビューすることで、「思ってたのと違う」を防げます。 ツール spec（仕様）系ファイル tasks（タスク）系ファイル
対象読者 AngularやReactなどのフレームワークに頼らずに再利用可能なHTMLやCSSを整備したいマークアップエンジニア AngularやReactなどのフレームワークとWeb Componentsを併用する利点を学びたいJavaScriptエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.4 Google Chrome 102.0.5005.115 Web Componentsを構成する3種のAPI群 前回は、再利用可能なUI部品があることの嬉しさと、ブラウザで再利用可能なUI部品を作るための技術「Web Components」について概要を解説しました。今回はもう少し解像度を高めて、どんな役割のAPIがあるのかを確認していきましょう。まずは前回の復習です。Web Componentsには大別して次の3つの技術の組み合わせによって成り立っ
Perlの今
令和最新のPerlについて学べる本（になる予定）です
プロトタイプ開発環境というのは、雑に思いついたwebアプリを素早く作成するための環境のことで1年半くらい前にもこういう記事を書いた。 個人開発やサイドプロジェクトで「ちょっとしたアイデアを形にしたい」というときになんかゼロから環境構築するのは面倒だし、かといって適当に作ると後々メンテナンスが大変になる。 以前はViteを使って簡単なプロトタイプを作っていたが最近のAI Codingの進化によりプロトタイプ以上にしっかり動くものまで簡単に作れるようになってきた。そうなるとpure viteより最初からもう少し大袈裟だけども発展性のある技術スタックで作っても良いのではないかと思う。 また、転職して以来Cloudflareを触っていなかったし、最近はNext.jsも触っていなかったので、その辺りのキャッチアップも兼ねて試行錯誤してみることにした。結局RSCに慣れないおじさんなのでPages Ro
Deno + Claude4 + RooCode。Claude 4 が進化しているので、それに合わせて Roo のプロンプトを書き直した。 リポジトリはここ たぶん .roo/rules/rules.md と .roo/rules-orchestrator/01_workflows.md だけ見ればいいです。 オーケストレーター用のプロンプト システムプロンプト側 AI へのお題はダイクストラによる経路探索の実装。 効いたこと ハイラムの法則と単一責任原則に言及しながらリファクタさせる https://ssaits.jp/promapedia/glossary/hyrums-law.html eslint の warn でかなり積極的なルールを採用して、それを根拠にリファクタリングさせる 最初は 単体ファイルだけで eslint を回す 通常のテストではログが邪魔になるので通所の CI で
This course is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) license. This is a human-readable summary of (and not a substitute for) the license. Official translations of this license are available in other languages.
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「GPT4oを活用したウェブサイトづくり」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は先日OpenAIが発表した新たなAIモデル「GPT-4o」を使ってウェブサイト（LP）を作成してみました。GPT-4oのパフォーマンスを知ること、そしてデザイナーが生成AIとどう関わっていくべきかを探るきっかけにすることが、今回の目的です。 前提として「GPT-4o」がゼロベースでウェブページを作成することに向いているツールではないと思いますが、チュートリアルの要素と今後の可能性を知るためにあえて取り組んでみました。 GPT-4o
Claude Codeを使いこなせ！
tl;dr Claude Codeの使い方を網羅的に理解して実践できるようになる記事 日本時間2025年5月23日のCode w/ Claudeのプレゼンがインプット Claude Codeを使うと、プログラミングが得意なエンジニアが1週間かかる作業も2日でできる(実体験) インストールは特にWindowsだとクセがあるので、リンク先参照 初期セットアップ、Code baseについて質問、CLAUDE.md、便利なキー操作を優先して読むと良い はじめに 日本時間2025年5月23日に開催されたAnthropic社のCode w/ Claude。その中で、Mastering Claude Code in 30 minutesというセッションがありました。 そこに登壇されたのが、Boris Chernyでした。Claude CodeというとCatを見ることが多いですね。CatもClaude C
ChatGPTでPythonのdiagramsを使ってAWSのサービス構成図生成コードを作ってもらう - Taste of Tech Topics
夏の暑さもだいぶ落ち着いてきていよいよ秋めいてきました、そろそろサンマがおいしい季節ですね、菅野です。 AWSを用いて様々なアーキテクチャを作成することが可能ですが、どういった構成になっているのかを一目で表すには図が効果的です。 手動でPowerPointや、draw.io等の作図ツールを用いて作成することも多いのではないか、と思いますが、ChatGPTで簡単に出力できたら便利ですよね。 Advanced Data Analysysの動作環境ではDiagramsライブラリがインストールされていないため、Pythonコードを直接ChatGPTで動かして構成図を出力してもらうことはできませんでした。 なので、今回はChatGPTにPythonのライブラリDiagramsを用いてクラウドの構成図を作成するPythonコードを作成してもらいましょう。 今回の検証ではGPT-4モデルを利用します。
事業会社においてBIやレポート用の分析を担当しているが以下のような状況に該当する人に向けたデータパイプライン構築の入門のための資料です 🧑🏻🦱「BigQuery等のView機能を活用しているが、データの流れを追うのが困難な状態になってしまっている、クエリの実行に時間がかかりBIツールが使いづらい」 👩🏻「専任のデータエンジニアがおらず、前処理をpython等で処理したりするのがリソース調整的に大変」 👱🏻♂️「ロードされたデータに重複があったり、過不足があったりしてデータの品質が担保できていない」 🧑🏻🦰「Digdagやluigiといったデータ変換ツールの独自の仕様を理解しきれておらず使いこなせていない」 ※現時点ではBigQueryを中心に記事を構成してあります、SnowflakeやAmazon Redshift等の様々な分析基盤でもdbtは対応可能です
最も優れた Podcast アプリの死と再生について
最も優れたポッドキャストアプリ ポッドキャストアプリは Castro を使っているということを以前書いた。 🎧 Overcast と Castro Overcast の独自サーバー経由での不安定さに嫌気がさして Castro に乗り換えた。Overcast は無音カットやスマート倍速など再生品質が優れる一方、エピソード一覧やプレイリスト周り... portalshit.net iPhone 用 Podcast クライアントの Castro がどんどん良くなってきている Castro が進化して Castro 3 と有料の Castro Plus によりチャプター移動やオーディオ強化、無音カットなどが追加された。UI の使い勝手は以前同様優れ、今年1月にショーノ... portalshit.net Castro はポッドキャストマニアがポッドキャストマニアのことを考えて作ったアプリで、ヘビ
生成AI時代のサービス運営管理 - MCP Server for Administratorの実践 - - Findy Tech Blog
こんにちは。 ファインディ株式会社 で Tech Lead をやらせてもらってる戸田です。 現在のソフトウェア開発の世界は、生成AIの登場により大きな転換点を迎えています。 GitHub CopilotやClaude Codeなど生成AIを活用した開発支援ツールが次々と登場し、開発者の日常的なワークフローに組み込まれつつあります。 そのような状況の中で先日、弊社から新サービスのFindy AI+がリリースされました。 Findy AI+のα版はリモートMCPサーバーで提供しており、以前の記事でも紹介させていただきました。 tech.findy.co.jp 一般的なWebサービスでは、ユーザー側のアプリケーションの他に、管理者用のアプリケーションを用意することが多くあります。 Findy AI+でも管理者用のアプリケーションを用意しましたが、今回は管理者用のMCPサーバーとして実装することで
ChatGPTと協力しながら文章執筆やコーディングなどの作業をこなせるアプリ「Canvas」のベータ版が2024年10月3日にリリースされました。記事作成時点ではChatGPT Plusの加入者向けにベータテストが実施されており、テストの終了後は無料ユーザーも利用可能になる予定です。 Canvas is a new way to write and code with ChatGPT | OpenAI https://openai.com/index/introducing-canvas/ Canvasでは「ChatGPTに文章やコードの下書きを入力して清書させる」「ChatGPTが生成した文章の一部を人力もしくはChatGPTに依頼して修正する」といった操作が可能です。内部では「GPT-4oを共同作業用にトレーニングしたモデル」が動作しており、OpenAIはCanvasを「ChatGPT
20年前なら日本のIT技術は世界一だった…天才プログラマーの7年半を奪った｢著作権法｣という闇 日本の産業に起こった悲劇を繰り返すな
20年前なら日本のIT技術は世界一だった…天才プログラマーの7年半を奪った｢著作権法｣という闇 日本の産業に起こった悲劇を繰り返すな Winny開発者を収監した「著作権法違反幇助」という罪 かつて日本経済は世界で燦然と輝いていた。平成元年（1989年）には世界の企業時価総額ランキングの上位10社に日本企業が7社も入っていた。しかし、それから34年がたった今年の2月時点で、日本企業は上位10社どころか上位50社にさえ1社も入っていない。そうなった要因はさまざまあるが、あれさえなければ、日本は今ごろ世界中からお金が集まっていた可能性もある出来事がある。それが「Winny事件」である。 今年3月、映画『Winny』が全国で公開された。この作品は、今から19年前の2004年、P2P技術を利用したファイル共有交換ソフト「Winny」を開発した東京大学大学院特任教授（当時）の金子勇氏が、著作権法違反幇
OpenAI公式のサンプルコード集「openai-cookbook」のコードを試してみた | DevelopersIO
openai-cookbookのサンプルコードを実行してみました。openai-cookbookはOpenAI の公式リポジトリの一つで OpenAI API で一般的なタスクを実行するためのガイド＋サンプル コード集です！ お疲れさまです。とーちです。 連日、ChatGPT 関連のニュースで盛り上がってますね。 私も OpenAI の API を使ってなにか作ってみたいと思っていたところ、社内からの情報で、 openai-cookbookという git リポジトリがあることを知ったので試してみました。 上記のリポジトリは OpenAI の公式リポジトリの一つで OpenAI API で一般的なタスクを実行するためのガイド＋サンプル コード集となっています。 Guides & examples を読んでみる リポジトリのトップページのGuides & examplesから読み進めていくこと
こんにちは 堤です。 3月1日にChatGPTのAPIが公開されました。 openai.com APIが公開されたことでChatGPTを活用したアプリが色々登場して盛り上がっていますね！ 今回はPythonのみで簡単にWebアプリを作成できるStreamlitとChatGPT APIを組み合わせて簡単にAIアプリを作成する方法をご紹介します。 Streamlitについて StreamlitはフロントもバックエンドもPythonのみの記述でWebアプリケーションを作成できるフレームワークです。 streamlit.io Webアプリ作りたいけどフロントの知識が全くない。。という人でもUIが簡単に作成できるのでとても便利です。 データ可視化や機械学習モデルの共有がとても簡単にできるのでデータサイエンスの領域でよく使われています。 作成するアプリ 今回はこのChatGPT APIとStreaml
はじめに こんにちは！R&DチームでAI関連のリサーチを担当しています。最近のAI技術の進歩スピードには本当に驚かされますよね！毎日のように新しいツールやアップデートが登場しています。 そんな中、最近取り組んでいるのがn8nを使ったワークフロー自動化の仕組み作りです。n8nはノーコードでワークフローを構築できる便利なツールなのですが、従来は手動でワークフローを組み立てる必要がありました。 ところが、Claude Codeとn8n-mcpを組み合わせることで、とても便利なことができるようになったんです。AIに自然言語で指示するだけで、自動的にワークフローを作成してくれました。さらに、追加の質問や修正依頼をすると、リアルタイムでワークフローを更新してくれる機能まで備わっています。 この面白い開発体験をぜひ皆さんにも味わっていただきたいので、今回はその具体的な方法をご紹介したいと思います。 1.
ガートナーの米国本社発のオフィシャルサイト「Smarter with Gartner」と、ガートナー アナリストらのブログサイト「Gartner Blog Network」から、＠IT編集部が独自の視点で“読むべき記事”をピックアップして翻訳。グローバルのITトレンドを先取りし「今、何が起きているのか、起きようとしているのか」を展望する。 2020年、リモートワークへの移行が一気に進み、ソフトウェアエンジニアリングやアプリケーションのリーダーからは「開発スピードが低下するのではないか」と懸念する声が上がった。 もともと、アジャイル開発チームは自律性や変化への適応性が高い。だが、アプリケーション技術者の集団として力を発揮し続けるには、緊密なコラボレーションやフィードバックループ、ダイナミックな交流といった強力なチーム文化を維持しなければならない。 Gartnerのアナリストでシニアディレクタ
AIコーディングとゲームエンジン 今何が起きているのか、我々はどうするか korinVR（@korinVR） 2025/4/13改訂 https://x.com/korinVR 自己紹介 本名 ハンドル 職業 備考 古林 克臣（こばやしかつおみ） korinVR（@korinVR） 株式会社フレームシンセシス 代表取締役 東京大学先端科学技術センター 学術専門職員（稲見・門内研） 日本バーチャルリアリティ学会 正会員 上級バーチャルリアリティ技術者 https://x.com/korinVR https://framesynthesis.co.jp/ 本セッションの趣旨 Web開発方面を中心に、控えめに言ってとても破壊的な ソフトウェア開発の大変化が起きている ゲームエンジンでの開発メインの方々は何が起きているか把握していないかも あらましだけでも今伝えておかないとまずいと思いました ※逆
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現時点のAIエージェントを活用した開発方法と考え方とTIPS
「GitHub Copilot」を使う時、何に注意するべきか GitHub社・服部氏が解説する、活用のTips | ログミーBusiness
アジャイルプラクティスマップを公開しました | ブログ | Agile Studio
【2023年9月】0円で読めるPythonの技術書5選 - Qiita
Tailwind CSSを使う時の疑問と解決方法
音声認識AIのWhisperをUnreal Engineでリアルタイムに動かすためにやったこと
【まとめ】エンジニアを志すならば、まずやってみてほしいこと - Qiita
AIエージェントを脱線させないプロンプト設計の実践ガイド
docker-composeを詠唱する黒魔術「Makefile」入門 - Qiita
【更新】ピクトグラムで「IT業界における競技50種目」が開催されている模様「椅子寝」「定時ダッシュ」など
プロダクト仕様ドキュメントを腐らせないためのCursorとMCPの活用｜shinpr
フレームワークに頼らない！ フロントエンド技術「Web Components」のAPIを学ぼう
Claude Codeを使って自分用のプロトタイプ開発環境を整理した
RooCode に自動でリファクタさせるオーケストレーター用プロンプト
Python – CS50 for Japanese: コンピュータサイエンスの入門
UIUXデザイナーが「GPT4o」を活用してウェブサイトをつくってみた
dbtで始めるデータパイプライン構築〜入門から実践〜
ChatGPTと協力しながらコーディングや執筆が可能なアプリ「Canvas」をOpenAIがリリース
ChatGPT APIとStreamlitを使って超簡単にAIアプリを作ってみた - NRIネットコムBlog
自然言語でワークフロー作成？Claude Code、n8n、n8n-mcpを組み合わせた開発体験レポート
リモートワーク時のアジャイルソフトウェア開発チームに役立つ6つのベストプラクティス
AIコーディングとゲームエンジン～今何が起きているのか、我々はどうするか | ドクセル
medihen.hatenablog.com
amass.jp
qiita.com/sakutto-panda
www.kobe-np.co.jp
fujipon.hatenadiary.com
share.google