8月30日(米国時間)にリリースされた「Google Chrome 105」ではセキュリティの拡張やコンテナクエリ/:has()の対応など大きなアップデートが盛り込まれていますが、そのひとつ前のバージョンである「Chrome 104」(8/3リリース)では、CSSに関連した大きなアップデートが話題になりました。GoogleのChromeデベロッパリレーションエンジニアのブラームス・ヴァン・ダム(Bramus Van Damme)氏はリリースの当日、CSSアップデートについてこうツイートしています。 このツイートでいわれている「個別のCSSプロバティを変換(individual CSS properties to do transforms)」できるメリットは何なのでしょうか。CSSエキスパートの鹿野壮さんにデモを交えながら教えていただきました。 今回話を伺ったエキスパート フォローしよう！

2022年7月初旬に公開されて以来、またたくまに”超高速JavaScriptランタイム”としてサーバサイドJavaScriptの世界に大きな衝撃を与えた「Bun」がまたひとつ大きなマイルストーンに到達したようです。Bunを開発するOvenは8月23日、米シリコンバレーの大手ベンチャーキャピタル Kleiner Perkinsなどから700万ドル(約9億5700万円)の資金調達(シードラウンド)をしたことを明らかにしました。Bunのプライベートベータからわずか2カ月弱という短い期間で大型の資金調達を実現したことで、Bun/Ovenはこれから事業拡大のフェーズに入り、エンジニアの積極的な雇用を進める予定です。 Ovenによるアナウンス Ovenによるツイート 資金調達をリードしたKleiner Perkinsのバッキー・ムーア(Bucky Moore)氏によるツイート Ovenは今後、Bunの

こんにちは、TechFeedの白石です。 TechFeedもメディアスポンサーとして協賛させていただいている、Vue Fes Japan Online 2022が 2022年10月16日（日） に開催されます。 2022年10月16日（日）に開催される日本最大級の Vue.js オンラインカンファレンス。国内外の著名スピーカーによるセッションの他、初心者向けハンズオンなどのイベントも企画しています。 基調講演にはVue.js開発者のEven You氏も登壇します。Vue.jsに興味のあるエンジニアは必見ですね。

8月21日付けでGitHubで公開されたSQLite互換のオープンソースデータベース「mvSQLite」が「Hacker News」などで話題になっています。最大の特徴はスケーラブルなNoSQLデータベース「FoundationDB」をベースに、SQLiteのストレージレイヤを分離している点で、作成者のHeyang Zhou氏は「SQLiteを分散データベースに変える(Turning SQLite into a distributed database)」ことをめざしているようです(8/23時点のバージョンは0.1.14)。 mvSQLite - GitHub Turning SQLite into a distributed database - 作成者のブログポスト Hacker Newsの議論 mvSQLiteのおもな特徴は以下の通りです。 SQLiteと完全互換 … カスタマイズし

AWSは8月15日(米国時間)、同社が提供するCDNサービス「Amazon CloudFront」でHTTP/3をサポートしたことを発表しました。HTTP/3はトランスポートレイヤにTCPではなく「QUIC」というUDPベースのプロトコルを採用していますが、CloudFrontではQUICの実装にAWSがオープンソースとして公開したRustベースのAPI「s2n-quic」を使っている点が特徴となっています。 Amazon CloudFront now supports HTTP/3 powered by QUIC New – HTTP/3 Support for Amazon CloudFront(AWS News Blog) s2n-quic(GitHub) 2022年6月に「RFC 9114」として勧告されたばかりのHTTP/3はQUICを採用することで、既存のTCP/TLSベースの

とてもざっくり言ってしまうと「Web技術でモバイルアプリをつくって配信するための技術」です。以前、Ionicのキャッチコピーで あなたがWebサイトをつくることができるなら、もうモバイルアプリもつくれます! と出ていたんですが、まさにIonicはそのための技術ですね。 今回はIonic teamが開発してるライブラリの中でも最も特徴的な「Ionic Framework」と「Capacitor」を紹介します。 ではIonic Frameworkから紹介をお願いします。 まず、Ionic Frameworkとは「モバイルアプリのデザインをWeb技術で再現するためのUIフレームワーク」です。わかりやすくいうとBootstrapみたいなもので、iOS / Androidの両方のデザインが用意されていて、実行環境で自動的に切り替わるようになっています。 注意深くモバイルアプリのUIを見てもらうと、W

