uehajのブックマーク - はてなブックマーク

Next.js13で追加されたApp RouterとReact Server Components──UI通信の関係を再定義する

App RouterはReact Server Componentsを最大限活用する形で実装されているため、外部のデータソースに対する送受信の大半をサーバー側で行います。少し独特ながら、Web標準に寄り添った形で実現された通信周りのフレームワークについて、本記事では学んでいきます。対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者前提環境筆者の検証環境は以下の通りです。 macOS Sonoma 14.2.1 Node.js 21.4.0／npm 10.2.4 React 18.2.0 Next.js 14.0.4 UIと非同期通信の状態管理を擦り合わせるのは疲れるブラウザ上でもサーバー上でも、JavaScriptのランタイムが提供する通信処理のAPIは、基本的に非同期で扱うことが推奨されています。現代

uehaj 2024/02/23

リンク

JavaScript／TypeScript向け静的解析ツール「Oxlint」が正式に公開、Rustの採用で大幅に高速化

Oxlintは、JavaScriptやTypeScriptのコードを調べ、エラーにつながりやすい書き方となっている部分や、必要のない部分を指摘する機能を持っている。この用途では﹁ESLint﹂が事実上の標準となっているが、100％JavaScriptで記述してあるため、実行速度が問題となっている。Oxlintでは、プログラムを記述する言語にRustを選ぶことで処理速度を大きく引き上げた。さらに、並列処理に対応し、コンピュータのプロセッサが搭載するコアの数が増えるに従って性能が上がっていく設計になっている。さらに、テスト結果のメッセージをシンプルかつ分かりやすいものにした点も特徴として挙げられる。正式版になる前からOxlintを試験的に使っていた米Shopifyの担当者は、ESLintを使っていた頃は自社開発のコードをテストするのに75分かかっていたが、Oxlintを使ったところ、10秒

uehaj 2023/12/28

リンク

WebAssemblyの現状を明らかにする調査「The State of WebAssembly 2023」の結果が発表

調査結果によれば、WebAssemblyを利用するアプリケーションを開発する際に、もっとも多く用いられるプログラミング言語は3年連続で﹁Rust﹂となり、﹁JavaScript﹂がそれに続いている。 WebAssemblyでのアプリケーション開発で、将来どのプログラミング言語を使用したいかを尋ねた質問でも、﹁Rust﹂が最多となり、﹁JavaScript﹂がそれに続いた。どのランタイムについて聞いたことがあるか、または使ったことがあるかを尋ねたところ、Bytecode Allianceの﹁wasmtime﹂を挙げる回答がもっとも多く、﹁wasmer﹂が2位となっている。現在、WebAssemblyを何に使用しているかを尋ねた質問では、﹁Webアプリケーションの開発﹂が依然として最多ではあるものの、2位の﹁プラグイン開発﹂との差がわずかに縮まった。所属先の組織における、WebAssem

uehaj 2023/11/05

リンク

UIツールキット「NextUI」のバージョン2.0が公開、CSSフレームワークをTailwindCSSに切り替え

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

uehaj 2023/08/08

リンク

コードフォーマッタ「Prettier 3.0」がリリース。すべてのソースコードをECMAScriptモジュールに変更

﹁Prettier 3.0﹂では、すべてのソースコードをECMAScriptモジュールを使用する形式へ移行しており、この変更によって開発エクスペリエンスを大幅に向上している。なお、Prettierをライブラリとして利用する場合は、CommonJSとしても利用できる。おもな変更点としては、中国語、日本語、韓国語における空白の処理を改善し、これまで行っていた中国語や日本語と西洋の文字や数字との間へのスペースの挿入が行われないようになった。さらに、中国語と日本語における特定の文字を行頭または行末に使用しない、というルールを順守するよう変更されるとともに、韓国語において単語内での改行が行われないよう修正されている。また、プラグインの非同期パーサがサポートされるようになったほか、ESMにおけるprettier.config.js、.prettierrc.js、prettier.config.m

uehaj 2023/07/08

タブがデフォルトにはならなかったのか。良かった。

リンク

WebAssemblyでPOSIXの機能を利用可能にする仕様「WASIX」が公開

米Wasmerは、WebAssemblyでPOSIX︵Porta ble Operating SystemInterface︶の機能を利用可能にする新しい仕様﹁WASIX﹂を5月30日に公開した。WASIは、WebAssemblyをWindows、macOS、Linuxで動作可能にするための仕様であるWASIを拡張したものだ。WASIでは、OSのファイルシステムやネットワークなどを安全に利用可能にするAPIを定義している。 WASIXは、マルチスレッド処理やバークレーソケット、プロセスのフォーク、DNSによる名前解決など、POSIXが定義する機能の多くをWebAssemblyで利用可能にする。現在のところWASIXはRustとC言語で利用でき、ZigやAssem blyScriptへの対応も予定している。 WASIXを利用したプログラムを作成するには、上記の対応言語でWASIXのAPIを使っ

