[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

111users がブックマーク コメント 3

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

ブラウザー上でReactやTypeScriptのコードをコンパイルして動かすツールを作った

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント3

  • 注目コメント
  • 新着コメント
yarumato
"ローカル環境でビルドするのではなく、ノーバンドルでReactやTypeScriptをリアルタイムにブラウザー上で反映させるライブラリを作成した。コードのビルドにTypeScriptのライブラリとES Modules、esm.shサービスを利用"

その他
murasuke
babelでdata-presets="react"にしてあげれば、ブラウザ内で完結できそうだけど、どう違うのかな?https://qiita.com/murasuke/items/8dbe350c0c1c1fe269bf

その他
murasuke
murasuke babelでdata-presets="react"にしてあげれば、ブラウザ内で完結できそうだけど、どう違うのかな?https://qiita.com/murasuke/items/8dbe350c0c1c1fe269bf

2023年05月26日 リンク

その他
yarumato
yarumato "ローカル環境でビルドするのではなく、ノーバンドルでReactやTypeScriptをリアルタイムにブラウザー上で反映させるライブラリを作成した。コードのビルドにTypeScriptのライブラリとES Modules、esm.shサービスを利用"

2023年05月26日 リンク

その他
kamm
何をやっているのか全然わからない。魔法みたい

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「ブラウザー上でRea...」が注目されています。

気持ちをシェアしよう

ツイートする

ブラウザー上でReactやTypeScriptのコードをコンパイルして動かすツールを作った

通常、ReactTypeScriptを使って開発する場合は、ローカル環境で開発して、ビルドして、ブラウザーで表... 通常、ReactTypeScriptを使って開発する場合は、ローカル環境で開発して、ビルドして、ブラウザーで表示するという流れになります。 ただ、昨今のブラウザーの性能はかなり高くなっており、ES Modulesをうまく使うことで、ノーバンドルでReactTypeScriptをリアルタイムにブラウザー上で反映させることができるのではないかと考えました。 この案をもとに、何番煎じかわかりませんが、ブラウザー上でリアルタイムにReactTypeScriptをバンドルするライブラリを作成しました。 以下のようにコードを書くだけで、ブラウザーで実行可能なJavaScriptコードが生成されます。 import { browserBundle } from "browser-bundler"; const code = ` import React from "react"; import R

ブックマークしたユーザー

  • techtech05212024年06月08日 techtech0521
  • o_hiroyuki2023年05月27日 o_hiroyuki
  • midas365452023年05月27日 midas36545
  • oguri02202023年05月27日 oguri0220
  • nukosan5552023年05月27日 nukosan555
  • kkeisuke2023年05月27日 kkeisuke
  • yamori04082023年05月27日 yamori0408
  • gonhainu2023年05月26日 gonhainu
  • styrian2023年05月26日 styrian
  • Hiro_Matsuno2023年05月26日 Hiro_Matsuno
  • locke-0092023年05月26日 locke-009
  • ant_mugi2023年05月26日 ant_mugi
  • single_wing2023年05月26日 single_wing
  • tororo_z2023年05月26日 tororo_z
  • mytechnote2023年05月26日 mytechnote
  • se7en12023年05月26日 se7en1
  • hasunuma06132023年05月26日 hasunuma0613
  • cu392023年05月26日 cu39
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /