今日、母校の中学校に行って子供たちに深層学習用PCを寄付するので、これを使ってAIとプログラミングを学ぶためのリンク集を置いておくことにする。 普通のPCやスマホから無料で使えるAIChatGPT  老舗/最新モデルが使える　全般に強い https://chat.openai.com/ AIStudio (Google Gemini) プログラミングや科学知識に強い

こんにちは！株式会社 picon CTO の tocky (@tttockllll) です。 （LINE で ChatGPT「AIチャットくん」をよろしくね！） さて PM の皆さん、こんなお悩みはありませんか？ 漠然としたアイデアを言語化する時間がない いちいちドキュメントにまとめるのが手間 やることをタスクに落としてアサインするのが面倒 これらの課題を解決できるのが Cursor です。 Cursor は、AI エージェントを搭載したテキストエディタです。 エンジニア向けコーディング支援ツールとしてのイメージが強いですが、メモ帳としての利用・要件定義書の作成などももちろん可能です。ドキュメント作成の多い PM 業務に Cursor を導入することで、大幅な効率化が期待できます。 本記事を実践すると、以下のような雑なメモ書きから… このような Notion をサクッと 15 分くらいで作

VSCodeに新機能「Copilot Vision」プレビュー版が登場。モックアップ画像を読み込ませてHTML/CSSを作成、エラーのスクリーンショットから分析を依頼など マイクロソフトはコードエディタVisual Studio Code（以下VSCode）の新機能として、Copilotでモックアップ画像の読み込みなどが可能になる「Copilot Vison」プレビュー版などの搭載を発表しました。 また、ターミナルにおいてbashやzsh、PowerShellなどの入力補完をしてくれるIntelliSenseの改善なども追加されています。 これらの新機能は3月6日付けで公開されたVSCode 1.98（February Update）に搭載されています。 Version 1.98 of @code is out now with drag and drop peek references,

JAWS-UG情シス支部 第28回 https://jawsug-sysad.connpass.com/event/261308/

Easy Viewer Easy ViewerはDbeaverにインスパイアされてTauriベースで開発したオープンソースのデータベース管理ツールです。ユーザーフレンドリーなDB管理が可能になるよう、軽量、高速、セキュアなツールとして開発されています。 主に開発者やDB管理者はもちろん、そうで無い方、不慣れな方でも操作に困らないツールを目指しており、そのためにワークフローの簡略化やUIのシンプル化、軽量で高速、さらに安心安全な設計となっているそうです。 Dbeaverと同様、MySQL、PostgreSQL、SQLiteなどなど幅広いデータベースをサポート、ニーズに合わせてレイアウトやインターフェースをカスタマイズする事も可能です。 Dbeaverも同じようにOSSではありますが、個人的にはEasy Viewerのほうが見やすいUIに感じました。見やすさは使用時のストレスも軽減しますし、学

XREAL Air からマイク録音して音データを Whisper API で文字起こしして ChatGPT API とやり取りするメモ XREAL Air からマイク録音して音データを Whisper API で文字起こしして ChatGPT API とやり取りするメモです。 ベースとなる文献 Unity からマイク録音して音データを Whisper API で文字起こしして ChatGPT API とやり取りするメモ – 1ft-seabass.jp.MEMO こちらを元に XREAL Air のマイク認識部分だけ追加して実装できました。 Unity の XREAL Air プロジェクトで Cube と結果テキストを準備 2023/10 現在の情報で進めます。 Unity の XREAL Air プロジェクトで Cube と結果テキストを準備します。 左の Cube を配置して、右に T