uehaj 2023/06/06

リンク

JavaScript/TypeScript対応Webフレームワーク「Astro 2.2」が公開

米Astro Techno logy Companyは、JavaScript/TypeScriptに対応するWebフレームワーク﹁Astro﹂の新版である﹁Astro 2.2﹂を4月5日︵現地時間︶に公開した。AstroはMITライセンスで公開しているオープンソース・ソフトウェア。 Astroの最大の特徴は、JavaScriptを可能な限りサーバー・サイドで処理し、クライアントには静的なHTMLだけを送信しようとする点にある。クライアント側でのJavaScriptの処理を排除することで、ページの読み込みからユーザーが操作可能になるまでの時間を短縮している。そして、﹁React﹂﹁Preact﹂﹁Svelte﹂﹁Vue﹂﹁SolidJS﹂﹁AlpineJS﹂﹁Lit﹂など多様なユーザー・インターフェイス構築用ライブラリを組み合わせて使えることも特徴だ。これらのライブラリのJavaScriptも

uehaj 2023/04/17

リンク

日本のマイクロサービスの現在地は？ Javaはマイクロサービスに向いているか？

﹁Oracle Developer Days 2022 - Spring﹂の﹁Cloud Day﹂では、パネルディスカッションでマイクロサービスとJavaについて徹底討論した。参加したのはJavaのユーザー企業、コミュニティ、そしてベンダー。テーマはマイクロサービスの潮流からはじまり、マイクロサービス開発にJavaは適しているのか、そしてこれから何を目指していくべきか。まだ本格的な実践の手前﹁なんちゃってマイクロサービス﹂が多い？﹁徹底討論！マイクロサービス開発におけるJavaの最適解﹂と題した﹁Oracle Developer Days 2022 - Spring﹂のパネルディスカッションはモデレーターを東京ガスiネットから上田志雄氏、パネリストはコミュニティからロジ子氏︵普段の業務はアプリケーション開発支援など︶、ベンダーからレッドハットの須江信洋氏と日本オラクルの古手川忠久氏が

uehaj 2022/08/16

リンク

ブログ管理システム「WordPress 6.0」がリリース

