ライセンス開発環境/ツールTIPSバックドア雑記ペイヴメントの技術メモ自己紹介プライバシーポリシーエンジニア歴20数年の講師が技術ノウハウを解説します。初心者向け【初心者向け】JavaScript無料学習(前編)2020-02-09はじめに短時間で読めるようにJavaScriptで出来ることを広く浅くご紹介します。前編ではJavaScriptの歴史の紹介、カンタンな実行方法、基本的な文法についてご説明します。(後編はDOMの操作とイベント処理、JQuery、Ajax(紹介のみ)についてご説明します。Communication社によって1995年に世の中に発表されました。Communication社と業務提携していたサン・マイクロシステムズ社が開発したJavaの名前をもらい、JavaScriptになったとのこと。NavigatorでJavaScriptの言語仕様に差異(方言)があったり、セキュリティ上問題となるJavaScriptが埋め込まれたWEBサイトが増えたりと、評判は良くなかったと思います。XML)が登場し状況は一変します。いう言葉の通り画面遷移しなくてもWEBブラウザとWEBサーバが非同期通信してページを更新することが可能となり、動きが多いのに待ち時間を感じさせない(ノンブロッキングな)WEBページが増えていったのです。最近ではNode.jsを使ってサーバサイドでJavaScriptを実行したり、ElectronというJavaScriptで作られたアプリケーションワークでAtomというデスクトップで動作するエディタが作られたりと、目覚ましい進化を遂げ今に至ります。3種類の方法でJavaScriptを実行できます。1<script>タグでHTMLに直接埋め込む方法type1.htmlというファイルを作成しエディタ(UTF-8が指定できるもの)で以下の内容を入力し保存。type1.htmlをブラウザで開くと以下のメッセージが出ます。alertという関数でポップアップメッセージを表示させています。JavaScript")</script></body></html>2JavaScriptファイル(*.js)をHTMLから参照する方法type2.htmlとtype2.jsいう2つのファイルを作成しエディタ(でそれぞれ以下の内容を入力し保存。type2.htmlをブラウザで開くと以下のポップアップメッセージが出ます。JavaScript")3サーバサイドで実行する方法Node.jsというソフトを使うとサーバサイドでJavaScriptを実行することが可能です(ローカルPCにサーバを立てることもできます)。これがJavaScriptで書いたWEBサーバプログラムです。Node.jsと表示されます。type3.js【参考】Node.jsについて詳しく書いてあるページを見つけました。大枠を知るのに大変役立ちます。CromeとかOperaもベースにしてるオープンソースブラウザ)をベースとしたElectronというマルチプラットフォーム対応のアプリ開発環境があります。HTML、CSS、JavaScriptでアプリ開発できるとのこと。Atom、Skype、VSCodeはElectronで作られてるそうです(AdobeのBlacketもNode.jsとChromiumを使っていて似た感じです)。【自己紹介】奥さん・息子2人とお気楽に暮らしています。コメントをキャンセルメールアドレスが公開されることはありません。プログラマーになったら最初にソフトウェア開発工程の全体像をざっくり掴んでおくことをオススメします。いえ、いきなり細かく説明されても混乱しちゃうしなぁ...という感じかもしれず。前編に続いて短時間で読めるようにJavaScriptで出来ることを広く浅くご紹介します。(前編ではJavaScriptの歴史の紹介、カンタンな実行方法、基本的な文法についてご説明しました。【自己紹介】奥さん・息子2人とお気楽に暮らしています。読まれている記事1【Wireshark】無料で使える通信プロトコルアナライザ2【MinGW】無料のC/C++プログラミング環境をインストールしよう3【初心者向け】ソフトウェア開発工程の全体像をつかみたい4【おすすめ】プログラミングに使える無料のエディタ(vivi)アーカイブ2020年2月2020年1月2019年12月カテゴリーLinuxWEBネットワーク初心者向け開発環境/ツールメタ情報ログイン投稿フィードコメントフィードWordPress.orgペイヴメントのエンジニア塾エンジニア歴20数年の講師が技術ノウハウを解説します。