前回、「ファイルをダブルクリックするだけで画面は動く」と知りました。 で作ったファイル `frontend.html` を改めて見てみたんです。 すると、そこには何やら3種類の違う言語が混ざっていました。 「え、これ全部別物だったの？」 最初は全部ひっくるめて ...

「HTML？CSS？JavaScript？名前は聞くけど、何がどう違うの？」 と混乱していませんか？ 今回は、この3つの役割を「家づくり」に例えながら、やさしく解説します。 これからWeb制作を学んでいく人にとって、はじめに理解しておくと楽になるポイントなので ...

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

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

こんにちは、 太田です。前回はHTMLとテキスト操作を解説しました。今回は、 さらにHTMLの操作の実例を中心に解説していきます。 JavaScriptとエスケープ まず、 エスケープについて確認しておきましょう。外部から入力されたデータを画面上に表示する際は ...

オープンソース開発者のSimon Willison氏はこれまでに、150件以上の便利なウェブアプリを開発してきました。HTML・JavaScript・CSSを単一のファイルにまとめた自作のウェブアプリを「HTMLツール」と命名し、これまでHTMLツールを開発してきた過程で見出した便利な ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

第2回目の記事では、REST API標準的なデータフォーマット「JSON」について書きました。今回は、REST API からデータを取得するための機能「Fetch API」について記述します。 Fetch APIとは Web API を利用するためには、APIのエンドポイントへリクエストを送り ...

主要なWebブラウザの多くで動作するスクリプト言語。主に、Webアプリケーションやウィジェット／ガジェットのユーザーインターフェイス（以下、UI）に用いられる。Webブラウザにプラグインをインストール必要がなく、HTMLファイル内に直接記述できるなど ...