この記事では、あまり知られていないCSSの小技20個を実例サンプルと一緒にご紹介します。 わずかなコードで実装可能なテクニックばかりで、ウェブ制作でも気軽に活用することができます。 HTMLの小技テクと一緒に活用してみてはいかがでしょう。 【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選 そもそもCSSってなに？ CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、HTMLなどのマークアップ言語で書かれた文書の表示方法を記述するためのスタイルシート言語です。CSSは、HTMLやJavaScriptと並んでWebの主要な技術です。 CSSは、レイアウトや配色、フォントなど、デザインとコンテンツを分別することを目的としています。これによって、コンテンツのアクセシビリティの向上、デザインの柔軟性やコンテンツの制御しやすさ、関連
Kernel/VM探検隊はカーネルや仮想マシンなどを代表とした、低レイヤーな話題でワイワイ盛り上がるマニアックな勉強会です。garasubo氏からは、「Rust」で新しいOSの設計を試みる3つのOSについて発表がありました。 「Rust」で新しいOSの設計を試みる論文を紹介garasubo氏：よろしくお願いします。「RustはOS界の銀の弾丸になりうるか 論文で見るRustで変わるOS設計」というタイトルでgarasuboが発表します。内容を詰め込みすぎちゃったので、けっこう駆け足の発表になると思いますが、ご了承ください。 Rustは、OSを書くにあたってC言語の代わりになるんじゃないかといろいろと注目されてきていて、今回は3つの論文を紹介します。論文はRustを使って新しいOSの設計を模索するというものです。 1つ目がSOSP2017（Symposium on Operating Sys
Go: A Documentary
The historical release notes may helpful for general information: doc/go1release Go Release History doc/go1prerelease Pre-Go 1 Release History doc/go0release Weekly Release History (Before Go 1) Language Design General design/go0initial Rob Pike, Robert Griesemer, Ken Thompson. The Go Annotated Specification. Mar 3, 2008. design/go0spec0 The Go Programming Language. Language Specification. Mar 7,
リッチテキストエディタ(RTE)って？ リッチテキストエディタ（以下RTE）とは、文字を入力できるだけでなく、文字に装飾を加えたり、段落を設定できたりと複雑な機能を持つエディタのことです。 弊社プロダクトであるkintone内にも以下のようなエディタが存在します。 また、似たものを指すWYSIWYG(読み方:ウィジウィグ)という用語もありますが、これはWhat You See Is What You Get（見たままが得られる）の略であり、編集時と出力時の見た目が同じエディタのことを指します。 Zennやesaのように、Markdown記法で編集したものが変換されて表示されるようなエディタは含みません。 このようにWYSIWYGはRTEより狭義の意味になっています。 WYSIWYGエディタ(Google Docs) WYSIWYGではないエディタ（esa） 独自データモデル VS DOMツ
これって書くべき？ チームでCLAUDE.mdやProject Rulesを育てる はじめに Claude CodeやCursorとのペアプロ中に 「あ、またAIが標準的な実装をしてきた。プロジェクトのルールに合わせて修正しないと...」 「これ、CLAUDE.md/AGENTS.md/Project Rulesに書いた方がいいのかな？」 「でも、書くべきかどうかわからない...」 そんな迷いを抱えたことはありませんか？ 迷っているうちに実装に集中してしまい、結局ルールを書かずに、次のメンバーも同じ苦労を繰り返す... そんなとき、「書くべき判断」が明確になれば迷わず追記でき、チーム全体の知識が自然と蓄積されていきます。 本記事では、CLAUDE.md/AGENTS.md/Project Rulesに書くべきかどうかの判断を属人化させず、AIが会話履歴を分析して客観的に提案してくれる仕組み
すべての開発者が知っておくべきメモリ管理についての知識
プログラミングにおいてメモリ管理は重要な要素の一つですが、その重要性を見過ごされがちなものです。メモリ管理の高レベルな抽象化について、「すべての開発者が知っておくべき要素」としてプログラマーのザカリー・リー氏が解説しています。 Memory Management Every Developer Should Know https://webdeveloper.beehiiv.com/p/memory-management-every-programmer-know メモリは「スタック」と「ヒープ」という2つの領域に分かれています。 ・スタック スタックは「先入れ後出し」という特徴を持つデータ構造で、プログラムの関数呼び出しを記録するのに非常に適しています。例えば下図のように「test()」と「main()」という2つの関数があり、main()からtest()を呼び出す場合を考えてみます。
先日、発表された「カーリル for AI」がおもしろそうなので試してみました。 blog.calil.jp 設定方法も以下のページでとても詳しく説明してくださっているので、誰でも簡単に試せます。自分はChatGPTから接続しました。 calil.jp 上記のページの「AIエージェントサービスのサポート状況」にあるとおり、ChatGPT Plusから使うと初日は結構エラーが出てしまったのですが、今は利用が落ち着いたのか、エラーがほとんどなくなったのでいろいろ試せました。 「覚え違い」にも対応してくれる うっかり間違えて「朝井リョウ」と誤字って検索をお願いしてしまったんですが、ちゃんと「浅井リョウ」で調べてくれました。これはChatGPTが補正してくれたのかなと思ったのですが、本家のカーリルも誤字に対応しているようなので、どちらの機能かはわからず。いずれにせよ、すごい！ ↓せっかくなのでインパ
医療業界で突然LLMを使ってくれと言われたら
はじめに 「うちの病院でも生成AIを活用したい」 「電子カルテの要約をAIでできないか」 医療機関のDX推進担当者や、外部のシステム開発者がこのような相談を受けることが増えています。しかし医療分野でLLMを活用する場合、一般的なWebサービスとは異なる厳格なデータの要件があります。 本記事では、2025年12月時点で日本国内の医療機関がLLMを本番利用する際に知っておくべき、規制要件とクラウドプロバイダーの選択肢について、網羅的に解説します。 ちなみに私は元医師で、現在株式会社LivetoonでCTOとしてAI開発をしている長嶋と申します。 また東大病院循環器内科にも所属しており、医療AI開発に携わっております。 ※筆者注: 情報は2025年12月時点のものであり、今後変更される可能性があります。またベンダー側のドキュメントも新旧入り乱れており、下記情報が完璧に正確である保証はいたしません
本記事は WebアプリWeek 最終日の記事です。 🌀 4日目 ▶▶ 本記事 🌴 はじめに 負荷試験は何のために？ どんな負荷試験を実施すればいいのかを考えてみる 負荷試験の種類 負荷試験で確認したいこと どの負荷試験を実施するか おわりに 参考 はじめに はじめまして、WebアプリWeek5日目を担当しますNTシステム事業部の勝浦です。 みなさん、負荷試験してますか？ システムの特性上そんなに負荷かからないし、性能も求められないし、、 と負荷試験を実施しない場合もあるかと思いますが、負荷試験をしてみると意外な箇所に落とし穴があったりすることに気づくものです。 私自身、今まで何度か負荷試験を実施する機会がありました。 本記事では負荷試験を実施するにあたって、私がはじめに考えていることを書き出してみたいと思います。 負荷試験は何のために？ 「負荷試験やっておいてね」と言われたとき、まず何
OpenTelemetry を利用して PHP アプリケーションのテレメトリデータを計装する方法をまとめました。 本エントリのコードは下記で公開しています。 github.com OpenTelemetry とは 用語 PHP アプリケーションのマニュアル計装（手動計装） 構成 OTel Collector Jaeger 動作環境 必要なパッケージ PHP コード 設定 実行 PHP アプリケーションのゼロコード計装（自動計装） 必要な拡張とパッケージ 設定 PHP コード 実行 さいごに 参照 OpenTelemetry とは opentelemetry.io OpenTelemetry は、サービスやアプリケーションのテレメトリーデータ（トレース、メトリクス、ログなど）を計装、生成、収集、送信するためのオブザーバビリティフレームワークです。ベンダーニュートラルな OSS であり、CNC
シェルってなにしてるの
はじめに 先日シェルについてのオンライン勉強会に参加しました。 スライドも非常にわかりやすく、動画もアップされているので、ぜひ見てみて下さい。 何度勉強してもついつい忘れてしますシェルについて、忘れないうちにアウトプットしておきたいと思います。 私の解釈が混ざっているので、詳しく知りたい方は上のURLへどうぞ 前提 記事内で実行しているコマンドは全てawsのEC2(Amazon Linux2023)のbashで実行したものです。 シェルってなあに みなさん「シェル」使ってますか？ 使ってますよね？ sh, bash, zsh, csh,etc... いろんなシェルがありますね。 この「シェル」ってなんでしょうか？ シェルはユーザーが命令したことをカーネルに伝えてくれるやつ。です。 でも面倒じゃないですか？ なぜユーザーの命令がそのままカーネルではなく、わざわざシェルを通す必要があるのでしょ
最近のC言語と、次期C標準(C23)
C言語といえば古い言語なイメージですが、その重要性はまだまだ落ちていません（多分）。重要な言語だからこそ、今もひっそりと進化を続けています。この記事では、そんなC言語の最近の動向を紹介します。 まずはC言語の前世紀の標準であるC99、現行の標準であるC11/C17を振り返り、その後に未来の標準であるC23に触れます。 C99 C99では色々追加されました。ここでは一部のみの紹介とします。 _Bool _Complex C++の std::complex とメモリ上での互換性がある（C++11以降）。 可変長配列（VLA） 可変長引数マクロ 浮動小数点数の強化 十六進表記 筆者による関連記事：浮動小数点数の16進表記 fma 筆者による関連記事：FMA (fused multiply-add) の話 #pragma STDC FENV_ACCESS, #pragma STDC CX_LIMI
お疲れさまです。とーちです。 こちらの記事を読んで、MCPサーバーすごそうとなったのでMCPについてキャッチアップしたくなりました。 また、こちらの資料を読んでいて知ったのですが、MCPサーバーを作るクイックスタートが公開されているようです。これは良さそうだと思ったのでクイックスタートをやってみることにしました。 やさしいMCP入門 クイックスタートのURLは以下になります。 For Server Developers - Model Context Protocol MCPとは？ そもそもMCPとは？といった部分については上記の資料等をご確認いただければと思いますが、自分なりに理解したことをまとめると以下のようになります。 MCPとは アプリケーションが LLM にコンテキストを提供する方法を標準化するためのもの MCP は、AI アプリケーション用の USB-C ポートのようなもので、
＊本記事の内容は執筆日である2025/3/17の情報です。 最新情報は公式サイトを確認ください。 TL;DR Cursor Proプラン最高！でも気を抜くとめっちゃ請求されるよ！ 誰に向けた記事か 最近Cursorに課金して、Proプランを使い始めました。 これを機に、AIコードエディターの「Cursor」のProプランを選択した後の料金体系やモデル選択について解説します。 Cursorに関する紹介記事や「ここがすごい！」の記事は多数ありますが、コスト面の記事はあまりありませんでした。私と同じような 「潤沢に資金を回せる立場ではない方」 の役に立てればと思い、コストに特化した情報備忘録として共有します。 読んで欲しい人 Cursor Proプランの契約を検討している方 Proプランを使い始めたばかりで使い方を最適化したい方 高速リクエストと低速リクエストの違いを理解したい方 どのAIモデル
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
はじめに この記事で想定している読者の方: Difyの使い方にまだ馴染めていない方 ワークフローで何か作ってみたい方 簡単にPythonが書ける方 LLMを用いたアプリケーションをノーコード・ローコードで作成できるサービスである「Dify」がその使いやすさと拡張性の高さから最近注目を集めています。しかし, 「Difyを知っているけどまだ使って何かのアプリケーションを作ったことはない...」という方も多いのではないでしょうか。特に, 自由度が高い様々な機能を持ったノードを組み合わせることでLLMを自在に組み込んだシステムを作成できる「ワークフロー」機能は公式でも「経験豊富なユーザ向け」と紹介されている通り少し難易度が高いですが是非使ってみたい機能です。 そこでこの記事では, Dify初心者の方向けに, Dify初心者だった自分が「ワークフロー」機能を用いてシステムを作ってみて詰まった部分とそ
高度なセキュリティ対策を実施していると思われる組織であっても、遠く海外の攻撃者からインターネットを通じたサイバー攻撃により組織内部のネットワークに深く侵入され、重要な情報が搾取されたり、システムが止められたりすることが連日、報道されています。このような報道を目にして、いつ自分の組織がこのような事態になるかもしれないと考えている経営者は少なくないのではないでしょうか。経営のテクノロジーやサイバー空間への依存度がますます高まっている現在においては、それが適切な感覚と言えるでしょう。 サイバーセキュリティへの対応は、いつ、何が起こるかわからないという不確実性に対するマネジメントの一要素と言えます。毎年の初めに世界経済フォーラム（World Economic Forum）から発表される「グローバルリスク報告書」においても、サイバー攻撃は発生可能性が高いリスクとして常に注目されています。 サイバーセ
私がthrowを使わない理由
この記事について JavaScriptではthrow文という文を使うことで例外を投げることができます。 このthrow文ですが、私はレビューなどで例外を投げないでくださいというコメントをするのですがその理由とどのようにコードを変更すればよいのか、ということを書いておこうと思いました。 前提条件 この記事の内容は下記の条件を前提として書き進めていきます。 TypeScriptを採用していること フロントエンド開発の場合 Node.jsを利用したサーバーサイドのコードやCLIツールの開発、各種ライブラリの開発については本記事の対象に含まれないことをご了承下さい。 結論 先に結論から書いておくとTypeScriptを利用している場合例外はカスタムエラーを返却するか、Result型を利用するのがよいと思っています。 次の章からサンプルコードを用いながらthrow文を使った実例と、代替え案について記
なんかいけそうな気がしたので Code Interpreter でシュッと Web アプリつくってもろた｜bbz
ちゃっす(/・ω・)/ 今日も ChatGPT Code Interpreter さんと戯れていましたの。 で、タイトルの通りなのだけれど、仕様書書いて渡したら Web アプリシュッと作ってくれんじゃね？( ・ω・) という闇の遊戯をした。 という話。 目標実行や指示はすれどもワタクシは一切コードを書かぬ！！ 普通にエラー修正とか自分でやった方が早いけどやらぬ！！ 全てを ChatGPT への指示で完結する！！ で、納品されたもの(/・ω・)/ 納品物 トップページ 登録画面 ログイン画面 Activity 一覧 Activity 修正 レポート画面 すごない？( ・ω・) やったこと～ChatGPT との対話を残すでござる( ・ω・) ※ ChatGPT Code Interpreter Plugin が使えないと同じ事はできないぞ☆ 仕様書を提供しますので、 仕様にそった Flask
コードレビューで気をつけていること 5 選
こんにちはnasaちゃんです。 コードレビューの記事を見かけたので僕がコードレビュー時に考えていること、行っていることを書いてみようと思いました。 この記事ではレビューを受ける側、行なう側それぞれの話がありましたが、ここではレビューを行なう側のことを書いていきます。(洗い出してみるとすべてがレビューコメントに関するものでした。) Whyを書く コードの変更をリクエストする際になぜ変更したほうが良いのかを書くようにしています。 レビュイーが変更を取り込むか判断する材料になるのでちゃんとなぜこっちのコードのほうが望ましいのかを書くようにしています。あと、言語化することで自分の理解も深まるので良いですね。 このとき、レビュー中のコードを批判しないことを心がけています。 「今のコードは〇〇というデメリットがあるので変えたほうが良い」と伝えるよりも「このような書き方をすることで〇〇がよくなると思いま
Claude Codeに乗り遅れたあなたへ。Open CodeとGithub CopilotとVSCode（期間限定kimi k2.5）
今ならClaude 4.5 Opusに匹敵し高速に動作するという「Kimi K2.5」が利用可能です。こちらはGithub Copilot不要となります。 Git Worktree (gtr) 便利（割愛） OpenCodeの実行 それでは、ぽちぽち試してみましょう。SamuraiAIのサービスサイト(Next.js)のレポジトリを使っています。 /init AGENTS.mdが生成されます。とりあえず実行しておきましょう。AI用のレポジトリ仕様書になります。cluadeの形式も利用できます：https://opencode.ai/docs/rules/ ctrl+p & New session 先程initで使ったセッションが邪魔だと思ったので、新しくセッションを切りコーディングを開始します。 Buildモード コード生成させます。こないだISMSの更新審査対応が完了して、新しい認証ロゴ
「Flutterを勉強する気はあるけど何をやればいいか分からない！」という声をよく聞きます。 今記事では、そんな方々のためにFlutter大学を2年半運営してきた経験をもとに、Flutter学習ロードマップを提案したいと思います。 基本的な学習方針 これは、プログラミングが初めてな人でも大丈夫なように想定した学習方針です。 ①まずアプリ開発におけるFlutterの使い方をざっくり学び、②そのあと自分で実践、③実践した結果プログラミングの文法が分からなくてハマるのでその時に初めてDartの文法を学ぶ。 って感じの３ステップで学びます。必要になった時に学ぶというのが一番身につくと思いますので、いきなり基礎の基礎のDart言語の文法から学ぶのではなく、ゴール（アプリを作れるようになる）から逆算して、まずはアプリ開発の全体像を掴むというところからスタートしていきます。 以下に、①②③のステップにお
Figma-MCPでフロント爆速開発を試してみた！
アスエネ株式会社の @umzo（うめぞう）です！ アスエネでは「アスエネキャリア」という脱炭素・ESG人材の転職支援サービス開発のTechPMをしています。 アスエネキャリアとは？ アスエネキャリアとは、脱炭素・ESG人材の転職支援サービスです。持続可能な社会を目指し、脱炭素や気候変動、サスティナビリティに関心のある人々が、最適なキャリアを築けるようにサポートしています。 最近、Ubieさんの「社内デザインシステムをMCPサーバー化したらUI実装が爆速になった」という記事を見て、「フロントを爆速で開発したい！」と思い立ち、まずはFigma-mcpとcursorルールの整備を試してみました。結果、これがかなり使える！というわけで、実験内容と考察をシェアします。 事前準備 Figma API keyの準備 Quickstartにあるように File content と Dev resource
1835年、20歳のエイダ・ラブレスの肖像画。母親譲りの数学的な厳密さと父親譲りの想像力を合わせもつ女性だった。（IAN DAGNALL COMPUTING/ALAMY） 1833年夏のとある月曜の夜、17歳のエイダ・バイロンは母アナベラとともに、英国の数学者チャールズ・バベッジの家を訪ねた。その12日前に上流社会の夜会でバベッジに会ったバイロン嬢は、彼が製作しているという機械の説明に心を奪われていた。 その機械は青銅と鋼鉄でできた手回し式の装置で、何層もの歯車と、ハンマー状の金属製のアームと、番号のついた数千個の円盤を使い、自動的に数式を解くことができた。バベッジが「階差機関（Difference Engine）」と呼ぶこの機械は未完成で、高さ80cmほどの小さな試作機しかできていなかったが、ガラガラと音を立てて回転し、難しい数式の答えをはじき出した。 バベッジは、階差機関が完成すれば、
AI時代なので、もうDDDは要らなくなりますかね？
DDDは今も“武器”になるのか？ ここ1年でプロダクト開発の環境は大きく変わりました。 AIエージェントが開発現場で“当たり前”のように使われる時代になりつつあります。 そんな中で、「DDD(ドメイン駆動設計)って今の時代にも必要なの？AI時代になったらもう使わなくなるのでは？」と疑問に思う方もいるかもしれません。 私はこう思います。 DDDは、AI時代にこそレバレッジを効かせることができる、価値を届けるための“武器”になる。 (少なくとも、あと数年はね。) DDDの目的は「機能性」と「保守性」を両立させること DDDは単なる設計理論ではなく、プロダクトを継続的に改善・成長させていくための戦略です。 その本質は、以下の2点に集約されます。 ① 機能性を高めるためのモデリング ユーザーや業務の課題を理解し、抽象的な図を使ってFBサイクルを小さく・速く回すことにより、役に立つものを作れる可能性
#ドライブ設定 PATH_GMOUNT='/content/gdrive' PATH_MYDRIVE=PATH_GMOUNT+'/My Drive' #GDriveマウント #以下を実行するとGoogleDriveへのマンウント許可を求められるので、許可する from google.colab import drive drive.mount(PATH_GMOUNT) !pip install japanize-matplotlib #Google colab上でグラフで日本語表示するためにインストール #必要なライブラリのインポート import pandas as pd import numpy as np from bs4 import BeautifulSoup import requests import re import time import matplotlib.pypl
ほぼ50年間、情報システムを開発する仕事を続けてきた。ユーザー企業で業務処理システムの運用まで担当したこともあればIT企業で受託開発をしたり開発支援ツールをつくったりした。起業して業務処理パッケージを開発・販売し、借金をこしらえた経験もある。フリーランスになって以降もプログラミングが不要な開発・運用フレームワークをつくり続けており、直近では若手3人と一緒にPythonを使って取り組んでいる。 関連記事 70歳現役プログラマーと30代3人のPython開発奮戦記、我慢の末に見えたこと Pythonを使う以前に利用してきた開発言語や環境は汎用機のCOBOLに始まり、HyperCard、C++、Java、PHP、Ruby、JavaScriptなど。我ながら色々なことをやってきたが「職業は何ですか」と聞かれたら即答できる。プログラマーである。70歳になったが頭と手が動く限り、プログラミングを続けた
こんにちは！ エージェンシー事業部でアプリケーションエンジニアをしている23新卒の森田です！ 4,5年前に Atom から VSCode に乗り換えてすっかり VSCode のことを相棒だと信じ、もう知らぬことはないとそう思っていました。 しかし、今年エンジニアとして業務で VSCode を使用していると、「あれっ、そんなこともできるの？」と日々相棒の新しい機能を発見しています。 完全に理解したと思ったところからさらに新しい面に気づかせてくれる VSCode は最高の相棒ですね！！ そんなところでこのブログでは、VSCode を完全に理解した VSCode 初心者の僕が、VSCode やっぱわからん VSCode 中級者になるために使いこなす必要がありそうだなと思った機能の Tips 集をご紹介します。 筆者の環境は以下のとおりです。 Mac Apple シリコン Ventura 13.3
「研鑽Rubyプログラミング」はライブラリ作者の知識・技術の幅と深さを拡大する1冊 - たごもりすメモ
「研鑽Rubyプログラミング」を読んだので、その感想を書く。 届いた。研鑽を積むぞ！ pic.twitter.com/YuL5WUyjap— tagomoris (@tagomoris) 2023年4月15日 なお本書の訳者である角谷さんに本をお贈りいただきました。が、その前から同書のβ版(電子版)を購入していたため、実際にはほとんどをそちらで読みました。*1 本エントリの言いたいことは、様々な状況に対応してコードを書くには知識・技術の幅と深さが重要で、本書はそのための重要なインプットとなるでしょう、です! 総論: さまざまなRubyの書きかたを学べる さて、この本は初手から対象読者を「中級から上級のRubyプログラマー」としており、本そのものの目的は「まえがき」の先頭にもはっきり書かれています。少し長めに引用します。 本書の目的は、中級から上級のRubyプログラマーが従うべき有用な原則を
クラス設計の考え方とやり方 クラス設計の目的 - ソフトウェアの複雑さを扱いやすくする - ソフトウェアの変更を楽で安全にする クラス設計の三つの視点 - 関心の分離 - 依存関係 - モジュール性 クラス設計の５つの技法 - 計算判断と入出力の分離 - 中核と周辺の分離…
60年前からのプログラミング和文論文を掘り起こした話
本記事の初版を公開したのは 2024 年 9 月 21 日だったのですが、その後 9 月 26 日に、ピックアップした論文を大幅に増やして更新しました。 また、最初はタイトルを「和文プログラミング論文を〜」としていたのですが、いわゆる「日本語プログラミング言語」の話にも見えてしまうことから、「プログラミング和文論文を〜」に置き換えました。 日本の人々が「プログラミング」にかかわるようになったのは、いつごろでしょうか? その前に、まずは世界のコンピュータとプログラミングの歴史を簡単に振り返ってみましょう。まずは OS から有名どころをたどると、 わかりやすく Windows 95 が 1995 年 [1] その前に広く使われた Windows 3.1 は 1992 年 [2] その下で動く MS-DOS は、バージョン 6 が 1993 年、バージョン 1 が 1981 年 [3] Linu
[初心者向き] OpenAI APIを使ってPythonでChatGPT遊びするための最初の三歩くらい | DevelopersIO
ChatGPT面白いですね！ あんなことやこんなことできるんじゃないかと夢想して楽しんでいます。 そんなわけで、OpenAIのAPIキーを発行できたんだけれども、そのあとどうすればいいの？ という過去の自分のために、Pythonでの超基本的な使い方をまとめておきたいと思います。 結論から言うと、 Pythonのコード15行程度でChatGPTを使ったアプリが出来上がりました！ （APIキーを発行するやり方は他の記事をご参照ください） 準備 Python3でOpenAIのライブラリを使うので、pipでインストールしておきます。 pip install openai また、最小限のコードとはいえ、環境変数はハードコードしたくないので、 コマンドラインの環境変数に設定します。 export OPENAI_API_KEY="sk-xxxx" コード Pythonのコードを書いていきます。 ここに書
![[初心者向き] OpenAI APIを使ってPythonでChatGPT遊びするための最初の三歩くらい | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/814e8d99036500cd515621d1263d5a67c18accf1/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F01%2Fopenai_chatgpt.png)
調査概要調査名称：AI生成コードのレビュアー負担に関する調査調査方法：IDEATECHが提供するリサーチマーケティング「リサピー®︎」の企画によるインターネット調査調査期間：2026年2月24日～同年2026年2月27日有効回答：業務でコードレビューを担当してるITエンジニア322名※構成比は小数点以下第2位を四捨五入しているため、合計しても必ずしも100とはなりません。 「Q1. あなたは直近6か月以内に、AIコーディングツールで生成されたコードをレビューした経験がありますか。」（n=322）と質問したところ、「何度もある（5回以上）」が37.9%、「数回ある（2～4回）」が42.5%という回答となりました。 何度もある（5回以上）：37.9% 数回ある（2～4回）：42.5% 一度だけある：5.6% ない：12.7% わからない/答えられない：1.2% エンジニアの約9割がAI生成コー
Ruby30周年イベント（前編）：Rubyを作る前のまつもと氏が作りかけた、Rubyの原点となるプログラミング言語「Tish」
Ruby30周年イベント（前編）：Rubyを作る前のまつもと氏が作りかけた、Rubyの原点となるプログラミング言語「Tish」 まつもとゆきひろ氏によって開発が始まったRuby言語の30周年を祝うイベント「プログラミング言語Ruby30周年記念イベント」が2月25日にオンラインで開催されました。 イベントでは関係者やRuby愛好家らによる過去30年の振り返りやRubyにまつわるライトニングトークなどが行われ、最後にまつもとゆきひろ氏による基調講演「D is for Dream, V for Vaporware」が行われました。 基調講演では、Rubyを開発する前にまつもと氏が手がけた、Rubyの原点となるソフトウェア「CXライブラリ」や、今回初めて名前が明かされた「Tish」という作りかけのプログラミング言語や、これまであまり語られることのなかった、さらにその前の学生時代に妄想していたプロ
最近、Model Context Protocol（MCP）ではなく「ファイルベースで扱うSkills」の方が便利だという話をよく耳にするようになりました。 実際に過去数カ月、自分もClaude Codeや関連ツールを触りながら、MCPとSkillsを使ってきました。 その中で感じたことを雑多に言語化したいと思います 私が最初にMCPを触ったときの印象は、「とてもよくできた接続規格」でした。 USBのように、外部ツールやデータソースをきれいにつなぐための標準という感じです。 一方で、実際の業務で使おうとすると「で、結局このプロジェクトでは何をどうすればいいんだっけ」という部分は、別途プロンプトを書かなければならない場面が多くありました。 一方、Skillsは最初から「説明書そのもの」を主題にしています。Markdownやテキストファイルに、プロジェクト固有の知識や作業手順を書いておき、それ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Continueというコーディング支援AIツールの紹介です。 コーディング支援AIツール・サービスとしてはGitHub Copilotが有名で、次いでCursorやCodeiumあたりが話題性のあるところかと思います。Publickeyに2024年3月時点での情報がまとまっています。 Continueはそれらと比べて知名度は劣りますが以下のような特徴があり、うまく使いこなせば有力な選択肢になると考えています。 ツール本体がオープンソースである Visual Studio CodeとJetBrains IntelliJ IDEAの拡張機能
Gemma 4を8GBのMacBook Neoで動かしたらAIが開眼。KVキャッシュ量子化組み込みでさらに進化しちゃった（CloseBox） | テクノエッジ TechnoEdge
Bonsai 8Bはウェイトがたった1.1GBなので、残りの約5GBをKVキャッシュに回せるメリットがあります。結果として8Bパラメータの品質を保ちながら32Kトークンのコンテキストが取れます。「8GBでは3Bモデルが限界」という常識を覆した前回の話の続きですが、コンテキスト長でもBonsaiの圧勝です。 Gemma 4 E2BはOllamaのQ4_K_M量子化で7.2GBですが、ビジョンとオーディオのエンコーダーを含んでいるため見た目の数字ほど重くありません。Ollamaのmmap機構により、テキスト処理時にはビジョン/オーディオ部分はRAMに読み込まれない。さらにKV heads=1、Shared KV layers=20という効率的な設計のおかげで、KVキャッシュは32Kでもわずか0.38GB。実測でも32Kコンテキストで27.8 tok/sが出ています。 Qwen3 8Bに至っては
ペアプロの「実践知」──信頼関係を築き、質の高い開発を目指す仕組み - Agile Journey
ペアプログラミング（ペアプロ）は、効果的だと分かっていても、開発組織のカルチャーとして根付かせるのは簡単ではありません。 では、ペアプロがほとんど行われていなかった組織で、それが自然に広がり、カルチャーとして息づくまでにはどんな工夫があったのでしょうか。 適切な休憩の取り方、ペアとの事前合意、ふりかえりのタイミング……現場での試行錯誤から生まれた「実践知」を、ネットショップ作成サービス「BASE」のプログラミングをするパンダさんに寄稿いただきました。 自身もベテランエンジニアとのペアプロでCSSへの苦手意識を克服したパンダさん。そのリアルな体験と知見は、ペアプロ文化を組織に根付かせたい全ての人に響くはずです。 はじめに｜ペアプロは心理的安全性を築く ペアプロは、価値を体験すれば自然に広がる チームの状況に合わせた柔軟なペアプロ運用 信頼関係構築、知識共有の促進――ペアプロの効果 【効果1】
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS】知っておくと便利！短いコードで実装できるCSS小技20選
Rustは銀の弾丸となり得るか 新しいOS開発を実現する可能性 | ログミーBusiness
リッチテキストエディター（RTE）のJSライブラリ色々試してみた
これって書くべき？ チームでCLAUDE.mdやProject Rulesを育てる
「カーリル for AI」を試してみました - やわらか図書館学
負荷試験をはじめる時にまず考えていること - NRIネットコムBlog
PHP アプリケーションのトレース計装ではじめる OpenTelemetry 入門 - Shin x Blog
MCPサーバー作成の公式クイックスタートをやってみた | DevelopersIO
【Cursor】Proプランをコスパ良く使おうぜまとめ - Qiita
React開発を快適にするChrome拡張を公開したので見てください！
初心者がDifyでワークフローを作る際に知っておくと便利な5つのこと
今だから再認識したいセキュリティの原則 情報セキュリティ対応はリスクマネジメントの一要素
「Gemini CLI」のつかいかた ～非エンジニアでも怖くない！ 黒い窓アレルギーを解消しよう【柳谷智宣のAI ウォッチ！】
GitHub の コード自動生成 AI「Copilot」の技術詳細を解説 【論文解説】
Flutter初心者のための学習ロードマップ
世界初のプログラマー、19世紀の伯爵夫人エイダ・ラブレス
【Python】東京23区の中古マンション販売価格予測をやってみた - Qiita
「もっと楽はできないか」、プログラマーとして50年間考え続けたこと
VSCode 中級者になるための Tips 集 - Adwaysエンジニアブログ
これだけは知っておきたいクラス設計の基礎知識 version 2
ITエンジニアのためのライフスタイルメディア KIKKAKE ITREND
なぜ、MCPよりも「ファイルベースで扱うSkills」の方が便利なのか
コーディング支援AIツールContinueの紹介と構成例 - Qiita
news.yahoo.co.jp
pa-chandol.hatenablog.com
fragranceoftao.blog.fc2.com
matomedane.jp
forbesjapan.com
nou-yunyun.hatenablog.com