2025年3月にリリースされたChrome 134、Microsoft Edge 134では、<select>要素をカスタマイズできるようになりました。今までは<select>要素で表現できる見た目は限られており、やむをえず別のタグを組み合わせて独自の実装をしていた方も多いのではないでしょうか？　独自の実装をした場合、アクセシビリティーやキーボード操作に対しても独自の対応が必要だったり、対応が不十分になる場合もあります。<select>要素をカスタマイズできるようになれば、こうした課題を解決しつつ自由なデザインやレイアウトを実現できるようになります。 この記事では、カスタマイズできるようになった<select>要素でどんなことができるのかを紹介します！（※本記事の作例はChrome 134、Microsoft Edge 134以上で閲覧ください）。 カスタマイズに必須のCSS まずはカスタ

はじめに 最近GitHubでプルリクのレビューアーにCopilotくんをアサインすると、AIがレビューしてくれるようになりました。 アサインしてしばらく待つとレビューを付けてくれます。 今回はCopilotくんの指摘はなかったようです。 さて、この機能は非常に便利なのですが、毎回アサインするの面倒くさいですしプルリクを出す人によってはアサインしなかったり忘れたりするのはイマイチなので、勝手にアサインして毎回レビューしてもらう設定にしちゃいましょう。という記事です。 GitHub Copilotは定額なのでなるべく使いまくったほうが得ですよね！ 結論を簡単に書くと ルールセットで [Request pull request review from Copilot]を有効化 すればOK これで完全に理解した方は以降は読まなくてもよいかと思います。 Copilotくんにレビューしてもらおう！ ま

研究開発部 システム&セキュリティ担当の松倉です。 ネットワークのトラブルシューティングにおいてパケットキャプチャは強力で、弊社のつよつよエンジニアも「困ったらパケットを見ろ」と言うほどです。 また、インターネットが当たり前に普及している現代においてはサイバー攻撃もネットワーク経由で来ることが多く、パケット解析は我々セキュリティエンジニアにとって重要なスキルセットの一つと言えます。 パケット解析ツールといえば Wireshark が非常に有名でデファクトスタンダードと言えると思いますが、そんな Wireshark 誕生から 27 年の時が経ち、発展版？ともいえる Stratoshark というツールが発表されました。 これは気になる！ということで百聞は一見に如かず、どんなツールなのか触ってみました。 Stratoshark の概要 システムコールと SCAP ファイル Stratoshar

NTTコミュニケーションズ株式会社(以下 NTT Com)は、当社の設備が不正アクセスを受けたことを2月5日に発見し、一部の情報が外部に流出した可能性があること(以下 本事象)を2月6日に確認しました。 社内調査の結果、当社の社内システムである、オーダ情報流通システム※1に格納されていた法人のお客さま向けサービスの一部の情報が外部に流出した可能性があることが判明しました。なお、個人のお客さま向けサービスに関する情報は含まれておりません。 2月5日に初動措置を実施し、2月15日に不正アクセスを受けた装置を遮断する措置を実施しております。 影響を受けた可能性があるお客さまには、順次連絡を差し上げております。なお、現時点においては、お客さま情報の不正利用などの事実は確認されておりません。 お客さま、関係者の皆さまには、多大なご迷惑およびご心配をおかけすることとなり、誠に申し訳ございません。心より

インタビュー PR提供：三菱重工業株式会社 社会人生活のスタート地点を決められる新制度を導入　三菱重工が考える「社員一人ひとりの成長を通じた社会課題の解決」とは 1884年に創立されて以来、ものづくりとエンジニアリング力を武器に、社会課題の解決に挑んできた三菱重工。250以上のグループ会社に8万名近い社員数を抱え、2023年度の売上高は4兆6571億円、うち約6割が海外向けというグローバル企業です。ガスタービンや原子力などの発電事業、防衛製品、ロケットをはじめとするダイナミックな製品を取り扱っています。500以上の製品をラインナップしていることから世間からは「機械のデパート」とも呼ばれています。 そんな同社における働き方について、皆さんはどんなイメージを持っているでしょうか。「三菱重工」は伝統的な企業でありながら、柔軟な人事制度を採用し、社員が自分自身で思い描くキャリアパスを実現できるよう

