私流、開発時における各 AI サービスの使い分け方

2024/12/01 19 users 使い分け方 私流 morishin chatgpt サービス

こんにちは！ Magic Moment でフロントエンドエンジニアをしている @morishin です。 この記事は、Magic Moment Advent Calendar 2024 1 日目の記事です。 (弊社の今年のアドベントカレンダーは平日のみ投稿するスタイルです) はじめに ChatGPT の登場以降、エンジニアの開発を支援してくれる新しい AI サービスが次々と... 続きを読む

Google、アプリ実行時に生成AIが適切なUIを構成し動的生成する「AI Generated UI」発表

2024/07/22 109 users 生成AI アプリケーション 生成 Google 発表

Google、アプリ実行時に生成AIが適切なUIを構成し動的生成する「AI Generated UI」発表 基本的に、アプリケーションのユーザーインターエイス（UI）は開発時に設計され実装されて、その実装通りに実行時に表示されるものです。 しかしこのUIを開発時ではなく、アプリケーションの実行時に生成AIが適切に構成して動的に生... 続きを読む

ESModules プラットフォームとエコシステムの狭間で | poteboy

2024/07/08 10 users ESModules 狭間 rollup Webpack 一定

一定の規模以上のWebアプリケーションにおいて、JavaScriptを開発時のままの形で配信することは滅多にありません。webpackやRollupなどのバンドラを使用して、ファイルをまとめた上で配信することが一般的です。 ESModulesが普及しバンドル工程なしでも主要ブラウザがJavaScriptのモジュールを直接解釈できるようにはな... 続きを読む

コメ新品種「あきたこまちＲ」に誹謗中傷　開発時に放射線の経緯、福島瑞穂氏も問題視

2023/12/27 16 users 品種改良 農家 誹謗中傷 コメ 過剰反応

秋田県が開発したコメの新品種「あきたこまちＲ」を巡ってＳＮＳ（交流サイト）で農家を中傷しかねない発信が相次ぎ、県が「冷静な判断と行動」を呼びかける事態に発展している。「Ｒ」は放射線による品種改良で開発されたもので「放射線」に過剰反応したためとみられる。一般的な品種改良の手法ではあるが、一部野党の... 続きを読む

没後10年、故・飯野賢治の思い出を元ワープ社員たちが語る。『Dの食卓2』開発時「8月に雪を見に行く」とニュージーランドへ旅立ったなど開発秘話も | ゲーム・エンタメ最新情報のファミ

2023/12/23 25 users ファミ ニュージーランド 故・飯野賢治 食卓 開発秘話

これはゲームクリエイター飯野賢治氏の没10周年記念企画として行われたもので、当日は飯野氏のドキュメンタリー映像上映のほか、飯野氏に縁のあるクリエイターたちのトークイベント、さらに飯野氏にまつわるさまざまな展示物を見られるスペースも設置されるなど、飯野氏の追悼10年企画の集大成とも言える内容になってい... 続きを読む

monorepo で開発時にパッケージの変更を build なしで他のパッケージに反映する方法

2023/11/18 5 users monorepo BUILD Scripts dist tsc

{ "name": "lib-a", "version": "0.0.0", "type": "module", "main": "dist/index.js", "scripts": { "build": "rm -rf dist && tsc" } } この場合、lib-a の src/index.ts を変更だけしても lib-b には反映されません。なぜなら lib-b は lib-a の dist/index.js を参照しているため、build を実行して dist ディレクト... 続きを読む

アプリ開発者のための kubectl 講座

2023/06/25 66 users Kubernetes コマンド ドキュメント プロジェクト

これは何 Kubernetes クラスタ管理者とアプリケーション開発者が分業しているプロジェクトで，開発者が必ずしも Kubernetes に詳しくない場合を想定し，開発時に使いそうな kubectl のコマンドをまとめたものです。 クラスタ管理者から開発者にこのドキュメントを適宜改変して渡し，開発者がある程度自立して操作できる... 続きを読む

いい感じのUIをサクッと作れるReact用ライブラリ「Tremor」を使ってみた

2023/06/11 19 users ウェブアプリ UIライブラリ 世間 需要 プログラミング能力

プログラミング能力とUIのデザイン能力を両方兼ね備えているスーパーマンはともかく、一般的な開発者であればウェブアプリの開発時にUIのデザインで頭を悩ませた経験があるはず。もちろん、そうした需要に応えて世間にはさまざまなUIライブラリが存在しているわけですが、今回は「Tremor」というReact用UIライブラリで大... 続きを読む