「WordPress 6.0」では、複数のブロックにまたがるテキストを選択して一度に編集できるようになったほか、2つの角括弧 [[ を入力すると、最近の投稿と固定ページのリストに素早くアクセス可能になるなど、記事のライティング環境が大幅に改善されている。さらに、新たに追加されたオプションによって、ブロックテーマに複数のスタイルバリエーションを含められるようになるとともに、投稿者、日付、カテゴリ、タグ、タクソノミの、5つのテンプレートオプションが追加された。また、パターンの統合、デザインツールの追加、リストビューの改良、ブロックのロック制御への対応なども行われている。そのほか、ページ読み込みスピードの改善や、多様なクエリタイプでの実行時間の短縮をはじめ、キャッシュ管理、ナビゲーションメニューなど、幅広い領域でパフォーマンスが改善した。あわせて、50超に及ぶアクセシビリティの強化も行われて

uehaj 2022/05/28

リンク

Rails 7におけるクライアントサイド開発の全体像とアセット管理の新たな選択肢

本連載では、2021年12月にリリースされたRubyonRails7にフォーカスし、クライアントサイド開発のためのさまざまな機能を、API開発やリアルタイムWeb開発も絡めながら紹介していきます。連載初回は、Rails7におけるクライアントサイド開発の全体像についてです。アセットパイプライン、SprocketsやWebpackerといったRails7以前の定番を紹介し、Rails7で刷新されたクライアントサイド開発環境の概要についても紹介します。はじめに WebアプリケーションフレームワークのRubyonRailsは、2021年12月にバージョン7となりました。これに伴い、クライアントサイド開発のサポートについても大きな変化を遂げ、多様な選択肢が提供されるようになりました。本連載では、このRails7にフォーカスし、クライアントサイド開発のためのさまざまな機能を、API

uehaj 2022/04/11

リンク

NASAやNetflixも利用するデータ分析・活用基盤「Elastic Stack」とは？環境構築からデータ投入方法まで解説

データサイエンス・デジタルトランスフォーメーション（DX）が注目されている昨今、多種多様なデータ活用が求められています。本連載では、データ活用プラットフォームとしてさまざまな方面で進化を続けているElastic Stackの活用法を、実際に手を動かしながらユースケース別に紹介します。既に別のツールを使われている方の2つ目の選択肢としてももちろん、まだ使い慣れているツールがないデータ活用初学者の方の1つ目のツールとして、Elastic Stackが使えるようになることを目指していきます。第1回となる今回は、基本知識としてElastic Stackの特徴と、インストールも含めたデータ投入方法を紹介します。はじめに皆さんは「データを活用しよう」と言われた時、どんなデータをどう活用することをイメージしますか？おそらく、売上やコストなどの販売情報のような数値データなどを集め、集計したり可視化し

uehaj 2022/03/11

Elasticsearchの記事。使ってるけど奥が深い。

リンク

オブジェクト指向言語と関数型言語の特徴を併せ持つプログラミング言語「Scala 3.1.0」がリリース

﹁Scala 3.1.0﹂は、後方バイナリ互換であり、﹁Scala 3.1.0﹂のプロジェクトではバージョン3.0でコンパイルされた依存関係を使用できる。一方で、前方バイナリ互換ではないため、バージョン3.0は﹁Scala 3.1.0﹂でコンパイルされた依存関係に対応していない。開発チームは、バージョン3.2.0においてより高い互換性を実現すべく作業を行っており、それまでは﹁Scala 3.1.0﹂とバージョン3.0.2でのテスト、およびバージョン3.0.2でのリリースを推奨している。﹁Scala 3.1.0﹂では、どの例外をスロー可能かを宣言およびチェックできる機能が試験的に搭載されたほか、Stringリテラルのマッチングが可能になった。また、コンパイラ警告をフィルタリング、構成できるコンパイラフラグ-Wconfが追加されるとともに、警告の発生が予想される場所で、コード内で直接警告を

uehaj 2021/10/25

リンク

Visual Studio CodeへのJavaScriptデバッガ統合でブラウザでのデバッグが容易に

Visual Studio CodeにJavaScriptデバッガが組み込まれたことで、従来Visual Studio CodeでのJavaScriptデバッグで用いられていた、ChromeデバッガまたはMicrosoft Edgeデバッガ拡張機能が不要になる。さらに、Google ChromeまたはMicrosoft Edgeでプロジェクトをデバッグするには、﹁F5﹂キーを押すか、メニューバーのデバッグアイコンをアクティブにして﹁Run and Debug﹂を選んでセッションを始められるほか、﹁Debug: Open Link﹂コマンドを実行することで、拡張機能をインストールすることなく、Google Chrome、Microsoft Edge、またはNode.jsでのデバッグを選べる。なお、ブラウザ開発ツールのコンソールと同じように、エディタのデバッグコンソールからブラウザのドキュ

uehaj 2021/07/31

リンク

React用CSS-in-JSフレームワーク「xstyled 2.0.0」がリリース

CSS-in-JSは、JavaScriptによるCSSの記述を可能にする機能で、CSS-in-JSを利用することでクラス名が自動生成されるため、他のライブラリとの衝突を防止でき、スタイルがコンポーネントで直接定義されるので、メンテナンスが容易となる。また、コンポーネントは再利用が可能で、JavaScriptによってCSSを動的に利用できるようになる。﹁xstyled 2.0.0﹂では、TypeScript準拠の型定義に対応したほか、CSS-in-JSライブラリを﹁Emotion v11﹂にアップデートした。ほかにも、SVGユーティリティをはじめとする各種ユーティリティの追加が行われている。なお、﹁xstyled 2.0.0﹂では﹁Emotion v10﹂がサポート対象外になったほか、spaceおよびbreakpointsのデフォルトからの削除、breakpointsテーマセクション名の

uehaj 2021/01/12

リンク

我々はなぜKubernetesを使うのか――クラウドネイティブ時代のアプリケーション開発【デブサミ2019】

昨今におけるクラウドテクノロジーの隆盛と呼応するように、﹁クラウドネイティブ﹂や﹁マイクロサービス﹂といったIT業界の流行語が生まれてきた。その中心にあるといってもよいのがコンテナ型仮想化と、そのオーケストレーションエンジンであるKubernetesである。なぜクラウドネイティブ、そしてマイクロサービスといった流行語が生まれてきたのか。そして、なぜその文脈でKubernetesが出てきて、どのような役割を果たしているのか。﹃Kubernetes完全ガイド﹄の著者、青山真也氏による講演で、Kubernetesとその周辺技術について改めて学びなおそう。クラウドネイティブとは？その定義と、流行の背景オンプレミスとは比較にならない、柔軟な拡張性、細分化した課金モデル、迅速な進化。そんな特徴を持つクラウドの登場により、インフラ環境はその概念から大きく変化した。そして、その環境に載せる上で最適な

uehaj 2019/07/18

リンク

DevOpsツールの導入で、開発はどう進化する？エンタープライズ企業での活用方法【デブサミ2019】

現代のソフトウェア開発においては、DevOpsの実践や高度な開発プラットフォームの構築が必要不可欠になっている。その体制を支える屋台骨となるのが、バージョン管理ツールやCI/CDツールといった優秀なプロダクトの数々だ。本セッションの前半パートでは株式会社セガゲームスの上田展生氏が、「モバイルゲーム開発に『GitHub Enterprise』を導入することで開発体制をどう変えたのか」を、後半パートではマクニカネットワークス株式会社の根本竜也氏と廣田華代氏が、「各種ツールの導入によりDevOpsがどう進化するのか」を解説した。講演資料（セガゲームス上田展生氏）：GitHub Enterprize 導入から定着までにやってきたこと講演資料（マクニカネットワークス根本竜也氏・廣田華代氏）：セキュアな環境でDevOpsを実現する厳選ツール「GitHub Enterprise」の導入から定着

uehaj 2019/04/04

リンク

Infrastructure as Codeの実践やマイクロサービス開発でモダン開発に挑戦【デブサミ2019】

自動車アフターマーケットを中心に、幅広い業種・業界の現場業務を支援するソフトウェアやITソリューション、各種サービスなどを提供している株式会社ブロードリーフ。同社では、より効率的で高品質な開発体制を実現するべく、インフラとアプリケーションの両面からモダン開発への移行にチャレンジしている。セッション前半では、老朽化したデータセンターをクラウドに移行するプロジェクトでのInfrastructure as Code導入について発表。また後半では、Spring Bootを使ったマイクロサービス開発についての発表があり、それぞれの担当エンジニアが最新の成果やこれからの展望について報告した。講演資料‥今どきのインフラはペットでは無かった︵左近充裕樹氏︶講演資料‥Spring Bootでマイクロサービス作って苦労したお話︵松本宏紀氏︶株式会社ブロードリーフ　開発本部基盤開発部福岡基盤開発課　左

uehaj 2019/03/15

リンク

OSSのサーバーレスプラットフォーム「Fn Project」、Javaを倍速にする「JIT as a Service」～クラウドネイティブ最新事情【Oracle Code One 2018】

2018年10月にサンフランシスコにて行われたディベロッパー向けの総合技術イベント「Oracle Code One 2018」。JavaOneから改称された今回、Java以外の技術をテーマとしたキーノートが初めて開催されました。主たるテーマとして設定されたのは、「クラウドネイティブ」です。当記事では、詳細なセッションレポートに加え、特別インタビューやデモの紹介により、クラウドネイティブの最新情報を多角的にお届けします。さらにレポートの後半は、毎年恒例の「お遊戯会」の様子や、大活躍した日本人開発者のエピソードなど、現地レポート最終回にふさわしい盛りだくさんの内容を揃えました。技術情報とともに、お祭りイベントの興奮をお楽しみください。本記事はOracle Code Oneレポートの第3回ですが、単体で読める構成にしています。第1回：「Java is Still Free」――Javaのサポ

uehaj 2019/03/13

リンク

ExpoではじめるReact Native開発環境の構築

対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 Androidアプリ開発の経験者 iOSアプリ開発の経験者前提環境筆者の検証環境は以下の通りです。 macOS Mojave 10.14.2 Node.js 11.7.0／npm 6.5.0 expo-cli 2.6.14 Node.js環境が準備できていない方は別途インストールしてください。Mac環境であればnvmやnodebrew、Windows環境であればnvm-windows等のバージョン管理ツールの利用をおすすめします。 React Nativeでできること前回の記事では、React Nativeがブラウザの方法論でUIを実装しつつも、UI以外の構造としてはモバイルアプリに近いものであると説明しました。では、実際にJavaScriptで利用でき

uehaj 2019/02/28

リンク

Kubernetesの基本を初学者向けに解説『しくみがわかるKubernetes』発売

Dockerなどのコンテナー技術を統合管理するコンテナーオーケストレーションツール、Kubernetes。翔泳社では、そのコンセプトと使い方を初学者向けに解説した﹃しくみがわかるKubernetes Azureで動かしながら学ぶコンセプトと実践知識﹄を1月23日に発売しました。環境構築から拡張や保守といった実践まで、ひととおりの基本が身につく1冊です。﹃しくみがわかるKubernetes Azureで動かしながら学ぶコンセプトと実践知識﹄は、コンテナーオーケストレーションツールとしてデファクトスタンダードになってきたKubernetesの基本的な使い方を、これから初めて触ってみるという方に向けて解説した入門書です。そもそもKubernetesをどのように使えばいいのか、と疑問に思っている方もいるかも知れません。主なユースケースは、たとえばオンプレミス環境で本番運用しているアプリケーショ

uehaj 2019/01/29

リンク

はてなブックマーク

タグ

ブックマーク / codezine.jp (47)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス