はじめに 最近、Node.jsとDenoの開発者であるRyan DahlさんがJavaScript Containersという記事を書いていることを知った。 Webとの親和性の高さがサーバーサイドで求められる中、JavaScriptがユニバーサルスクリプトとして活躍するだろう。そして、コンテナランタイムがLinuxコンテナの抽象レイヤーとしてあるように、JavaScript界隈では既存のWebAPIそのものが抽象化の手助けとなるであろう、みたいな趣旨の内容だった。 彼がChromeのV8 JavaScript Engineを使ってNode.jsを誕生させた同じ頃、JavaScriptの可能性を信じて方法を模索した人がいる。Alon Zakaiさんだ。 Alon(以降、敬称略)はWebAssemblyやその考えの元になった asm.js 、 JavaScriptコンパイラ Emscripte

スタンドアロンのWebAssemblyランタイム「Wasmer」の最新版「Wasmer 3.0」が正式リリースされました。 Announcing Wasmer 3.0https://t.co/Nay8Po9FXk — Wasmer (@wasmerio) November 23, 2022 Wasmerはオープンソースで開発されているWebAssemblyランタイムです。 WebAssemblyの動向を調査しているThe State of WebAssembly 2022によると、WasmerはWebAssemblyランタイムとして事実上の参照実装であるWasmtimeに続いて2番目に人気のあるランタイムとなっています。 参考：WebAssemblyアプリ開発ではRustが一番人気、用途ではサーバレスが急上昇、ランタイムはWasmtime。The State of WebAssembly

proxy-wasm での JWT 検証の実装を通して proxy-wasm でどこまでできるのかを調べた。 proxy-wasm は将来性に期待できる技術なものの、WebAssembly(wasm) のメインの用途はブラウザ上と思われる。 そのため proxy-wasm は発展途上で、現時点では色々な制約・将来性がある中でその魅力・使いやすさなどを知るために触ってみた。 要約 proxy-wasm で JWT 検証を go 言語で実装するのは下記理由で困難だった。おそらく他言語でも同様だと思われる。 proxy-wasm では tinygo を使う必要があるが、利用可能な package に制約がある proxy-wasm における http アクセスの制約 リクエストの内容についての簡単なチェックやメトリクス・ログなどをどこかに送るなどの用途であれば現状でも可能。 例えば protob

PublickeyのIT業界予想2023。クラウドのコスト上昇懸念、Passkeyの普及、AIによる開発支援の進化、WebAssembly環境の充実など 新年明けましておめでとうございます。今年もPublickeyをどうぞよろしくおねがいいたします。 さて今年最初の記事では2023年のIT業界、特にPublickeyが主な守備範囲としているエンタープライズ系のIT業界はどうなるのか、Publickeyなりに期待を込めた予想をしてみたいと思います。 エネルギー価格の上昇、セキュリティへの注目など まずは予想の前提として、IT業界に影響を与えそうな現状についての認識を明らかにしておきたいと思います。 グローバルな視点で見たときに、IT業界だけでなく世界経済に大きな影響を与えているのは石油や天然ガスを始めとするエネルギー価格の上昇とインフレでしょう。 エネルギー価格の上昇はロシアによるウクライナ

SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能 Google Chromeの開発チームは昨年（2022年）9月に、非推奨となったWeb標準のWeb SQL Database API（以下Web SQL）をChromeから削除、その代替機能としてSQLite開発チームと協力してWebAssembly版のSQLiteを開発し、提供する予定であることを明らかにしていました。 参考：Chrome開発チームがSQLiteチームとWebAssembly版SQLiteを開発中。Webブラウザ上からのファイル書き込みで永続化も可能。Web SQL APIの代替として Web SQLはWebアプリケーションがSQLを通じてローカルなリレーショナルデー