TechFeedプロダクトマネージャーの白石です。 この度、TechFeed Conference 2022全50セッションの記事化が完了いたしました！ 日本を代表するエキスパートの皆様による、50本のライトニングトーク！ 5/14に開催され、少し時間は経っていますが、それでもなおエンジニア業界の「今」を伝える最良のリソースだと胸を張って申し上げます😊 全記事にアクセスするには、TechFeed Conference 2022イベントページにアクセスするだけ。タイムテーブルのセッションをクリックすると、記事ページに遷移できます。

WebGLのマニアックな情報を発信する「WebGL総本山」のdoxas氏にWebGL普及への思いをうかがいました。 TechFeed公認エキスパートの方々はそれぞれの分野で国内トップクラスの技術力と知見をもったプロフェッショナルが多いのですが、中には日本ではまだあまり知られていない技術の普及に尽力しているエキスパートもいます。Webブラウザ上でインタラクティブな3Dグラフィックを低レイヤで実現できる「WebGL」の情報を日々発信しているdoxas氏もそのひとりで、同氏が運営する「WebGL総本山」では、WebGLの最新動向やWebGLを駆使したクリエイティブなサイトが数多く紹介されています。フロントエンド開発者であればぜひともチェックしておきたいサイトです。 今回話を伺ったエキスパート フォローしよう！ 今回の「Ask the Experts」はWebGLの情報をマニアックに発信し続けるd

HTMLやCSS、JavaScriptといったWeb関連技術のエキスパート、なかでもビジュアルプログラミングやUIデザインを得意とする池田泰延氏は、自身が代表を務めるICSのオンラインメディア「ICS MEDIA」で毎年、フロントエンドエンジニアの動向を調査したアンケート結果を公開しています。アンケートの手段はTwitter、2万3000人を超えるフォロワーをもつ池田氏だからこそできる調査だといえるかもしれません。 今回話を伺ったエキスパート フォローしよう！ 7月19日、2022年度のフロントエンジニアの動向に関連したアンケート結果をまとめた記事がICS上で公開されました。フロントエンドエンジニアがよく使うツール、TypeScriptの普及、コンポーネント定義の書き方、WebGLへの関心など、Web制作に関わる人であれば押さえておきたいトレンドが非常にわかりやすくまとまっています。 フロ

今回話を伺ったエキスパート フォローしよう！ 2022年7月初旬に登場した高速JavaScriptライブラリ「Bun」の実力をエキスパートの古川陽介氏が語るインタビューの後編をお届けします。後編ではBunが構成要素として選択した技術についての深堀り、さらにBunそしてサーバサイドJavaScript界隈の未来についても展望していただきました。インタビュー前編もあわせてお読みください。 Zig、パッケージ管理、エンジン - Bunの技術選択の理由 白石: いま出てきたZigという言語ですが(前編参照)、私も実は今回始めて聞いたレベルに近いんですが、えっとNode.jsはたしかC++で書かれていていますよね。(マイクロベンチの結果からいうと)ZigそのものはC++より速いという話になるんでしょうか。 古川: 正直言うとわかってないです。ただ1点、Zigの特徴としていうと、C言語から呼び出したと

2022年7月初旬、サーバサイドJavaScriptの世界に突然現れたJavaScriptランタイム「Bun」 - Node.jsやDenoを大きく上回るといわれる高速性や、Zigで書かれたエンジンなどが話題となっていますが、実際のところ、本当に既存のJSランタイムを凌駕する存在なのか、そしてBunの登場をきっかけにJSランタイムの世界はどう変わっていくのか - 登場時からBunを見てきたTechFeed JavaScriptエキスパートの古川陽介氏に、TechFeedの白石俊平がオンラインでお話をうかがいました。本稿ではインタビュー前編として、Bunの設計思想と高速性にフォーカスした内容をお届けします。 今回話を伺ったエキスパート フォローしよう！ Bunの原点は「打倒 Node.js」 白石: あらためてなんですけど、まず「Bun」とは何なのか、そこから教えていただけるでしょうか。 古

