JavaScriptとは ウェブの人気・最新記事を集めました - はてな
Hatena Blog Tags
はてなブログ トップ
JavaScript
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

JavaScript

(ウェブ)
【じゃばすくりぷと】

スクリプト言語。 主要なウェブブラウザのほとんどにエンジンが搭載されており、HTML内にプログラムを埋め込むことでWebページに様々な機能を付加できる。 名前は似ているが Java とは関係のない言語である。 Netscape Navigator 2.0 に搭載されたことが最初。 搭載された当時は LiveScript という名前だったが、Java にあやかり、JavaScript に名前を変更した。

その後、マイクロソフトも Internet Explorer に JavaScript と互換性の高い JScript という言語を搭載。 しかしその実装に微妙な違いが多かったことから、最終的に ECMA *1 によって基本的な言語仕様が ECMAScript として標準化された。 その後はそれぞれのブラウザが ECMAScript の仕様や、これまで Netscape が実装してきた仕様に基づいて JavaScript（Internet Explorer は JScript）の実装を行っているが、いまだにブラウザによってその実装には違いがあり、コードを書く際にはその違いを吸収するコードを書かなければならない。 ただ、最近は jQuery などのブラウザ間の際を吸収するライブラリが登場してきたり、各ブラウザ間の差異が小さくなってきたことで、プログラマが差異をそれほど気にしなくてもよい環境ができつつある。

2000 年代の前半には 「JavaScript はいろいろできるが危険でブラウザ依存であまり便利ではない」 というような見方をされていたが、2000 年代後半に Google が積極的に JavaScript を利用してサービスを展開したことや、Ajax と呼ばれる技術が注目され始めたことで、現在では web には必須の技術となっている。

特徴

簡単なものでURL入力で「javascript:」の先に以下の文を入力するとさまざまなことができる。

  • window.close()

ウィンドウを閉じる（確認ウィンドウが表示する）。

  • history.go(-1)

一つ前に戻る。-1のところを-2以上にすればその分戻る。

  • location.reload()

表示しているページを更新する。

  • window.print()

印刷ウィンドウを表示する。

  • alert("文")

文を警告ウィンドウとして表示する。

  • confirm("文")

文で確認ウィンドウを表示する（その他細かいことをしないとこのままではOKを押してもキャンセルを押しても何も起きない）。

  • prompt("文","初期の入力状態")

文を入力ウィンドウで表示。テキストボックスには初期の入力状態が表示される（その他細かいことをしないとこのままでは何を入力しても何も起きない）。
複数の命令を入力するときは;(セミコロン)を利用する。

実行環境

JavaScript を実行するための実行環境は様々である。 元々は web ブラウザ上で実行される言語であったが、現在では Node.js などを使ってサーバーサイドの記述にも用いられる。

JavaScript の実行環境として次のようなものがある。

*1:European Computer Manufacturer Association; 欧州電子計算機工業会

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
カストロイデスのページ•1日前

【Windows】仕事してる風に見えるbat処理考えてみた

コード全体 @echo off について 遅延環境変数の展開について 使用変数の解説 メイン処理 改行なしで出力するためにset /pを使う 待機時間の生成 batファイルでは「ミリ秒待機」が使えない 乱数生成 ループ処理について batファイル結構楽しい 会社でちょっとサボタージュするときに仕事してる感を出したくて作ってみました。 コマンドライン上で以下のように動きます。 www.youtube.com コード全体とりあえず以下が今回作ったコードの全体像です。 @echo off echo ---------------------------------------------------…

#bat#プログラミング#JavaScript

関連ブログ

かもメモ•5日前

😇 Webpack production のビルド時に Maximum call stack size exceeded エラーが発生する

Webpack を使って SCSS をコンパイルしているプロジェクトで久々に build したら下記のようなエラーが発生した $ npx webpack --config ./webpack.config.js --mode production … webpack-fix-style-only-entries: removing js from style only module: js/css.js (node:53965) [DEP_WEBPACK_CHUNK_HAS_ENTRY_MODULE] DeprecationWarning: Chunk.hasEntryModule: Use …

#webpack
zaki work log•6日前

[html/css] 使用するCSSファイルをJavaScriptを使って動的に切り替える

WebアプリのスタイルをテーマごとにCSSファイルで定義し、設定画面のフォーム操作などで使用するCSSファイルを切り替えてスタイルを更新する、というのをできるか試してみたところDOM操作で普通にできたので、そのやり方について。 通常のCSSファイル指定 通常CSSファイルを指定する場合はこんな感じ。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>sample</title> <link href="style1.css" rel="stylesheet" type="text/css" media="all" id="s…

#JavaScript#CSS
zaki work log•7日前

