いまからはじめるReact - Qiita
この資料は 11/16(土)開催の勉強会 いまからはじめるReact の資料になります。 React未経験者/初学者向けに チュートリアルを通してReact(およびHooks)について学ぶためのものです。 そのため、サンプルコードには例外処理などが不十分な箇所があります。ご注意ください。 Reactとは？ Reactとは Facebookが中心となってオープンソースで開発されている ユーザーインターフェースを構築するためのJavaScriptライブラリです。 (2019/10/30現在、v16.10.2 が公開されています) React – ユーザインターフェース構築のための JavaScript ライブラリ https://ja.reactjs.org/ コンポーネント(部品)を作成し、これらを組み合わせることでSingle Page Applicationのような複雑なユーザーインター
基礎第一回 — JavaScript初級者から中級者になろう — uhyohyo.net
基礎第一回このページの最終更新日：2019年7月4日 JavaScriptの書き方基礎のページでは、JavaScriptを1から解説します。JavaScriptはもともとインターネットブラウザ上で動くプログラミング言語として誕生しました。ここでは、それに倣ってブラウザ上、つまりウェブページの上でJavaScriptを動かしてみましょう。 ブラウザが表示するウェブページというのは、HTMLにより記述されています。この講座ではHTMLの解説はしません。HTMLが分からないという人は、軽くでいいのでどこかのウェブサイトで勉強しておくとよいでしょう。 さて、ウェブページ上でJavaScriptを動かすには、scriptという要素を使います。 <!doctype html> <html> <head> <title>test</title> </head> <body> <script type="
JavaScript - Wikibooks
Hello, World! 本書は、JavaScriptの解説書です。JavaScriptは、ウェブページやウェブアプリケーションで広く使われているスクリプト言語であり、最も広く普及しているプログラミング言語の一つです。また、Node.jsなどのランタイム環境を使うことで、サーバーサイドでもJavaScriptを実行することができます。 本書では、初めてプログラミングをする人から、他の言語で経験を積んだ人まで、広く対象としています。基本的なJavaScriptの書き方を解説することで、読者がより深く理解できるように配慮しました。 JavaScriptは、初心者が学ぶのに最適なプログラミング言語であり、ブラウザだけで簡単にプログラムを作ることができます。言語のコア部分は、国際標準化団体であるEcmaインターナショナルによってECMAScriptとして標準化され、仕様が明確になっています。No
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始
jQuery 2.0.1とjQuery 1.10.0が同時リリース。jQueryの2バージョン並行リリースが開始 jQueryは、モダンブラウザに最適化し、Internet Explorer 6/7/8のサポートを廃止したjQuery 2.x系と、過去のブラウザも幅広くサポートするjQuery 1.x系の2つのバージョンがあります。基本的には機能はどちらのバージョンも同じで、互換性があります。 この2バージョン体制になったのは、4月にjQuery 2.0の正式版がリリースされたときからです。今後jQuery 2.0にはjQuery 1.10が、jQuery 2.1にはjQuery 1.11が相互に対応するバージョンとしてペアでリリースされることが発表されていました。 そして5月24日付けで、初めてjQuery 2.x系とjQuery 1.x系の並行リリースが行われました。jQuery 2.
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
oppai.js - jsdo.it - Share JavaScript, HTML5 and CSS
おっぱいをぷるんぷるんさせるJavascript samples http://jsrun.it/damele0n/h8BW http://jsrun.it/damele0n/utia http://jsrun.it/damele0n/pVrX サンプルはSmartphoneでのご確認をオススメします Androidではdevicemotionイベントがサポートされていないため、一部機能が対応していません(端末揺らしても揺れません) 現在の検証端末は iPhone5 @iOS6.0.1 iPhone4 @iOS5.1.1 iPad(1st) @iOS5.1.1(重力加速値が正しく取得できないため、エラーが出ます) GalaxyNexus @Android4.1(端末揺らしても揺れません) Nintendo 3DSLL(揺らしても揺れませんがタッチするとガクガクしながら動きました) での動作
parseInt関数(文字列を整数に変換する)
JavaScript のグローバル関数のひとつである parseInt は文字列を整数に変換した値を返します。対象の値が文字列でない場合は文字列に変換したあとで整数に変換されます。ここでは parseInt 関数の使い方について解説します。 ※ Number オブジェクトにグローバル関数の parseInt 関数と同じ動作をする Number.parseInt メソッドが用意されています。 Number.parseInt メソッドについては「文字列を整数に変換する(Number.parseInt)」を参照されてください。
JavaScript 改行コードをBRタグに変換する | HAPPY*TRAP
JavaScriptで文字列中の改行をBRタグにする方法です。 正規表現を使います。 ※変数strに改行コードを含む文字列が格納されているものとします。
jQuery で radio ボタンの取得、設定 - xykの日記
HTML: <input id="male" type="radio" name="sex" value="0"><label>男性</label> <input id="female" type="radio" name="sex" value="1"><label>女性</label> ■ チェックされたradioボタンのvalue値の取得する jQuery の独自cssセレクタ(:checked)を使って取れる // 男性にチェックが入っている場合 var result1 = $('input[name="sex"]:checked').val(); // 0 // or var result2 = $('input[name="sex"]').filter(':checked').val(); // 0 ■ radioボタンにチェックが入っているか、いないか真偽値を取得する //
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
JavaScriptの関数とメソッド
はじめに JavaScriptはオブジェクト指向言語です。しかし利便性のために、C言語などと同じようにグローバルな関数を定義し、構造化的な手法でプログラミングすることも可能です。 この記事では、JavaScriptにおける関数の基本的な性質を見ていくと共に、関数の正体、および関数の使用方法について解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて理解をしている人を対象としています。 この記事は、
Javascript 別ウィンドウ
フレームページで別のページを操作するJavaScriptです。 今回は、別のページの背景色を操作してみたいと思います。 サンプルページはこちらです。 このページのHTML、Javascriptの書き方は以下のようになります。 (1)フレーム画面の大元のHTML <HTML> <FRAMESET ROWS="89,*" FRAMESPACING="0"> <FRAME SRC="another_sample1_top.html" NAME="fr1"> <FRAME SRC="another_sample1_under.html" NAME="fr2"> </FRAMESET> </html> これは単純な親フレームのHTMLの記述ですが、注意点は太字になっている「NAME」部分です。このNAMEの値を利用することになります。 (2)フレーム画面の上部分のHTML・JavaScri
ボタン表示非表示の切替 | JavaScript | 株式会社CONFRAGE
ボタンを表示したり非表示にしたりするには、以下を使用します。 document.getElementById("").style.visibility = "visible"; document.getElementById("").style.visibility = "hidden"; 指定できるのは"visible"、"hidden"、"collapse"のいずれかです。 ボタンにcollapseを指定するとhiddenと同じのようです。 以下、ソースです。 <html> <head> <title></title> </head> <body> <input type="button" value="消すボタン(hidden)" id="1" onclick="a()"> <input type="button" value="消えるボタン" id="2" > <input typ
イベントハンドラ
イベントハンドラはタグの属性部分に指定します。例えば、ボタンをクリックした時に JavaScript を実行する場合は以下のようにします。ブラウザの種類やバージョンによって、各タグで使用可能なイベントハンドラは異なります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.comico.jp/challenge/articleList.nhn?titleNo=14519
GitHub - camsong/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
JavaScriptの落とし穴
How to change lowercase chars to uppercase using the 'keyup' event?
javascriptで簡単に数値かどうか確認（Numeric）
HTMLイベント onchange()とonblur()の呼ばれる順番 IT技術Labo - HouseTect