TechFeed Experts Nightの記念すべき1回目は、Web標準、CSS、Webアクセシビリティがテーマです。 Web技術のエキスパートたちが、Web技術のトレンドからマニアックまで8分間のLTに凝縮！それらをネタに、エキスパートたちが語り合う！ エキスパートも、エキスパートを目指す方々も、楽しめること必至の60分！ セッション開始通知機能もあるので、見たいところだけ見れる！ さあ、技術をネタに盛り上がろう！🍻 TechFeed ❤ Developers & Communities

本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク それでは「フライングして学ぶGo 1.19」というタイトルで発表を行いたいと思います。 本日の資料はこちらのURLからアクセスできます。 merpay ExpertsTeamの上田と申します。よろしくお願いします。 Goのリリースサイクル 今回は、Go 1.19の新機能について説明します。 まずはGoの開発サイクルについて説明したいと思います。Goは毎年8月と12月にリリースされます。今のところ、1.X系でずっとリリースされていますので、つまりマイナーバージョンがアッ

先日紹介したオープンソースのオールインワンの高速JavaScriptランタイム「Bun」は、Node.jsもDenoもしのぐといわれるパフォーマンスの高さが話題になっていますが、本当に既存のライブラリを超えるポテンシャルを秘めているのでしょうか。今回、TechFeedの公認エキスパートである古川陽介さんに、Bunについての所見を簡単にうかがってみました。 古川さんから見てBunの第一印象は? えっ、 zigで作られてんの!? 後ろの依存モジュールとかも全部Boring SSLだったり、picohttpparserだったりとめちゃくちゃモダン しかもJSCをバックエンドに据えている Node.jsやDenoとの違いは? 棲み分けられる可能性はある? 今のところプロダクトの完成度でいうと、(Node.jsなどに比べて)まだまだという感触 Next.js が動くのは驚きだが、その一方で動かすため

本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク Reactでアプリケーションを構築する多様化という内容で話します。よろしくお願いします。 自己紹介です。サイボウズでフロントエンジニアとして働いていましたが、Design Teznologistという名前に変わり、Reactやデザインシステムをやってます。 今回話す内容は、「ReactはUIライブラリのひとつ」です。 Reactでアプリケーションを構築する手段が増えてきました。ビルドするWebパックやbitから始まり、ホームライブラリやCI/CD、ステート管理、テスト

Mozillaが6月にリリースした「Firefox Translations」が海外で話題になっています。 Mozillaが6月にリリースした「Firefox Translations」が、Ctrl.Blogに紹介されたことで、海外で話題になっています。 Firefox Translationsは現在、Firefoxの拡張機能、もしくはWebアプリとして試してみることができます。最も大きな特徴はオフラインで動作すること。これにより、高速に翻訳が行われるだけでなく、プライバシーも完全に保護されます。 オンライン翻訳サービスは、翻訳しようとする文章を一旦事業者側に送信する必要があるため、プライバシー上の懸念が付きまといます。翻訳した文章が、ユーザーの興味や関心を特定するために利用されるかもしれません。 Firefox Translationsはこうした懸念に対する一つの解決策になりえます。現在

【書き起こし】Node.jsのv18で入った fetch, test runner, Web Standard の世界と DX 向上に向けての解説 本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク Node.js最新動向というところで古川から話させていただきます。 私はNode.jsの一般社団法人Japan Node.js Association代表として活動している古川陽介と申します。よろしくお願いします。 「Node.jsの現在とこれから」みたいな話をできるといいかなと思っているのですが、いったんNode.jsの

本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク mizchiです。バンドル最適化マニアクスというテーマで話したいと思います。 ahomuさん的には、CDN Edge Workersの話をしてほしかったらしいですが、ガン無視してManglingの話をします。 フロントエンド改善とはビルド改善!? 突然なんですけど、JavaScriptでかいと辛いですよね。 なんで辛いかというと、開発時だとビルドサイクルが遅いとか、npm installが自然と肥大化しててCIが遅いとかがあります。ユーザー体験としても、あたりまえなん

本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク よろしくお願いします。伊藤です。Node.jsパフォーマンスチェックポイントというタイトルでLTをさせていただきます。 Node.jsはフロントエンドと同じJavaScriptでバックエンドを記述できるため、フロントエンドを主戦場とするエンジニアもバックエンドに関わりやすいというメリットがあります。 ですが、フロントエンドとバックエンドではパフォーマンスの向上に関して必要な観点が、少し異なります。今回は自分がいつもアプリケーションを作成する際に気を付けているポイントに