LOCAL環境でHTTPSが必要なときはlocal-ssl-proxyが便利 - Qiita

2023/05/21 385 users リバースプロキシ Qiita NextAuth.js 前提

nextauth.js でシングルサインオン機能を実装する場合、SlackなどはアプリケーションがHTTPS接続をサポートしていることが前提となっており、開発時にもHTTPSのサポートが必要となる場合があります。このような場合には、local-ssl-proxyを利用して、リバースプロキシのようにする方法が簡単で便利です。 以下、LOCAL環... 続きを読む

useEffectをやめて、Suspenseを使おう

2023/05/05 132 users Suspense useEffect SWR React 開発

Reactコンポーネントの開発時、データフェッチは欠かせません。 SPAで開発を行う時、あなたも含めてuseEffect()を使ったことがあるはずです。 あなたがSWRやReact Queryの代わりにuseEffect()を使う理由は、いくつかあるのでしょう。 そんな方のために、Reactが提供する<Suspense>を使ってデータフェッチを行う方法を紹... 続きを読む

Viteでの開発中のSSR対応の仕組み

2023/04/14 7 users vite SysAd班 前提知識 チームメンバー 開発中

この記事は新歓ブログリレー2023 37日目(4/14)の記事です。 こんにちは、19B/22Mの翠(sappi_red)です。SysAd班で活動していました。Viteのチームメンバーだったりもします。 この記事ではViteのSSR対応の開発時の仕組みがどうなっているか、どうしてそうなっているかについて紹介します。 前提知識 特筆すべき点のみを取... 続きを読む

ChatGPTを献立提案AIにして「プロンプトインジェクション攻撃」を仕掛けてみた　開発時にはご注意を

2023/03/10 18 users chatgpt プロンプトインジェクション攻撃 答え 反応

ChatGPTを献立提案AIにして「プロンプトインジェクション攻撃」を仕掛けてみた　開発時にはご注意を（1/2 ページ） AIチャットbot「ChatGPT」「新しいBing」に、人間には答えにくい質問や、答えのない問い、ひっかけ問題を尋ねてみたらどんな反応を見せるのか。それぞれの反応からAIの可能性、テクノロジーの奥深さ、AI... 続きを読む

Next.js製アプリケーションのコンパイルを約100倍高速化した話

2023/01/22 132 users コンパイル Next.jsアプリケーション 前提 手法 解決策

Next.jsアプリケーションの開発時においてコンパイルが長時間に及ぶ問題が起きていたので、その原因を特定した手法と採用した解決策について記載します。 今回は結果的にコンパイル時間を100倍以上高速化することができました。 前提 今回の対応は以下のバージョンで行いました。 React@18.2.0 next@12.2.4 tailwindcss@... 続きを読む

ソニー、全商品で障害者・高齢者配慮　開発時のルールに

2023/01/19 14 users ソニー ルール ボタ リモコン 障害者

日経の記事利用サービスについて 企業での記事共有や会議資料への転載・複製、注文印刷などをご希望の方は、リンク先をご覧ください。 詳しくはこちら ソニーグループ傘下のソニーは2025年度までに、原則全ての商品やサービスを障害者や高齢者に配慮した仕様にする。開発過程で障害者らに必ず意見を聞き、リモコンのボタ... 続きを読む

1Password の CLI で環境変数を管理する

2023/01/03 58 users CLI クレデンシャル direnv 1Password 現代

はじめに 現代のアプリケーションは外部サービスのAPIキーなど様々なクレデンシャルを持つことが多いです。 これらを開発者間で安全に共有するには sops、 doppler、 git-crypt などのツールが使えます。 また、開発時はこれらのクレデンシャルを direnv などを使って環境変数に設定することも多いのではないでしょうか... 続きを読む

VSCodeでのコーディングを楽しく！ オススメ拡張機能10選！

2022/12/13 9 users vscode インデント コーディング テンション 拡張機能

こんにちは、うみのです。 今回はVSCodeにて、よく使っている拡張機能や開発時のテンションを向上させる拡張機能を紹介したいと思います。 VSCode自体はここからダウンロードできます。 indent-rainbow indent-rainbowをインストールすると、ソースコードのインデントに色がついて見やすくなります。 ただインストールし... 続きを読む

デジタル庁、Web・アプリデザインの指針まとめた「デザインシステム」公開　地方自治体の活用も見込む

2022/11/11 52 users ドキュメント 指針 認知向上 デジタル庁 web

