タグ

JavaScriptに関するjsstudyのブックマーク (519)

  • 知らないうちにMacがシステム標準でJavaScriptで操作できるようになってた (JXA) - Qiita

    知ってる人には今更と思いますが、今まで知らなかったのでメモメモ。 AppleScriptの代わりにJavaScriptを使えるようになってました。 Yosemiteからの新機能だそうです。 JXAとも呼ばれています。宇宙航空研究開発機構とは無関係です。 (追記:JXAは公式の略称です →Introduction to JavaScript for Automation Release Notes) 詳しくは Appleの公式ドキュメント か、「参考」にあるリンクへどうぞ。 もう一つ記事を書いたのでこちらもよかったらどぞ。 Macのキーボード入力、マウスクリックをJavaScriptで (JXA) Script Editorで使う方法 まずScript Editorを使う方法を説明します。 好きなテキストエディタを使いたい場合は飛ばしてください。 (でも「用語説明」の表示の仕方は覚えておいて

    知らないうちにMacがシステム標準でJavaScriptで操作できるようになってた (JXA) - Qiita
    jsstudy
    jsstudy 2017/03/05
    AppleScriptの代わりにJavaScriptを使えるようになってました。 Yosemiteからの新機能だそうです。JXAは公式の略称です
  • element - MDC

    Element は Document が継承するオブジェクトの中にあるすべての要素オブジェクト(すなわち、要素を表現するオブジェクト)が継承する、もっとも一般的な基底クラスです。すべての種類の要素の共通するメソッドとプロパティのみを持ちます。もっと具体的なクラスが Element を継承しています。 例えば HTMLElement インターフェイスは、HTML 要素の基インターフェイスです。同様に、SVGElement インターフェイスはすべての SVG 要素の基になっており、MathMLElement インターフェイスは MathML 要素の基インターフェイスです。ほとんどの機能は、クラスの階層を下りると具体化していきます。 XUL の XULElement インターフェイスのようなウェブプラットフォームの枠外の言語もまた、Element インターフェイスを実装しています。 Eve

    element - MDC
  • Document - Web API | MDN

    Document インターフェイスはブラウザーに読み込まれたウェブページを表し、 DOM ツリーであるウェブページのコンテンツへの入口としての役割を果たします。 DOM ツリーには <body> や <table> など、多数の要素があります。これはページの URL を取得したり文書で新たな要素を作成するなど、文書全体に関わる機能を提供します。 EventTarget Node Document Document インターフェイスは、あらゆる種類の文書に対して共通のプロパティやメソッドを提供します。また、文書の種類(例: HTML、XML、SVG など)に応じて、より大規模な API を使用できます。コンテンツタイプ "text/html" で提供される HTML 文書では、 HTMLDocument インターフェイスも実装します。一方 XML や SVG 文書では、 XMLDocumen

    Document - Web API | MDN
  • DOM ツリーの構築と更新 - Web API | MDN

    このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 ���ݪ�View in English ���ݪ�Always switch to English この記事では、強力で基的な DOM レベル 1 のメソッドと、それを JavaScript からどのように使用するかを概観します。どのようにして HTML 要素を動的に生成、アクセス、制御、削除するかを学ぶことができます。ここで紹介する DOM メソッドは HTML に限ったものではなく、XML に対しても用いることができます。ここで用意しているデモは、すべての最近のブラウザーで正常に動作します。 メモ: ここで紹介する DOM メソッドは ドキュメントオブジェクトモデル(コア)レベル 1 仕様の一部に過ぎません。DOM レベル 1 には HT

  • JavaScript/DOM|PHP & JavaScript Room

    JavaScriptの基~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。

    JavaScript/DOM|PHP & JavaScript Room
    jsstudy
    jsstudy 2017/03/05
    JavaScriptでは(X)HTML・XML文書をオブジェクトとして扱える。プロパティやメソッドで各要素にアクセスすれば、要素の情報を取得したり、その情報を書き換えることができるので、静的なHTMLを動的に変化させることができる。
  • 「ジェネレーター」と「Symbol.iterator」は何が違うのでしょうか?

    様々なオブジェクトが Iterator を通した反復をサポートすることを考えたとき、どのオブジェクトに対しても同じ方法で Iterator の取得が行えると便利です。そこで ES6 では Symbol を使い、foo[Symbol.iterator]() として Iterator を取得するように決めました。このようにして Iterator を取得できるオブジェクトを Iterable オブジェクトと呼びます。 Iterator は Iterator プロトコルに沿って next() を実装しているオブジェクトで、 配列などで使われる組み込みの Iterator ジェネレーター関数で生成したジェネレーターオブジェクト 自前で next() を実装したオブジェクト などがあります。実装方法は異なりますが、どれも Iterator です。どれを [Symbol.iterator]() で返して

    「ジェネレーター」と「Symbol.iterator」は何が違うのでしょうか?
    jsstudy
    jsstudy 2017/03/05
    オブジェクトが Iterator を通した反復をサポートすることを考えたとき、どのオブジェクトに対しても同じ方法で Iterator の取得が行えると便利。Iterator を簡単に作成できるのがジェネレーター構文です。
  • インターフェース | TypeScript 日本語ハンドブック | js STUDIO

    イントロダクション 初めてのインターフェース 任意のプロパティ 読み込み専用プロパティ 過剰プロパティのチェック Function型 インデックス可能な型 Class型 インターフェースの拡張 ハイブリッド型 インターフェースによるクラスの拡張 イントロダクション TypeScriptの核となる基原則のひとつに、値の型チェックが値が持つ形状に焦点を当てていることがあげられます。 これは、時には"ダックタイピング"または"構造的部分型"と呼ばれます。 TypeScriptでは、インターフェースはこれらの型の名付けの規則を満たし、 また、プロジェクトの外観を構成するだけでなく、コードの構造を定義する強力な方法になります。 初めてのインターフェース インターフェースがどのように動作するのかを、簡単な例で確認してみましょう。 function printLabel(labelledObj: {

    jsstudy
    jsstudy 2017/03/05
    Class型 インターフェースの実装 C#とJavaのような言語での最も一般的なインターフェースの使われ方のひとつに、 クラスが明示的に特定の条件を満たすことを強制させるというものがあり、それはTypeScriptでも可能です。
  • Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex

    2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か? インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD

    jsstudy
    jsstudy 2017/03/05
    JSのOOP 初出:2003/9/3 最終更新:2003/9/6 この文書の目的は「手続き型言語としてのJavaScriptしか知らない人に、オブジェクト指向の基本を理解してもらうこと」で、「W3C DOMを利用できる程度の基礎知識」を目標としています
  • オブジェクト指向プログラム言語としてのJavaScript

    このページでは、JavaScriptのオブジェクト指向言語としての側面を研究します。 JavaScriptは、HTMLの拡張という側面が注目されていますが、 プログラム言語として見た場合にも、興味深い独自の特徴がたくさんあります。 このページでは、これらJavaScriptの言語としての特性、 特にオブジェクト指向言語としてJavaScript を見た場合の特徴について詳しく研究を試みます。 JavaScriptは、ほぼ完全なオブジェクト指向言語です。プログラマによるクラス定義、プロパティ定義、メソッド定義ができます。継承は、言語の基機能としては用意されていませんが、基機能の組み合わせにより実現できます。 メソッドのバインディング(binding)はレイトバインディング(late binding)です。これは、JavaScriptが変数の型のない言語だからです。 JavaScript

    jsstudy
    jsstudy 2017/03/05
    JSのOOP >結論として、JavaScriptは本格的なオブジェクト指向言語が備えているべき機能のほとんどを含んでいます。つまり、JavaScriptは立派なオブジェクト指向言語であるといえます。
  • JavaScript基本概念最速マスター - TechTalkManiacs

    プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基概念 JavaScriptの基となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています

    JavaScript基本概念最速マスター - TechTalkManiacs
    jsstudy
    jsstudy 2017/03/05
    JavaScriptの基本となる概念は次の二つです。1.連鎖指向 2.全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます
  • JavaScript基礎文法最速マスター - gifnksmの雑多なメモ

    続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら:JavaScript概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal

    JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
    jsstudy
    jsstudy 2017/03/05
    JavaScriptのオブジェクト指向について自分は以下のページで学びました  オブジェクト指向プログラム言語としてのJavaScript Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex
  • JavaScript復習2017 - importとuse strictとメソッド定義 -

    [追記] Node.js 14 から警告なしに拡張子 .mjs は export / import できるようになります。 背景Ecma 262 + JScript でユニットテストを書いて から 10 年以上が経ち、途中 Rails 3 + CoffeeScript いいじゃないか、Underscore.js いいじゃないか期を経て現在は ES2015 が標準で当たり前ですよね、な時代になった。 ES2015 自体はなんでもかんでも式になってくれないと CoffeeScript の代わりにはならないよ、return 書くの面倒くさいよという気持ち以外はまぁそんなもんかなという程度の理解だったんだけど、Mithril を試した時 のように無理やり Browserfiy で CoffeeScript を挟んだりせずにそろそろ 素直に ES2015 をフルに使って書きつつ、それ以外に当に必要

    jsstudy
    jsstudy 2017/03/05
    ES2015 Babel は es2015 の preset で Ecmascript 5 に変換する際に自動的に 'use strict' を必ずファイルの先頭に置くので、自動的にすべて strict モードで動作するように変換される。Ecmascript 5 を前提にするなら Babel 使えという話
  • typing game

    jsstudy
    jsstudy 2017/03/05
    JavaScriptで作られたタイピング練習ゲーム
  • 2.2 JavaScriptはどこに書く? 【JavaScript超入門】 - JavaScript勉強会

    JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.2 JavaScriptはどこに書く? HTMLドキュメントに直接JavaScriptを書く方法 <script>にtype属性を含める必要はない HTML5の<script>タグ HTML4以前の<script>タグ JavaScriptファイルを読み込む 外部JavaScriptファイルの読み込み JavaScriptが実行される順序 JavaScriptは外部ファイルに書くのが一般的 ファイルの文字コード形式は「UTF-8」に コメント文 まとめ 2.2 JavaScriptはどこに書く? (p.44) <script>タグとJavaScriptの記述場所 HTMLJavaScriptを直接記述する方法 JavaSc

    2.2 JavaScriptはどこに書く? 【JavaScript超入門】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/03/04
    JavaScriptプログラムは、外部ファイル(sample.js等)に記述して、HTMLファイルに読み込んで実行させる。 HTMLドキュメント内に、<script src="sample.js(=JSファイルへのパス)"></script>と書けばOK
  • 2.1 コンソールにアウトプット 【JavaScript超入門】 - JavaScript勉強会

    JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第2章を読んでみます。 jsstudy.hatenablog.com 2.1 コンソールにアウトプット Chromeのコンソール 3種類のアウトプット console.log() JavaScript構文の名称 行末のセミコロン まとめ 2.1 コンソールにアウトプット (p.32) JavaScriptからテキストなどをアウトプットできる場所の1つに「コンソール」があります。 コンソールはJavaScriptのプログラムがうまく動いているかどうかを確かめるための道具です。 コンソール(console)は、手動でデータを入力したり出力したりできる画面です。 コンソールは、プログラムの動作確認などで使われる便利な機能です。 (参考) JavaScriptプログラミング講座【開発に便利な JavaSc

    2.1 コンソールにアウトプット 【JavaScript超入門】 - JavaScript勉強会
    jsstudy
    jsstudy 2017/02/23
    ブラウザーのコンソール画面で、JavaScriptプログラムの動作確認ができる。
  • 005 JavaScriptのプログラミングと動作の仕組み

    jsstudy
    jsstudy 2017/02/23
    1.3 JavaScriptの「プログラミング」と動作の仕組み 【読書メモ】 - JavaScript勉強会 http://jsstudy.hatenablog.com/entry/2017/02/09/182018
  • 004 HTMLの基礎知識

    jsstudy
    jsstudy 2017/02/23
    HTMLの基礎知識 - JavaScript勉強会 http://jsstudy.hatenablog.com/entry/2017/02/09/170328
  • 003 JavaScriptってどういうもの?

    jsstudy
    jsstudy 2017/02/23
    1.2 JavaScriptってどういうもの? 【読書メモ】 - JavaScript勉強会 http://jsstudy.hatenablog.com/entry/2017/02/08/222302
  • 002 これからJavaScriptを始める皆さんへ

    jsstudy
    jsstudy 2017/02/23
    1.1 これからJavaScriptを始める皆さんへ 【読書メモ】 - JavaScript勉強会 http://jsstudy.hatenablog.com/entry/2017/02/08/212416
  • 001 JavaScript学習の準備

    jsstudy
    jsstudy 2017/02/23
    JavaScript学習 準備編 - JavaScript勉強会 http://jsstudy.hatenablog.com/entry/2017/02/08/193404