React.js： JSXファイルのトランスパイル後のJavaScriptコードを確認する方法 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Markdown + reveal.js + GitHub Pages でバージョン管理可能なスライドを作成 & 公開する - Qiita
はじめに 本記事は、reveal.js と GitHub Pages を用いて、バージョン管理可能なスライドを作成し、公開する手順についてご紹介したものです。 成果物は以下のようになります。 https://tatsurou-yajima.github.io/Head-first-for-study-meeting/chapter-9.html#/ ↓画面イメージ （キーボードの矢印キーで遷移できます！） 特徴 今回作成するスライドは、以下のような特徴を持っています。 Markdownを使用 いつものドキュメント作成と同じ感覚でスライドが作成できる！ 細かいレイアウトを気にしなくて済む！ シンプルで見やすいスライドが作成できる！ バージョン管理可能 テキストベースのスライドなので、バージョン管理と相性良し ソースはGitHubへアップ スライドをホスティングし、Web上に公開 せっかくなの
JavaScript開発者の利用傾向や人気ツールは？--「State of JavaScript」調査
モバイルおよびデスクトップアプリの開発部門において、継続率が最も高かったライブラリは、HTMLやCSS、JavaScriptのようなウェブ技術を用いてクロスプラットフォームのデスクトップアプリを構築する比較的新しいオープンソースツールキット「Tauri」だ。7月にバージョン1.0に到達したTauriは、コアライブラリが「Rust」言語で書かれており、セキュリティの向上とリソース消費量の削減に重点を置くプロジェクトだ。Tauriで構築したアプリは、ウィンドウ、ウェブビュー、OSへの呼び出しを管理するRustのバイナリを備える。Tauriは「iOS」「Android」への対応にも取り組んでいる。 クロスプラットフォームのデスクトップアプリ構築に最も広く使われているツールの「Electron」は、2020年以降は継続率が大幅に低下している。2018〜2020年には継続率トップだったが、2022年
Firefox で selenium を実行しながら JavaScript を on/off する方法 - Qiita
selenium 実行中に about:config の状態を変更する 環境 Windows 10 Pro Firefox 108.0.2 64bit Python 3.9.13 (Anaconda) selenium 4.7.2 あるいは Python 3.7.15 selenium 3.141.0 概要 selenium の実行中に about:config を開いて javascript.enabled の値を変更する。 具体的には、次のようなコードを実行する。 from selenium import webdriver from selenium.webdriver.common.by import By options = Options() options.binary_location = r'C:/Program Files/Mozilla Firefox/firefox
OSSにコントリビュートした(eslint-plugin-vue) - component-name-in-template-casing
App.vue 2:3 error Component name "component" is not PascalCase vue/component-name-in-template-casing ✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` option. <component />はエラーとして検出するべきではないということのようです。 eslintの仕組みを理解する eslintはアプリケーション開発には導入はしているのですが自分でルールを作ったことはないため、まずはeslintの仕組みを理解する必要がありました。 まずはContribution Guideを見ます。 Be sure to read the official ESLint
認証機能ライブラリ Auth.jsのOAuth認証をNext.jsで試す | DevelopersIO
こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 Auth.js Auth.jsは、Next.jsなどのプロジェクトに認証機能を実装するライブラリになります。 元々は、NextAuth.jsという名前のライブラリでした。現在は、Next.jsに特化しているわけではなく、他のフレームワークでも使用できるのでAuth.jsに代わっています。そのため、公式サイトの遷移先のGIthubはNext Auth.jsのままだったりします。 今回はNext.jsプロジェクトで、Auth.jsの認証をSetup with OAuthチュートリアルを試してみました。 認証機能の実装 Next.jsプロジェクトの作成 Next.jsプロジェクトを作成します。 npx create next-app sample_authjs --ts cd sample_authjs Auth.j
JS使いがGather APIを利用して更に楽しむために行ったこと3選 - Qiita
リモートコミュニケーションツールとしてGatherを利用しています。 Gatherは基本機能以外の仕掛けが沢山あり、その中の1つがブラウザコンソール等で扱えるAPIの存在です。 「現在位置の取得」や「参加者情報の取得」など豊富に存在しており、それらを適切に組み合わせることで色々な操作を行うことが可能です。 今回はその中から大人数で盛り上がりそうな組み合わせ3選をご紹介いたします。 前提 以下の機能の利用は一定の権限(Admin or Builder)が必要です。 必要な方は管理者に権限を設定していただいてください。 1. 一括ダンス 全員で全身で喜びを表現したい時に利用できます。 以下の内容をChromeコンソール画面に入力して実行するだけで、参加者全員に一括でダンスしてもらうことができます。 game.playerUidsSeenOnConnect.forEach(p => game.m
JavaScript | チュートリアル、API、SDK、ドキュメント | AWS デベロッパーセンター
node.js、ウェブ、モバイルから AWS のサービスを呼び出すための慣用的な JavaScript API です。
AWS SDK for JavaScript（Version 3） と TypeScript を用いて S3 バケットの一覧を取得するサンプルコードを試してみた | DevelopersIO
こんにちは、アノテーションの及川です。 AWS SDK for JavaScript（Version 3）と TypeScript を用いて、自分が所有している S3 バケットの一覧を取得するサンプルコードを試していきたいと思います。 環境構築 Node.js のインストール 本検証ではローカルの PC（Mac） から行います。 検証には、Node.js の環境が必要になるため、まだインストールされていなければ、こちらから、インストールを行ってください。 % node -v v16.13.1 % npm -v 8.1.2 作業用ディレクトリの作成 プログラムを作成／実行する作業用ディレクトリを作成します。 コードエディターは Visual Studio Code を使用します。 そのため、作成した作業用ディレクトリに移動したら、下記のように code .コマンドを入力して、Visual S
Vercel、JavaScriptフレームワーク「Next.js 13.1」公開
「Next.js 13.1」ではまず、「app」ディレクトリを改良した。「app」ディレクトリはNext.js 13でベータ版として追加した機能で、これを利用するとページ・レイアウトの自由度が上がり、テスト・ファイルやスタイル・シートなどをまとめて管理できる。ちなみに、今回の新バージョンでも「app」ディレクトリはベータ版のままだ。 今回は「app」ディレクトリで使用するTypeScriptプラグインを追加した。Visual Studio Codeなどの開発環境に追加して利用できる。プラグインを使用することで、ページ・レイアウトの選択肢などについてのヒントを開発環境に表示できるようになった。さらに、「app」ディレクトリ関連の動作をより安定させた。 そして、エンドユーザーに近い場所にある「エッジ」サーバーでNext.jsプログラムを処理させる「Edge Runtime」で、API Rout
2022-12-28のJS: Next.js 13.1、HTTP/3 Prioritizationの仕組み、Deno 1.29、Bun 0.4
JSer.info #624 - Next.js 13.1がリリースされました。 Blog - Next.js 13.1 | Next.js appディレクトリの改善、外部ライブラリだったnext-transpile-modulesを本体に統合されています。 martpie/next-transpile-modules: [ARCHIVED] Next.js plugin to transpile code from node_modules Release The End. · martpie/next-transpile-modules また、試験的にmodularizeImportsオプションの追加、Turbopackの改善などが含まれています。 Web Performance Calendar » HTTP/3 Prioritization Demystifiedという記事では、H
Javascriptすらろくに書かない人が2週間Reactを勉強してみたから勉強方法を振りかえる
タイトル通り、Javascriptすらまともに書いたことがない自分が2週間でReactを勉強してみました。 色んな教材をやってみた結果、この記事では皆さんにお勧めできる教材や勉強の流れを返っていきます。 他の方への参考になるだけではなく、自分が教材の内容を振り返りたい時にも参考になればと思います。 下の教材に番号が振られているので、その通りにやると効率が良いと思います。 なぜReactを勉強したの？ クロスプラットフォームでスマホアプリやPCアプリを書きたいから。 つまり、最終目標はReact Nativeです。 まずReactを勉強してからReact Nativeをやっていきたいと思っています。 これまでのプログラミング経験や言語は？ 主な言語はC言語、Python、C#です。 つまりWebのフロント、バックエンド系のプログラミング言語はほぼ未経験です。 Javascriptもほぼ書いて
GitHubのトレンドで振り返る2022年のJavaScript/TypeScript
今年も GitHub トレンドから 2022 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2021 年の JavaScript | WEB EGG 集計方法 本記事の集計期間は 2022/01/01〜2022/12/07、対象言語は JavaScript および TypeScript です。 なお GitHub がそのリポジトリをなんの言語と見なしてトレンドに掲載したかをもとに集計対象を決定していることにご留意ください。 別言語で書かれた Rust 製の JS 向けのツールや CSS フレームワークなどは基本的に対象外となります。 集計に利用したデータですが、GitHub は過去のトレンドを閲覧する方法を提供していないため、独自の仕組みで GitHub トレンドのアーカイブを生成しそのデータを利用しまし
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！
Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！ 株式会社フクロウラボ @fukurou I want to hear a detailed なにをやっているのか フクロウラボは、アプリ向けの広告配信プラットフォームを企画・開発・提供している広告スタートアップです。事業は売上成長前年比125%超え、取引顧客数も300社に近づき、シェアを拡大しています。 ◆アプリに特化した広告配信プラットフォーム「Circuit X（サーキットエックス）」 アプリユーザーを獲得したい広告主と広告収益を最大化したいメディアをつなぎ、「成果型Web広告」を通じて、顧客の商品・サービスの効果的なプロモーションを支援しています。 ────「Circuit X（サーキットエックス）」3つの強み ・動画を活用した広告を導入できる ・審査を通過した高品質なメディアに特化している ・高度な技術力に
【完走賞ゲット-24】OpenAI の ChatGPT の API を公式ライブラリの JavaScript版 を試す（使い方を ChatGPT に聞いてみたりも） - Qiita
【完走賞ゲット-24】OpenAI の ChatGPT の API を公式ライブラリの JavaScript版 を試す（使い方を ChatGPT に聞いてみたりも）JavaScriptNode.jsOpenAIChatGPT はじめに こちらは、完走賞ゲットのため小ネタを毎日投稿しようとチャレンジする Advent Calendar 2022 の 24日目の記事です。 今月のアドベントカレンダー用記事で、以下の 3記事で扱った OpenAI の ChatGPT の話です。 【KDDI Engineer&Designer】AI にブラウザ用の JavaScript のプログラムをいくつか作ってもらった話 ⇒ OpenAI の ChatGPT で生成されたプログラムの解析も少々 - Qiita 【完走賞ゲット-4】続・OpenAI の ChatGPT のネタ：JavaScript の特定の技術
HTMLを最初に、JavaScriptを最後に：Webを高速化する秘訣 | POSTD
すべてのフレームワークはステートを保持する必要があります。フレームワークはテンプレートを実行することでステートを構築します。ほとんどのフレームワークは、このステートをリファレンスやクロージャとしてJavaScriptヒープに保持します。Qwikのユニークな点は、ステートが属性としてDOMに保持されることです（リファレンスもクロージャもシリアライズして送受信するのは不可能ですが、文字列であるDOM属性なら可能です。これがresumability(再開性）のカギとなります）。 DOMにステートを保持することには、以下のように多くのユニークなメリットがあります。 DOMはシリアライズの形式としてHTMLを使用します。ステートを文字列属性としてDOMに保持することで、アプリケーションをいつでもHTMLにシリアライズできます。HTMLを送信し、別のクライアントでDOMにデシリアライズすることが可能に
2022-12-20のJS: Vite 4.0、SvelteKit 1.0、Node v19.3.0(npm 9)、RUM Archive
JSer.info #623 - Vite 4.0がリリースされました。 Vite 4.0 is out! | Vite SWCをサポートする@vitejs/plugin-react-swcを追加、デフォルトでES2020形式で出力するように変更、CSSを文字列としてインポートする方法の変更などの変更が含まれています。 SvelteベースのフレームワークであるSvelteKit 1.0がリリースされました。 Announcing SvelteKit 1.0 α版からの変更点は次のマイグレーションガイドにまとめられています。 Migration guide · Discussion #5774 · sveltejs/kit Node v19.3.0がリリースされました。 Node v19.3.0 (Current) | Node.js Node v19.3.0では、npm 9系となるnpm
JavaScript初学者【 応用力が身につく！実践トレーニング 】 動画リスト2023年 - Qiita
JavaScript/jQueryを使っていますが「コードを学習」することではなく 「 応用力 」「 創り上げる力 」 を学べるようにしてるのがポイントです。 応用実践トレーニングの内容( 必ず読んで進んでください ) 内容は 「基礎を学んだ」レベルに合わせています。 JavaScriptの「超基礎」のところはプロゲートなどで見ていただくと良いかと思います。 そういった教材で「自分で考えて作れるようにならなかった人」が対象です。 「変数・分岐処理・繰り返し処理・関数・オブジェクト...」を応用できるようにするための教材として作りました。 他の学校、提携校の皆さんもご活用ください！ 「学び方・作り方・考え方」全て揃っています！ ◆JavaScript初学者「効率よく学ぶためのポイントを紹介」準備編 サムネ１ サムネ２
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript / TypeScript の豆知識 10 選 - Qiita
JavaScript Dateメモ - Qiita
