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

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

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

Netscape CommunicationsとSun Microsystemsは、いまから30年前の1995年12月5日に、インタラクティブなウェブアプリケーションを作成するためのオブジェクトスクリプト言語であるJavaScriptを発表した。 このスクリプト言語は、当時Netscape社員で後にMozillaプロジェクトに ...

Deno Land Inc.は2024年10月9日、同社が開発するJavaScript/ TypeScriptランタイム環境Denoの新バージョンDeno 2. 0のリリースをアナウンスした。 4 years after Deno 1. 0, the next generation of JavaScript is ready for production at scale. Deno 2 is ...

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

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

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

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

完全なソースコード、スタイルインスペクター（検査機）の実装デモ、および element.style との違いについての詳細な解説は、以下のブログ記事にて公開しています。 【JavaScript】getComputedStyleによる適用済みCSSスタイルの取得 JavaScriptで要素の幅や色を取得 ...