[JavaScript / Python] 配列内に指定の要素が含まれるかどうかをチェック (備忘録)

よく使うけとすぐ忘れるので。 JavaScript 基本構文 例：httpステータスチェック Python 基本構文 例：httpステータスチェック 辞書の場合 集合(追記) JavaScript includesを使う。 developer.mozilla.org 基本構文 array.include(item); 例：httpステータスチェック httpレスポンスコードが200/201/202/203だったら処理をする、の場合 status = get_http_status(); if ([200, 201, 202, 203].includes(status)) { ... } Pyt…

#JavaScript#Python
カメリアの記事•8日前

処理とロードの終了をトリガーにする

ある処理の終了と、諸要素のロードの両方が終了したタイミングで次の処理に移る書き方です。 let promise0 = new Promise(resolve => { // 処理 }) let promise1 = new Promise(resolve => { window.onload = () => { resolve() } }) Promise.all([ promise0, promise1 ]) .then(rly => { // 処理 })

#JavaScript
窓を作っては壊していた人のブログ•11日前

.NETラボ勉強会9月に参加して、LT発表してきました

今更！？という感じですが、自分何したっけなの記録を残しておくために記事にしておきます。 .NETラボ 勉強会 2024年9月 - connpass 本勉強会では、HybridWebViewについて紹介してきました。 勉強会当時は .NET 9 RC1 だったため、その当時の状況や、実際に試すうえでの注意点を交えて発表いたしました。 speakerdeck.com さて、本日は.NET 9が正式リリースされ、このスライドから若干の変更が入っています。 例えばmacOS Sequoiaでのworkarondは不要になったり、JS側のシグネチャが若干変更されています。 これに関しては別途記事で解説し…

#dotNET#JavaScript
PLEX Product Team Blog•11日前

【JavaScript】もちろん「0.1 + 0.2 ≠ 0.3」をちゃんと説明できますよね？？

MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']], displayMath: [ ['$$','$$'], ["\\[","\\]"] ] } }); はじめに こんにちは、サクミル開発チームの栃川です。 どうも世の中には、「0.1 + 0.2 ≠ 0.3」ということを知ってはいるけど なんでそうなるのかよくわかっていない不届き者がおるようです（はい、私のことです笑）。 ということで、今日はなぜJavaScriptにおいて「0.1 + 0.2 ≠ 0.3」となるのか説明してみたいと思います。 前提 2進…

#JavaScript#浮動小数点数
shikumika’s diary•12日前

【JavaScript】ブラウザを使用したデバッグ方法

JavaScriptのデバッグには、代表的なツールとしてブラウザの「開発者ツール」があります。Microsoft Edgeを事例にできることの備忘録です。 内容： 開発者ツールの起動 実施できること 参考： kintoneカスタマイズでのデバッグ方法 開発者ツールの起動 Microsoft Edgeの開発者ツール（DevTools）の起動方法は、デバッグしたいウェブページをEdgeで開き、次のような方法があります。 Ctrl+Shift+I のキーを押す（キーボードの F12 キーでも可） Webページの画面を右クリックして「開発者ツールで調査する」を選択します。 これで、開発者ツールが起動し…

#JavaScript
kokh log•14日前

テキスト:emoji:をUnicode絵文字👍に変換する

以前紹介した、外部サービスの投稿をNotion日報へ連携するカスタムAPIの続きです。 kokh.hateblo.jp ZappierでSlackに投稿されたポストをwebhookで受取り、カスタムAPIへのリクエストを通してNotion日報に追加するようにしています。 ここで、webhookで受け取るテキストはこのようになっています。 Airpods proが不調 :thinking_face: このままNotionに追加しても、 :thinking_face: はUnicode絵文字に変換されません。 そのため、カスタムAPI側で変換を行う処理を追加しました。 Slackのdocument…

#EMOJI#JavaScript#Slack API
ゴンジャ•11時間前

Travis Japan・松田元太、韓国の大人気俳優キム・スヒョンとの2ショット

Instagram:松田元太（＠tj_gentamatsuda_official）より Travis Japanの松田元太（25）が11月22日に自身のInstagramを更新し、シンガポールで開催されたディズニーの今後のラインナップを発表するイベント「ディズニー・コンテンツ・ショーケース 2024」に参加した際のオフショットを公開した。 松田元太は、12月20日に日米同時公開される『ライオン・キング：ムファサ』（バリー・ジェンキンス監督）で日本語吹替版の主人公ムファサの弟タカの声を担当する。 この日の投稿では、大ヒットした韓国ドラマ「涙の女王」でキム・ジウォンとともに主演を務めた韓国の大人気…

Engineer's Digest•13時間前

2024/11/24 #18 - 今日の技術情報ダイジェスト

Windows 10サポート終了とWindows 11への移行 M4 Mac mini用拡張ドッキングステーション Salesforceの営業AI Agentforceと営業マン雇用 ドコモの料金プランとAIのセット割 イオンカード不正利用とオフライン決済 Microsoft Teamsのハイブリッドワーク支援機能Microsoft Placesの新機能 ハッカソンでのDify活用事例 React依存を最小限にしたフロントエンド設計 日本のIPv6採用状況 LLMによる時系列データ分析にニュース情報を混ぜるアプローチ UI開発におけるヘッドレスUIライブラリの重要性とデザインシステムへの取り入…

s1r-Jの技術ブログ•20時間前

Linuxのdateコマンドを使ってISO8601形式で出力する

dateコマンドを使ってISO8601の形式で現在時刻を表示します。 ログ出力などで使えるはずです。 ISO8601でもYYYY-MM-DDTHH:mm:ss.sssZまたはYYYY-MM-DDTHH:mm:ssZの形式が使いやすい（見やすい）と思っているので、それを出力させます。 （本当はミリ秒の表記はISO8601には存在しないようです。） 先に結論だけだしておきます。 $ echo `date '+%Y-%m-%dT%H:%M:%S.%3N' --utc`Z 2024-11-02T06:54:32.123Z ミリ秒が不要ならば以下でよいです。 $ echo `date '+%Y-%m-%…

pmikono’s diary•21時間前

「Twitter ポストを読み込めません」解決ガイド：原因と対処法の完全版

セクション1：概要と導入 Twitterを利用しているときに「ポストを読み込めません」 というメッセージが表示されることがあります。 このような状況では、 何らかの原因があるため、 それを解明し適切な対策を行う必要があります。 この記事では、 よくある原因を一つ一つ詳しく説明し、 その解決策を具体的に示します。 初心者でも簡単に取り組める方法を紹介するので、 参考にして問題を解決してください。 セクション2：ネットワーク関連の問題と解決策 解決手順一覧 ネットワークに関連する問題が原因で、 Twitterのポストが正しく表示されない場合があります。 まず最初に、 Wi-Fiやモバイルデータ通信…

ぼっちエンジニアの備忘録•1日前

ActiveXを HTML Living Standardへ移行する方法｜セキュリティ対策とモダン技術

はじめに 手順 1. 移行が必要な理由を整理する 2. ActiveXの利用状況を調査する 現在の用途を把握する セキュリティリスクを分析 3. HTML Living Standardへの移行 利用シナリオごとの代替技術 サンプルコード: 動画再生をHTML5で実装する ActiveX版（旧） HTML版（新） サンプルコード: サーバー通信をFetch APIで置き換える ActiveX版（旧） Fetch API版（新） サンプルコード: リアルタイム通信をWebSocketで置き換える WebSocket版（新） 4. 移行後のセキュリティと保守性 セキュリティ対策 保守性向上 5. …

技術者として自尊心を保ちたい•1日前

【Frontend Developer Roadmap】インターネット周りの知識を整理するぜ

はじめに Frontend Developer Roadmapの初回キャッチアップ記事です。目標はフロントエンドの技術者になるというより、フロントの開発者と技術的な話をできるようになる、ですので、メインは仕組みや説明可能な部分を増やすというものです。 前回記事でも書いた通り、Frontend Developer Roadmapより、最初から丁寧にロードマップに乗って知識を整理していこうと思います。 最初はここからですね、インターネットからなんですね。結局JavaScriptの勉強をしようにも、ブラウザの勉強をしようにも、インターネットの知識から入る本が多いような気がします。 これですこれです。…

Nachiruの勉強日誌•1日前

コマンドツールについて

今回は、コマンドツールについてまとめます。 [先に知っておくべき単語] シェル：ターミナル内のコマンドを解釈し実行するプログラム ターミナル：シェルと対話するための画面やアプリケーション コマンドツールとは コンピュータの操作や特定のタスクを効率よく実行するためのツールやプログラムのこと。 主にコマンドラインインターフェースで動作する。 コマンドツールはターミナルやシェルで使用される。 インターフェースとは 異なるもの同士がやり取りするための接点や仕組みのこと。 ユーザーがコンピュータに指示を与える（GUI／CLI） ソフトウェアやサービス同士がデータや機能をやり取りする（API） デバイス同…

ozaki25’s diary•1日前

「JSConf JP」に参加してきました

2024/11/23 https://jsconf.jp/2024/ LT: UI 開発における ヘッドレス UI ライブラリの重要性とデザインシステムへの取り入れ方 azukiazusaさん https://speakerdeck.com/azukiazusa1/ui-kai-fa-niokeru-hetudoresu-ui-raiburarinozhong-yao-xing-todezainsisutemuhenoqu-riru-refang UI開発の難しさ ネイティブアプリのようなUIを求められる 自分でインタラクティブな要素を作らないといけない アクセシビリティも気にしないといけない…

aki2019h’s diary•1日前

今日は停電作業日

勤務先の記念日で本日（２２日）はお休み。それに合わせて電気設備の法定点検、関連設備の検査・修理が入り、夕方迄バタバタでした。 貯めて使える。便利でお得な楽天スーパーポイントで楽しさアップ！https://rpx.a8.net/svt/ejp?a8mat=3Z2OI8+3ZHICA+2HOM+6F1WJ&rakuten=y&a8ejpredirect=http%3A%2F%2Fhb.afl.rakuten.co.jp%2Fhgc%2F0ea62065.34400275.0ea62066.204f04c0%2Fa24031014803_3Z2OI8_3ZHICA_2HOM_6F1WJ%3Fpc%3…

aki2019h’s diary•1日前

私が参加したら？

とあるLOTO関係の情報に参加したら、料金後払いだったのですが・・・とりあえず２．５万円、５００万円以上で７２．５万円を支払い、・・・払わなくて良さそうです。なんせLOTO7で５組のうち２組が2数字だけだったのですから・・・こんな場合は翌週も情報を貰うことができるのですが、ちゃんと高額当選するのでしょうか？そこはかとなく不安ですな・・・・・ px.a px.a8.net 8.net 競馬の情報でも何回か参加したのですが、参加した時に限って（？）土日４鞍全滅とか当たってもトリガミだったり・・・ <a href="https://px.a8.net/svt/ejp?a8mat=3ZHU5Z+2V0…

ステレッパツ•1日前

浜辺美波　スタッフからの“告発”

ポーズを決める（左から）倉悠貴、佐野勇斗、浜辺美波、赤楚衛二、山下美月、西垣匠（撮影・佐藤厚） 女優・浜辺美波（２４）が２２日、都内で開催された主演映画「六人の嘘つきな大学生」の初日舞台あいさつに共演の赤楚衛二（３０）、佐野勇斗（２６）らと出演した。 映画では、就職活動中の大学生６人が、謎の告発文に翻弄（ほんろう）されていく姿を描く。物語にちなみ、この日はスタッフから出演者に関する「告発文」がサプライズで発表された。 浜辺は「なんだろう？」とドギマギした表情を見せたが、公表された内容は「運転手にバレないよう、社用車に少しずつぬいぐるみの数を増やしている」というもの。ほのぼのした「告発」に、浜辺…

ゴンジャ•1日前

ＴＯＭＯＲＲＯＷ　Ｘ　ＴＯＧＥＴＨＥＲ　紅白初出場

イベントに登場したＴＯＭＯＲＲＯＷ Ｘ ＴＯＧＥＴＨＥＲ（撮影・高部洋祐） ＮＨＫ紅白歌合戦への初出場を決めた韓国の５人組ボーイグループ・ＴＯＭＯＲＲＯＷ Ｘ ＴＯＧＥＴＨＥＲが２２日、京セラドーム大阪で行われたＫ－ＰＯＰの授賞式「２０２４ ＭＡＭＡ ＡＷＡＲＤＳ」に出席した。 ファン投票で選ばれる「Ｐｏｎｔａ Ｐａｓｓ ＧＬＯＢＡＬ ＦＡＶＯＲＩＴＥ ＡＲＴＩＳＴ」を受賞。ヒュニンカイ（２２）は「今年１年間、ＭＯＡ（ファンの総称）の皆さんのおかげで大きな力になりました」と感謝の思いを口にした。 同じく紅白の初切符を手にした１１人組ガールズグループ・ＭＥ：Ｉは、デビュー曲「Ｃｌｉｃｋ」を披露。…

大人の剣道稽古会（大阪　堺市　堺区・西区）•1日前

大人の剣道稽古会（堺市立少林寺小学校）

大人の剣道稽古会(堺市立少林寺小学校)今日は金曜日 堺市の大人の剣道稽古会の稽古でした。 ようやく秋らしく、、と言うかもう冬の気配？ 年々秋が短くなっているように感じますね 大人は皆仕事でフラフラ それでも何故か？稽古に集まります。 私は６時30分に会場に入り支度します。 掃除用具の清掃・床の清掃・除菌・テーブル・名簿・講習会資料… 早く来られた先生方から剣道形を合わせます。 ７時20分、神前に拝礼をして稽古が始まります。 ストレッチ・柔軟は筋肉を温め間接の可動域を広げるようにゆっくり大きく行います。 素振りは本数が少ない分、自身で負荷を掛けて振り込んで行きます。 ７時30分、全員で面を着けて…