WEBマーケティング事業部 エンジニアのDuenoです。 今回はWebComponentsの話です。よろしくおねがいします。 WebComponentsとは Webコンテンツに含まれる様々なパーツを、コンポーネントとして定義し、再利用可能な形で公開する為のものです。 例えば、Webブラウザ上で動画を再生するのに用いられる<video>タグは、 GoogleChromeではWebComponentとして実装されています。 定義されたWebComponentは、そのタグを記述するだけで利用できます。 コンポーネントの内部はShadow DOMという技術によって隠蔽されており、 Webページとコンポーネントが不本意に干渉し合う事を防いでいます。 WebComponents実用例 マークダウンテキストのレンダリングタグ https://github.com/robdodson/mark-down/
マイクロフロントエンドの実現方法 - Qiita
はじめに マイクロフロントエンドという言葉が流行っているものの、なんとなく具体的な実現方法がわかっていないので、勉強した結果をまとめます。 マイクロフロントエンドとは 「翻訳記事 マイクロフロントエンド」には、以下のように書いてあります。 それはマイクロサービスの考え方をフロントエンドに拡張したものです。 (中略) 開発をすすめていくと、特に複数のチームで管理している場合 フロントエンド層が肥大化して管理が難しくなりがちです。 これを「モノリシックなフロントエンド」と呼びます。 マイクロフロントエンドの背景には ページを独立したチームによって管理された機能の集合体と捉える考え方があります。 それぞれのチームは特定の領域やミッションに特化しています。 チームは組織横断的な作りになっていて、その機能を end-to-end つまりデータベースから UI に至るまでをすべて実装します。 つまり、
Vue.js が templateURL をサポートしない理由というVue.js作者自身の記事があるように、本来Vue.jsでテンプレートやWebComponent開発を行うには.vue形式でソースを記述し、vueify(browserify)かvue-loader(webpack)といったビルドツールを使うのが筋です。 そして、これらツールを使いこなすためにはツールの実行環境であるnode.jsエコシステムも理解する必要があります。しかもnode.jsエコシステムは流行り廃りが激しく、その流れをキャッチアップし続けるのも正直しんどいです。 そうなると、本人の努力で何とでもなる趣味のプログラムや個人プロジェクトならともかく、特に企業内でのチーム開発プロジェクトにこれらの仕掛けを導入するのはなかなか骨が折れるのではないでしょうか。 いくら「Vue.jsの学習コストは低い」と言っても、「エディ
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus) 作者: 斉藤祐也,石本光司,加藤賢一,水野隼登,谷拓樹,泉水翔吾,原一成,平木聡,佐藤歩,杉本吉章出版社/メーカー: 技術評論社発売日: 2014/07/02メディア: 大型本この商品を含むブログを見る 正確には「フロントエンドエンジニア養成読本出版記念イベント」に行った。 行く前に買わないと、読まないと、と思って気づいたら当日だった。 会場にこの本を持ってきている人が結構居たが、ムック本にしてはかなりの分厚さだった。 ちょっと昔（4,5年前）に比べて、HTML/CSS/JS自体・開発環境の複雑さが増してきて、エンジニアの自分でさえ「難しいなー」とか「ちょっと追い切れないなー」と思うのだから、デザイナーでHTML/CSS/JSを書
[pdf.js] 手軽にPDFファイルをHTMLに埋め込めるWebComponentを作った - Qiita
PDFファイルを手軽にHTMLに埋め込みたい PDFファイルをHTMLに埋め込む場合、従来だと<iframe>タグを使用するか、pdf.jsを使用する方法、Google Driveのプレビュー用URLを使う方法がありました。 ただし、それぞれ <iframe>タグを使用する方法 → PCのみ埋め込み可、スマホ非対応❌ pdf.jsを使用する方法 → スマホに対応しているが、公式サイトからzipファイルを解凍し自分でサーバーに設置する必要がある（面倒）⚠️ Google Driveのプレビュー用URLを使う方法 → 複数のPDFを埋め込むと挙動が不安定になってしまった＆公式でサポートされているものなのか不明❌ という制限がありました。 詳しくはこちらの記事によくまとめられています。 pdf.jsを使うとしても、できることなら<script>タグを一行差し込むだけで使えたら最高です。 pdf.
![[pdf.js] 手軽にPDFファイルをHTMLに埋め込めるWebComponentを作った - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a567ad60619ac5a17a3228f4f2c99374a6eeb49c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCcGRmLmpzJTVEJTIwJUU2JTg5JThCJUU4JUJCJUJEJUUzJTgxJUFCUERGJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgyJTkySFRNTCVFMyU4MSVBQiVFNSU5RiU4QiVFMyU4MiU4MSVFOCVCRSVCQyVFMyU4MiU4MSVFMyU4MiU4QldlYkNvbXBvbmVudCVFMyU4MiU5MiVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDJiNGRmMmUwMjI0Y2Y2NDZmOGZkOTJhOWQxZjdmOTc%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhY2Nlc3MzMTUxZnEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWY1MzU2MmY1NWIyOTk5ZTJlMzQ4MDAwNmY2Nzg4ODA4%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dda706dfe2b32c55a3178a5fcbf96c470)
YAPC::Asia Tokyo 2015 1日目 #yapcasia - Money Forward Developers Blog
エンジニアの越川です。 本日は、マネーフォワードのエンジニア数名でYAPC::Asia Tokyo 2015の1日目に参加してきました。 参加したプログラムのうちいくつかのメモをシェアさせて頂きます。 今フロントエンドで何が起こっているのか 今フロントエンドで何が起こっているのか メモ Ajax以降の世界の話 Google Mapなど そのころES5(2009)5.1は2011 "use strict";などのサポート CoffeeScript(2010) JavaScript good partsが発売された頃 ALT JSの登場 CoffeeScriptが普及したのは、Rails3.1で採用されたのが大きい jQuery(2006) ブラウザの差異を吸収するのに有用だった jQuery Pluginのエコシステム $.ajaxでpromiseを意識するキッカケとなった Backbone
2015年にも同じ趣旨の記事を書いていた。このときはこんな感じで毎年20個くらいはなんか作るんだろうなとかイノセントに考えていたけど、そうは問屋が卸さず、大して生み出せてない年が続いてきたが、今年はそれなりに作ったんじゃない？ と思えたので、振り返ってみる。オシャレにハッシュタグっぽく使った技術を書いてるぜ！ 漢字ル #React ウェブ薄氷 #CloudflareWorkers DevTools で esbuild する Chrome 拡張 #Chrome sbx: Scrapbox のコマンドラインクライアント #Go ターミナルから TickTick のタスクを確認するツール #AppleScript letterknife: コマンドラインで使えるメール向けの jq のようなもの #Go oauth2util: OAuth2 の認可フローを簡略化 #Go Vnodroid: 話を聞
Firefox Developers Conference 2015に参加してきたのでメモ。 Tokyoでは久々のFirefox Developers Conferenceだった。 Mozilla Vision 2012 Conference Day アウトラインメモ | Web Scratch Firefox Developers Conference 2010 アウトラインメモ | Web Scratch Firefox Developers Conference 2009 アウトラインメモ | Web Scratch Inspection & tweak: Firefox を使ったフロント開発 清水智公 Firefoxの開発者ツールは見るだけじゃなくていじれるようにしてる ネットワーク 通信の内容を見れる HARでダンプを保存できる HARで他のツールで読み込ませることができる DO
EC事業部でエンジニアをしているがっちゃんといいます。より良いショップ運営体験を提供するために、これまでモダンなフロントエンド開発環境の整備が遅れていた「管理画面」に薄くVue.jsを導入している話をします。 管理画面の現状と解決したいこと カラーミーショップでは、ショップの運営や管理をサポートするための「管理画面」を提供しています。商品を追加したり、ショップのデザインをしたり、カラーミーショップの契約を管理したり…と、多岐にわたる機能があります。 ショップオーナーさまに快適にショップ運営を行っていただくために日々改善を行っている、カラーミーショップの中では歴史の長いプロダクトの一つです。 管理画面の開発の様子は概ね以下のとおりです。 コードのベースはPHPで、画面の主なレンダリングはPHPのテンプレートエンジンによって行われている 開発に関係するチームが多く、様々なエンジニア・デザイナー
マイクロフロントエンドとはフロントエンドアプリケーションを、機能単位の集まりと解釈しそれぞれの機能を異なるチームが保有・開発できる状態を作ることを目指すフロントエンドの開発手法です。これはコード規約やフレームワークの選定といったコードレベルの話にとどまらず、ビルド・デプロイフローやサーバー構築といったインフラの領域にまで及びます。それぞれが独自にフレームワークやライブラリ技術選定などもチームごとに柔軟に行うことができるという特徴を持っています。 すでにバックエンドの領域ではマイクロサービスというアーキテクチャが提案・実践されていますが、結局フロントエンド側がモノリスな構成を取ることがほとんどであるため、完全な機能単位でのチームの分割はなされていないことがほとんどだと思います。フロントエンドにおける開発でも類似の概念を導入することで、プロダクト全体で俯瞰したときに機能単位で垂直に分離されたチ
【WebAR】model-viewerとは？iOS / Android開発方法 - WebAR Lab - WebARの最新情報がわかるメディア
model-viewerとは model-viewerとはgoogleが開発するプロジェクトで、Webでより簡単にインタラクティブな3Dモデルを表示するWebComponentです。 正確にいうと、<model-viewer>を利用したコンテンツは、AndroidではScene Viewer、iOSではAR Quick Lookという機能を用いて表示されます。 Document github AR Quick Look / Scene Viewer model-viewerを表示する機能は、iOS・AndroidのOS別に分かれており、iOSではAR Quick Look、AndroidではScene Viewerという名称です。 つまりややこしいのですが、【実装上のコンポーネント：model-viewer】 【表示する機能：Scene Viewer / AR Quick Look】と呼ぶ
Too Long; Didn't ReadAre you lost trying to build and use Web Components? Skate.js uses the platform and sheds some light on it. Are you lost trying to build and use Web Components? Skate.js uses the platform and sheds some light on it. What are we going to build? An input-like tag which looks like a normal text input but splits the content into tags when the users hit space. Take a look at the li
#jxck_sushiに参加してきた。 meta-sushi/guideline: Sushiイベントのガイドライン #jxck_sushi - Togetterまとめ 2回目の#jxck_sushiだった。 CROSS 2015 アウトラインメモ | Web Scratch 今回はServerlessを使った匿名でGitHub Issueを立てるAPIを作ったという話をしてきた。 jser/ping: ping! your issusを作ったときに必要だったのAPI Gatewayとlambdaを使ってAPIとして作った話。 Walter TODO: スライドはここに FirebaseとIndexedDBの話 #jxck_sushi 🍣 pic.twitter.com/YcLaJR6dK2 — azu (@azu_re) October 18, 2016 CQRS寿司 #jxck_su
JSer.info #296 - Polymer 2.0 Previewがリリースされました。 Polymer 2.0ではWebComponent v1(Shadow DOM v1やCustom Elements v1)の上に形成されています。 そのため、v1の仕様に準拠した変更やクラスベースのコンポーネントが作成できるようになっています。 Polymer/polymer at 2.0-preview Flow 0.32.0がリリースされました。 Release v0.32.0 · facebook/flow 0.32.0では、アノテーション付きのJavaScriptファイルからFlowの型定義ファイルを生成するgen-flow-filesコマンドが追加されています。 flowtype v0.32.0 changes - Please Drive Faster また、TypeScriptの
毎度お世話になっております。クラスメソッドの稲毛です。 前回、Dart Editor上でのWeb Components用環境（プロジェクト）構築に続いて、今回はWeb Componentsを利用する実装編となります。 Web Componentの構築 Web Componentは「element」要素内に記述します。今回は「++」と「--」というアンカーを持ち、クリックすることで数値が加算、減算されるカウンタコンポーネントを作成してみます。 <element name="x-counter" constructor="Counter" extends="div"> <template> <h1>{{count}}</h1> <a href="#" data-action="click:increase">++</a> <a href="#" data-action="click:decre
前回の続き。 外部サイトっていうかアップロードしてもらった画像を表示するときの話。 アップロードしてもらった画像はWicketを経由しないでアクセスできるようにもしたかった。 WicketのImageクラスを使ってやるとWicketプロジェクト内の画像しか表示できない仕様になってるらしい。 そこでここを参考に外部サイトのURLで画像が表示できる自作Imageクラスを作った。 StaticImage.java public class StaticImage extends WebComponent{ private static final long serialVersionUID = 1L; public StaticImage(String id,final String url) { this(id,new AbstractReadOnlyModel<String>(){ @Ove
GoogleMap IEだけ出るエラーの原因
GoogleMapを入れたページをブラウザで確認したとき、FireFoxやSafari、IE7などではエラーが出ないのに何故かIE6系のブラウザだけエラーを吐くことがある。 主なものは ‘GMap’は宣言されていません ‘G●●’は宣言されていません ‘}’がありません オブジェクトを指定してください ‘return’ステートメントが関数の外側にあります IE6以下で起きるこれらのエラーは、GoogleMapsを表示してるページの文字コードがShift-jisやEUCだと出ます。 これは表示するファイルの文字コードだけでなく、外部jsファイルの場合も当てはまるので外部jsファイルにgooglemapの関数を作ったときなんかも、文字コードをUTF8にする必要がある。 どうしてもUTF-8に出来ないという場合は、GoogleMapだけ入れたページを別のHTMLファイルに作成して、それをifra
自ブログからの引用です。 出典: https://seeklogo.com/ 自ブログからの転載です。 初めに 以前から存在し、ネーミングからモダンフロントの近未来を感じさせるWebComponentsに関して、基本的な技術の概観と2021年現在に考えて何を解決してくれる技術なのかを調査してみました。 概要 WebComponentsとはでよくある定義が、Web標準技術を利用して再利用可能なUIコンポーネントを作成する技術で、以下の3つの技術から構成されます。 カスタム要素 Shadow DOM HTML テンプレート イメージとして WebComponents=カスタム要素 と思っている方も多いと思いますが、単なる要素としてではなく、コンポーネントとして再利用可能なUIを定義するために必要な機能が補完される物と考えています。 要素技術の解説 3つの要素技術に関して、それぞれ概要をみていき
Jersey2のソースを読みながらJavaのジェネリクスの旅 - Mitsuyuki.Shiiba
Jersey2がどんな風にHK2を使って、DIをコントロールしてるんだろう？って気になって。なので、Jersey2のソースコード読んでみることにしました。何か分かんないことがあっても、うらがみさんがいるから、安心(๑•̀ㅂ•́)و✧ ApplicationHandlerのinitializeとapply読むのおぬぬめ！— うらがみ (@backpaper0) 2015, 12月 12 まずはゴールと、やらないことから。 ゴール リクエストが来てからレスポンスを返すまでの基本的な流れを理解する。 やらないこと Jersey2やJAX-RS 2.0全体の読み込みは、やらない。 はじめる前に HK2って？と思って。さすがはすぬまさん、めっちょ分かりやすい。 HK2 の使い方（前編） - Programming Studio HK2 の使い方（後編） - Programming Studio Se
JSer.info #399 - Chromium Blog: Charting Browser Interoperabilityという記事では、ブラウザのWeb APIの相互運用性などについて見られるWeb API Confluence Dashboardについての紹介がされています。 それぞれのブラウザ固有のAPIの数やその固有のAPIがどの程度削除されているか。 またブラウザごとにAPIが実装されているかを一覧するといった、ウェブブラウザの相互運用性をチェックできるダッシュボードについて紹介されています。 またそれらのAPIをどのような仕組みで収集しているかのアルゴリズムについても解説されているので、クロスブラウザに興味がある人は見てみると面白いかもしれません。 confluence/CatalogDataCollection.md at master · GoogleChromeL
<meta wicket:id="meta" name="description" /> こういう要素をWicketで扱う場合にはLabelを用いると以下のようになります。 Label meta = new Label("meta"); meta.add(new SimpleAttributeModifier("content", "コンテント内容")); add(meta); しかしながら、出力されるとき以下のようになってしまいます。 <meta content="コンテント内容" name="description"></meta> これは(x)html的によろしくないです。 こういう場合はWebComponentクラスを使うのがよいようです。 WebComponent meta = new WebComponent("meta"); meta.add(new SimpleAttrib
WebComponents.org
The webcomponent.js polyfills enable Web Components in (evergreen) browsers that lack native support. Install with Bower bower install webcomponentsjs Install with npm npm install webcomponents.js Download webcomponents.js 0.7.12 (117KB minified, 34KB gzipped)
WildFly-8.2.0.Final が何日か前に出てました。 WildFly Homepage · WildFly WildFly-8.1.0.Final の JAX-RS(RESTEasy) で JSONP を返そうとして上手く動かず。。 ※上手く動くサンプルどっか知りません？ Jersey で JSONP は結構ブログとかに書かれているんですが、RESTEasy(WildFly) で JSONP はあまり情報が無く、サポートされる前の情報がちらほらとある感じでした。*1 java - How enable JSONP in RESTEasy? - Stack Overflow ついカッとなって Jersey で試してみました！ とりあえず RESTEasy で動かしてから Jersey に載せかえます。 サンプルは、Text と JSON 返す JAX-RS のコード片です。Xte
カスタムコンポーネントの作り方のようなもの - 404 じゃばてないわー Not Found(一部X-RATED)
触りだけかく。あとMACでバックスラッシュの出し方がわからず\"でエスケープできない〜って泣き言言ってたらついったーで助けていただきあmした。opt+\デスよ皆さん（誰！作ったものニコニコ動画の外部プレイヤー法人限定の機能らしくうまく動きませんでした。ニコニコ動画の情報表示する奴こっちは普通に使えたみたい。ソース基本的にどっちも同じで表示するHTMLが違うだけです。パッケージ名は、Wicketの練習がてらオレオレWiki作ろうと思ったけどこっちの方がなんだか楽しくなってしまったことを如実に表していますね。プレイヤー作っても見れないのだけど貧乏性なので張っちゃう package org.tonouchi.wikit.component; import org.apache.wicket.markup.ComponentTag; import org.apache.wicket.markup.
Angularのレンダリングメカニズムを学ぶときの歩き方
この記事の目的 Angularのドキュメントは、How to useはそれなりにありますが、conceptsが少ないよなあと昔から思っていました。使い方はわかってもアーキテクチャーがよくわからないのです。 どんなコンセプトなのか？、背景にある考え方は何なのか？、どんな仕組みになっているのか？などは、ウェブで幅広く探すしかありませんでした。そこで、私がこれまで参考にしてきたもののうち、特にレンダリングメカニズムに関して設計思想や仕組みがわかるものを集めました。なるべく一次情報のものをリストアップしています。 最近はangular.ioのコンテンツも充実してきましたが、設計思想的なものは相変わらず少なかったりします。Angularを使うことではなくて、Angularそのものに興味を持ったときのガイドになればと思います。他にもこれはというものがあったらぜひコメントなどで教えてください。 なお、A
CSS Grid でテーブルを作る : (*x).b=z->a+y/c
◆ Grid で可変行数が作れる ◆ grid-template-rows: repeat(auto-fill, auto); ◆ table 使わなくて済む ◆ セルを WebComponents の好きなタグに置き換えれる table を Grid で置き換えたい」 です table って昔からある分扱いづらく融通が利かない仕様なんですよね できることなら使いたくないのですが table じゃないとやりたいことが簡単にできないので仕方なく table を使っています Grid が出たときに これで table 捨てれる と思ったのですが 先に定義しておかないといけないようで 全部の行の定義なんてやってられません それに 動的に行を追加削除するたびに CSS を書き換えなんてイヤです なので諦めていたのですが repeat と auto-fill を使えば簡単にできると聞いたのでやってみ
JSer.info #626 - Remix v1.10.0がリリースされました。 Release v1.10.0 · remix-run/remix @remix-run/routerというReact Routerとの共通基盤となるパッケージを使い再構築されています。 shouldRevalidate関数のサポート、useNavigation/useRevalidator/useRouteLoaderData Hook APIの追加などが追加されています。 React Native 0.71がリリースされました。 React Native 0.71: TypeScript by Default, Flexbox Gap, and more... · React Native Road to 0.71.0 · Discussion #41 · reactwg/react-native-re
Roppongi.js #5でWebpagetestから始める継続的パフォーマンス改善について発表してきました。 スポンサーLT: Firebase + Nuxt.js FirebaseはNode.js 6だった 今はNode.js 8で動く Firebase functionsは使われてないコンテナは停止する 無料枠はGoogleのサービス間だけの通信 有料枠に変えて解決 stencilがよさそうな話 by adwd118 スライド: stencil is yosasou Stencil WebComponentとかのフレームワーク Angularっぽいシンタックス npm init で初期設定をできる Release v6.1.0 · npm/npm Custom Elementsを使うフレームワーク 標準のCustom Elementsでできないこと 属性に関数をわたせない Sten
まだリリースはされていませんが、jQueryのコードベースがAMDからECMAScript Modulesを使ったコードに変更されています。 Core: Migrate from AMD to ES modules 🎉 by mgol · Pull Request #4541 · jquery/jquery 最終的なjquery.jsはrollup.jsを使ってbundleしたものを配布する予定となっています。 The @jquery source is now authored in ES6 modules![1] You can import from `src/jquery.js` directly from the browser without any build process.[2]@RollupJS is used to create the final jquery.j
JSer.info #629 - Astro 2.0がリリースされました。 Astro 2.0 | Astro MDXからtype-safeにコンテンツを扱えるContent Collections APIの追加されています。 また、SSGとSSRを組み合わせられるように、エラー表示の改善、HMRの改善、Vite 4.0へのアップデートなどが含まれています。 Deno 1.30がリリースされました。 Deno 1.30: Built-in Node modules node: prefixのサポート、deno.jsonにImport Mapsを定義できるように、Deno.env.has(name)などが追加されています。 また、deno fmtにセミコロンの設定を追加なども含まれています。 TypeScript 5.0 Betaがリリースされました。 Announcing TypeScri
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト埋め込みコンテンツをWebComponentsで作る - Speee DEVELOPER BLOG
Vue.jsでtemplateURL風機能を実現する - Null and void
#frontrend 行った - pirosikick's diary
2022年に作ったもの16（セルフレビューあり） - 詩と創作・思索のひろば
Firefox Developers Conference 2015 アウトラインメモ
ショップ運営を支えるプロダクトにフロントエンド開発環境を薄く導入している - Pepabo Tech Portal
マイクロフロントエンド(Microfrontends)とその周辺技術
Building a custom tag input with Skate.js | HackerNoon
#jxck_sushi でserverlessの話をしてきた
2016-09-12のJS: Polymer 2.0 Preview、Service Worker入門、JSから型定義ファイルの生成
Dartでひと足お先に「Web Components」体験（実装編） | DevelopersIO
Wicketで外部サイトの画像を動的に表示する - Fuckin’ 殴り書き
WebComponentsとは何だったのか？基礎から再入門する - Qiita
2018-09-04のJS: Browser Interoperability、Mobile Form Design、400回記念イベントページ公開 - JSer.info
Wicketでmeta要素などの値を扱う方法 - public static void main
WildFly8.2 が出てるので Jersey 載せてみた - お だ のスペース
2023-01-13のJS: Remix 1.10.0、React Native 0.71、State of JS 2022
Roppongi.js #5 で「Webpagetestから始める継続的パフォーマンス改善」について話してきた
2019-11-26のJS: Node.js 13.2.0(ES Modules)、jQueryがAMDからES Modulesへ
2023-01-31のJS: Astro 2.0、Deno 1.30、TypeScript 5.0 Beta