前提条件 Ruby 3.1.0 Rails 7.0.4 やりたいこと 下記データを結合し、ハッシュのネストに追加したい。 @fruits = [['りんご','赤','丸い'],['メロン','緑','丸い'],['バナナ','黄','細長い'],...] @vegetables = [['大根','白','細長い'],['トマト','赤','丸い'],['キャベツ','緑','丸い'],...]

Railsでサービス立ち上げる際の相棒にChatGPT ChatGPTがウェブサービスを開発する上で有用な点をまとめてみました。 全てにおいて共通する考え方ですが あのGemを使って、こんなカラムを持ってるテーブルだから、こうしてああすれば、完成する これ、汚いコードで本当はもっと綺麗に書けるよなー という ”理想” を描く必要はあります しかし、今までは Google検索 で知識を補完し、自分でその状態に持っていっていましたが Google検索 より ChatGPT の方がより早く理想の状態に持っていけるというのが体感値です。 ChatGPTの回答がベストプラクティスかどうかを判断するのは個人の責任です そのプロジェクト、クラス、メソッドにおいてそれが”良い”かどうかを判断する必要はありそうです。 AIが作ったコードを本採用するの？ よければそのまま採用してます しかし、AIが作ったコー

Established UI patterns are often underutilized in the frontend development world, despite their proven effectiveness in solving complex problems in UI design. This article explores the application of established UI building patterns to the React world, with a refactoring journey code example to showcase the benefits. The emphasis is placed on how layering architecture can help organize the React

（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン） この記事では、現在のモダンウェブ開発において注目されている Blazor と React の 2 つのフレームワークを比較します。読者の皆様にとって、どちらを採用するのがよりご自身の状況に対して適切かを判断する材料になれば幸いです。(2023年2月最新情報に更新しました。) シングルページアプリケーションを開発する場合、様々なフレームワークの選択肢があります。最も一般的な選択肢は、Angular、Vue、React の 3 つです。ただし、これらのフレームワークでは、JavaScript または TypeScript を使用する必要があります。JavaScript を扱いたくない場合の解決策としては、Blazor があります。 この記事では、以下の内容を取り上げます。 Blazorの概要 - 現在の状況／特徴 Web

前書き 会社でデスクトップアプリを作っているんですが、Webのほうが開発速度が速くてネットにも割と情報がたくさん落ちているので、どうにかWebでデスクトップアプリ作れないかなーということで探していたところ、Electronにたどり着きました。Tauriもいいなーと思ってんですが、Windows10向けのアプリが多いためできればWebView2に依存したくないなということで、今回はElectronやっていきます。UIは今もうほぼ一強のReact.js、バンドルはViteとかが流行りですが正直まだプロダクトに使うには厳しいかなということで安定のWebpackです。 この記事では、環境構築、IPC通信でコンソールに文字を表示、コマンドの実行、ファイルアクセス、通知、そしてexeの作成までやっていきたいと思います。 盛りだくさんなので長くなりますが、これを見ればとりあえず基本的なことはできるように

ReActとは？ LLMのpromptingの方法の一つです。LLMに質疑応答させたり、意思決定させたりという場面で力を発揮するほか、外部データベースや外部APIとLLMを組み合わせる場合にも使えます。 また、LangChainでもReActの考え方は多く活用されています（エージェントなど） 今回はReActが提案された論文REACT: SYNERGIZING REASONING AND ACTING IN LANGUAGE MODELSを細かくチェックしていきます！ 論文のソースはこちら： この記事を見て分かること CoT、ReActのノリが分かる ReActの限界と能力の向上方法について理解できる Let's Go! 元の論文の各章の内容要約＋一言コメントでまとめています。ちょっとLangChainとか齧った方なら理解できる程度のものだと思います。（内容要約が分からなかったら所感だけ見

