皆さんが普段見ているWebサイトにはパソコン用の表示とスマホ用の表示がありますよね。前回のお話で、CSSはデザインの専門家という話をしました。パソコン用のデザインやスマホ用のデザインをCSSで作っています。 では、誰が「これはパソコンだ」「この ...

TwitterのようなWebサービスを例に、JavaScriptがどのように画面の動きやユーザー操作を支えているのかを初心者向けに解説します。フロントエンドでの役割やブラウザ上での処理の流れを理解することで、全体像がつかみやすくなります。これからJavaScriptを学ぶ人のための基礎固めに最適な内容です。

JavaScriptの進化を歴史的な流れから整理し、ECMAScriptやCommonJS、モジュールの基本概念をわかりやすく解説します。フロントエンド開発の基礎となる設計思想を理解することで、実践的なスキル向上につながります。

JavaScriptでパスワード認証を設定！HTMLに数行のJavaScriptを加えるだけでパスワードによる認証機能を作る方法を解説します。「ウェブサイト上でパスワード付きのアクセス制限を設定したい、でもBasic認証やCGIを使う複雑なことはしたくない」という場合には ...

JavaScriptはHTMLやCSSと並んでWebの構築や動作に重要な役割を担っているプログラミング言語です。JavaScriptはテキサス州に本社を置くコンピューターテクノロジー企業のOracleが商標を所持していますが、一般的な用語として広く認識されていることから、有名な ...

Webアプリケーション開発の主要言語であるスクリプト（簡易プログラム）言語の「JavaScript」と、Microsoftが開発を主導するオープンソースのプログラミング言語「TypeScript」。両者は似た名前を持つものの、似て非なるものだ。あらためて両者の違いを確認しよう ...

JavaScriptが実行された結果として、どのような文字列やHTMLソースが出力されているのかを確認する方法を解説。ブラウザの「ソースを表示」機能では単にJavaScriptのソースコードが見えるだけです。そうではなく、関数が処理された結果としてブラウザに出力 ...

Unity(WebGL)のC#とブラウザのJavaScriptの連携方法をまとめました。 1. Unity(WebGL)のC#とブラウザのJavaScriptの連携 Unity(WebGL)のC#とブラウザのJavaScript連携させることで、次のようなことを実現できます。 ・Unity(WebGL)からHTMLテンプレート上の他の要素を操作。 ・Unity ...

JavaScriptでイベントバインド（クリックしたらこの関数が動く、というプログラム）するときには、『addEventListener』をつかうことが多いと思います。 今回は、「addEventListnerで呼び出す関数に『引数』をわたしたい！」という場面で引っかかりました。