Note 2025 年 3 月現在 if() 関数は Chrome Canary で Experimental Web Platform Features フラグを有効にすることで利用可能です。 if() 関数は CSS Values and Units Module Level 5 という仕様で提案されている関数です。if() 関数は CSS でインラインの条件分岐を可能にします。 if() 関数の概要 CSS の if() 関数は引数に <条件>:<値> のペアのリストを取り、最初に <条件> が真となる値を返します。条件のリストは ; で区切られます。 .foo { color: if(style(--variant: dark): white; else: black); } <条件> には以下を指定できます。 supports()：指定した CSS の構文がサポートされている場合

今や、AIを活用してソフトウェア開発すること自体は一般的になり、一種のブームと化している。 しかし、Web上で見かけるのはワンショットでテトリスを作る程度の小規模なプロジェクトの話がほとんどで、驚けるものの、正直あまり実用性は無いように感じる。 俺たちが本当に知りたいのはテトリスの作り方じゃねえ！現実の中規模以上のシステム開発で、いかに楽に良いものを作れるかだろ！ ということで、まずは弊社から現時点のノウハウを全公開しようと思う。 弊社ではCursorを1年以上活用（サービスがGAになったタイミングから全社員で利用）しており、一定のノウハウを蓄積してきている自負がある。ただ、あくまで一例ではあるので、ぜひみなさんの現場での活用事例も共有してほしい！ 免責事項AIエディタでの開発は、LLMとAIエディタの進化に伴い、常に変化している。 そのため、この記事で述べる方法論は、現時点での、弊社での

はじめに HERP Careersの開発をしている松山です。 今回は応募フォームの実装で、React Hook FormからuseReducerに移行した話をしてみたいと思います。 フォームライブラリの選定って結構悩みどころだと思うのですが、今回の事例が参考になれば嬉しいです。 フォームライブラリの技術選定 検討対象として考えていたのは以下の2つでした。 React Hook Form useReducer（Reactの標準機能） Formikという選択肢もあったのですが、React Hook Formと使い方が似ていることと、困った時に記事が多い方が助かるので今回はFormikは選ばずにライブラリを使うならReact Hook Form、そうでないならuseReducerを検討対象にしました。 技術選定の背景と理由 プロジェクトの概要 実装するフォームの概要はこんな感じでした。 採用の応

三菱電機は2025年2月26日、AI（人工知能）の動作を短時間で漏れなく検証する技術を開発したと発表した。従来の手法と比べて検証を数十倍から数百倍高速化し、信頼性向上につなげることができる。AIが開発者の期待に反する動作を行うリスクを低減し、安心なAIの利用の実現に貢献する。 2025年度から、社内で開発する故障検出、需要予測などのAIを対象にツールの実証を進めていく。また、AIの標準化活動とも連携して開発技術を社会に還元する。実務での有効性を確認した上で利用範囲を拡大し、外販も検討する。 不確定要素が残る中で使われるAI 欧州で2024年8月に欧州AI規制法が発効し、各国もAIのリスクに対処するための法令やガイドラインを整備するなど、AIを開発／提供する企業にはAIの誤動作のリスクを適切に管理することが求められている。機器の自律制御システムや電力など社会インフラ、サイバーセキュリティなど

ESLintの開発チームは、2024年7月に、「ESLintをあらゆる言語のリントが可能な、より汎用的なリンターにする」計画を発表していた。2024年10月にはJSONとMarkdownをサポートした。今回のCSSサポートの導入によって、さらに汎用性が向上する。 CSSのリントは、公式の言語プラグインである@eslint/cssプラグインを使用することで実行できる。プラグインを使用するには、npmからインストールし、構成ファイルを更新する。 また、プラグインにはno-empty-blocks-（空のブロックを許可しない）、no-invalid-properties-（無効なプロパティを許可しない）などのいくつかのルールが組み込まれている。 デフォルトでは、CSSのリントはコードを厳密に解析し、発見したすべてのエラーを強調表示する。ただし、ブラウザのCSS解析にはエラーリカバリー機能が組み込