【Next.js,microCMS,AWS】 ポートフォリオサイトを作ってAWS サーバーレスアーキテクチャでデプロイS3TypeScriptCloudFrontNext.jsmicroCMS はじめに エンジニアを目指し始めて初のポートフォリオサイトを作成しました。 背景としてはインターンを始めて実務につく機会をいただき、本格的な制作物を作れるようになってきたので、形に残したいと思いポートフォリオサイトを作成することを決意しました。 また今後お仕事を自分で獲得したいと考えており、そのために本格的に準備を進めたいと思いました。 まだまだ未熟ですが見て頂けると幸いです。 使用した技術 Next.js TypeScript tailwindcss microCMS AWS S3 AWS CloudFront GitHub Actions figma 制作ポイント デザイン デザインを考える上で

はじめに こんにちは、ラクスフロントエンド開発課の斉藤です。 記事タイトルはReact開発者なら知る人ぞ知るりあクト！ TypeScriptで始めるつらくないReact開発のパロディです。とてもわかりやすい入門書なのでReact初学者の方には学びの第一歩として自信を持ってオススメできます！ さて今回は、モダンなフロントエンド技術を採用したうえで、極力シンプルで開発体験を損なわないようなディレクトリ構成を考えてみたので共有したく記事にしました。現在実際に運用しているのですが、今のところ大きな問題も無くチームからの不満も上がっていません。しかし、個人的に微妙な部分もあるのでそちらの紹介も行いたいと思います。 今回、構成を考えるにあたって重視したポイントは以下の3点です。 新しく参入するメンバーでもすぐに理解できるシンプルな構成にしたい テストやリファクタしやすい構成にしたい できればルールが厳

TOPPRERSがテーマのカレンダーです！ TOPPERSを使ってこんなの作った EV3RT, ASP, ASP3, SSPなどを使ったもの 初心者向けTOPPERSの使い方の詳説 はまりポイントの解説（初心者向け歓迎） などなど、TOPPERSに関するもの、TOPPERSユーザー（特に初心者）の役に立ちそうな情報をお待ちしています。 ここでいうTOPPERSとは、以下からダウンロードできるものですが、これらを使って作ったOSSプロダクトを使ったものもOKです。 https://www.toppers.jp/download.html https://dev.toppers.jp/trac_user/ev3pf/wiki/Download https://github.com/toppers 記事を読んでTOPPERSに興味を持ってくださった方へ TOPPERSに関する情報へのリンクをまと

Googleがかねて開発中だった「Fuchsia OS」が、いくつかの製品に搭載されようとしている。最初に搭載されるのは、初代スマートディスプレイ「Nest Hub」だ。 Googleは米国時間5月25日、Nest Hubに対するアップデートの提供を開始した。9to5Googleがいち早く報じたように、このアップデートに伴って、同製品の既存の「Cast OS」がFuchsia OSに置き換えられることになる。Googleによると、アップデートは今後数カ月のうちに行われ、Nest Hubユーザーの体験は変わらないという。 「Android」とは異なり、FuchsiaはGoogleが開発しており、Linuxベースではない。しかし、Androidアプリが実行可能なので、Androidや「Chrome OS」からの移行は少し容易になると考えられる。 Googleは以前、Fuchsiaプロジェクトに

ルネサス エレクトロニクス（ルネサス）は2021年4月21日、車載用次世代ハイエンドRISC-Vソリューションの共同開発で、SiFiveと提携したと発表した。ルネサスはSiFiveからRISC-VコアIPポートフォリオのライセンス供与を受け、次世代の車載半導体を開発できるようになる。 今回の提携により、ルネサスはSiFiveの「SiFive Intelligence」プラットフォームを活用できる。同プラットフォームは、AI（人工知能）やML（機械学習）向けのソリューションに適したAI ISA（命令セットアーキテクチャ）拡張機能を備えた「SiFive RISC-V Vector」プロセッサをベースとしている。SiFive RISC-Vプロセッサには、業界ツールと互換性のあるトレース、デバッグ、セキュリティソリューションが統合済みで、異機種間の統合や移行が容易だ。 ルネサスは現在も、マイコン、