Webサイトやアプリの開発時、一貫したデザインにできるようドキュメントやデータをまとめた「デザインシステム」をデジタル庁が公開した。「デザインシステムに関わる活動をオープンにし、デザインシステムの認知向上や改善につなげる」という。 デジタル庁は11月11日、Webサイトやアプリの開発時、一貫したデザインにで... 続きを読む

『メトロイドプライム』制作では、時に「開発機を冷凍庫で冷やして」テストされていた。GC性能に幅があったため - AUTOMATON

2022/11/11 11 users AUTOMATON メトロイドプライム エピソード 冷凍庫

かつてRetro Studiosにて活躍したZoid Kirsch氏が、『メトロイドプライム』の開発時の思い出を振り返り、11月8日よりSNSに投稿している。そのなかで、「テストのために開発機を冷凍庫に入れていた」というエピソードが共有され注目を集めている。 『メトロイドプライム』は、ニンテンドー ゲームキューブ向けに2003年に... 続きを読む

Dockerに関するキャッシュたち

2022/02/19 181 users Docker 知見 ビルド キャッシュ ありがたい限り

はじめに Dockerを用いた開発では、適切にキャッシュを用いることで高速にビルド・開発できます。そのための知見は様々な記事で共有されており、ありがたい限りです。 しかし、「Dockerのキャッシュ」と言っても開発時とCI・CDでは行うことが違います。 この記事ではDockerを用いた開発における、各段階のキャッシュ機能... 続きを読む

開発時の動作確認ツールとしてCypressのE2Eテストを導入した話 - visible true

2022/01/11 17 users Cypress visible true E2Eテスト

ユビーAI問診は、Ubieが提供する医療機関向けのプロダクトです。患者さんに対して問診を実施し、医師向けのカルテを作成します。現在は大きく分けて、タブレットとスマートフォンの２つの利用方法があります。 タブレット用、スマートフォン用の画面 これらはどちらもWebアプリケーションとして実装していて、フロントエ... 続きを読む

Chrome DevTools の知っておくと便利かも機能 - Qiita

2021/12/23 282 users Qiita DevTools 英語 参考 公式

長い間 Chrome の DevTools を使ってきて、便利だなと思った機能をまとめてみました。 様々な機能があり、これを覚えておくと開発時に役に立つかもしれないので、ぜひ使ってみてください。 この記事は Corome DevTools 公式 を参考にしています。 日本語化 英語が苦手な方は日本語化しましょう。 手順 DevTools を開いた... 続きを読む

VimとTUIツールをなめらかに切り替える

2021/12/15 7 users vim ファイラ TUi tig ranger

VimからTUIツールを呼び出す 私はVim以外のTUI(Terminal User Interface)ツールとしてファイラにRanger、Git操作にはTigを利用しています。 TUIはそれ自体の制約によりキーボード操作のみで完結することや、開発時の基本的なワークフローがターミナル内に閉じることによる環境のポータビリティにメリットがあります。 Vi... 続きを読む

TypeScript の型を用いたコンポーネントの責務の明確化 - Timee Product Team Blog

2021/10/27 16 users TypeScript コンポーネント タイミー 責務 ＴＯＢ

はじめまして！フロントエンドエンジニアの樫福 @cashfooooou です。 タイミーでは Next.js × TypeScript で toB 向け管理画面を作成しています。 この記事は、toB向けの管理画面の開発時に筆者が気づいたコンポーネント間の責務の明確化の必要性と、 TypeScript の型を用いて責務の分割をサポートする方法の紹介してい... 続きを読む

Mock Service Worker で開発用のモックAPIを作る

2021/06/21 7 users Mock Service Worker mock API

フロントエンドの開発時に仮の API を使いたいってシチュエーションはわりとあると思います。 そんな時に、Mock Service Worker を使うと便利だったのでまとめます。 Mock Service Worker とは？ Mock Service Worker は、ネットワークレベルで API リクエストをインターセプトして mock のデータを返すためのライブラリ... 続きを読む

私が Azure Functions アプリケーションの開発時に意識していること - しばやん雑記

2021/03/12 24 users Azure Functions しば フル ハッカソン 雑記

ここ数年は Azure Functions をフルに活用したアプリケーションを実装することが多かったのですが、同時に Azure Functions を失敗しないように使う方法も分かってくるので、ここらでちゃんと言語化しておきます。 最近は特に Azure Light-up というハッカソンを行うことが多いのですが、Azure Functions を使う場合には... 続きを読む