紙のノートとタブレット、暗記学習に向いているのはどっち？ 実験で明らかに | Business Insider Japan
一方で、紙のノートには「目が疲れにくい」「書き込みやすい」といったメリットがあるのも事実だ。 果たして、暗記学習において、どちらが向いているのだろうか？ 紙のノートとタブレット、記憶への効果が高いのは？左上：脈波・皮膚コンダクタンス測定機、左下：呼吸測定機 ／右：タブレットで筆記効果の実験をする様子コクヨその疑問に対する、興味深い結果が明らかになった。 文具でお馴染みのコクヨが、立命館大学産業社会学部・岡本尚子准教授と共同で実施した「紙のノートとデジタル端末であるタブレットの筆記における記憶効果の比較実験」によると、タブレットに比べてノートのほうが、記憶への高い効果が得られたという。 実験は大学生を対象とし、タブレットと紙のノートそれぞれを使用して手書きでメモを取り、そのメモをもとに暗記学習をした上で暗記テストを受けるという方法で行われた。 また、2.5か月後に復習を行い、再度暗記テストを
Document: querySelector() method - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn more See full compatibility Report feedback The Document method querySelector() returns the first Element within the document that matches the specified CSS selector, or group of CSS selectors. If no matches are found, null is returned. The matching is don
【JavaScript】要素を追加するinsertBeforeとappendChildについて - TASK NOTES
要素を DOM に追加する insertBefore と appendChild の使い方です。 insertBeforeで要素の前に挿入する insertBeforeは指定した要素を現在の要素の子要素として対象要素の前に挿入します。文字だけ見ると要素がいっぱいでてきて混乱してしまいますね。 基本構文は以下の通りです。 var insertedElement = parentElement.insertBefore(newElement, referenceElement) parentElement : 挿入したい位置の親要素 newElement : 挿入したい要素 ( 戻り値 insertedElement も同じ ) referenceElement : この要素の前に newElement が挿入される 例えば以下のような DOM が存在した場合、 <div id="articl
JavaScriptで学ぶラムダ式入門【初心者向けにわかりやすく解説】
ここ1年、仕事で何人かの新人さんのメンターを担当する機会がありました。皆さん研修で基本的なJavaScriptの文法は学んでいたようなのですが、現場でラムダ式に遭遇して「えっ、なんだこの書き方」と困惑する姿をよく見ます。 この記事ではそんな新人さんたちと同じく、() => console.logのような記法と初めて出会って困惑している方のために書いています。今回はJavaScriptを使ってラムダ式について解説しますが、同じ考え方が他の言語でも応用できます。
JavaScriptでマッチ文字列全置換はどうするのがいい？ - あらびき日記
この記事は abicky.net の JavaScriptでマッチ文字列全置換はどうするのがいい？ に移行しました
JavaScriptの配列の要素を削除する(delete演算子とspliceメソッド)
delete演算子を使うと、削除した要素の値が「undefined」になる。 要素の数は変わらない。 numbers = ['zero','one','two','three']; delete numbers[2]; //3番目の要素を削除 //numbersは['zero','one',undefined,'three']; delete演算子で削除すると、配列に穴が開いてしまう。 この動作が期待した動作ではないことが多い。 要素を削除したら、インデックスを詰めてほしいはずだ。 spliceメソッドを使うと、削除した要素のインデックスを詰める。 要素の数は減少する。 numbers = ['zero','one','two','three']; numbers.splice(2, 1); //3番目の要素を削除 //numbersは['zero','one','three']; spl
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
JavaScriptでMarkdown記法をHTMLに変換
Markdown記法で書いたテキストをHTMLに変換するのに、専用のエディタやウェブサイトを使っています。 もっと簡単に変換するため、JavaScriptで変換する方法を探してみました。 最初は自分でコードを書いてみたのですが、一部については対応できても、記法の全てをカバーするのは難しいです。 「markdown2html」みたいな関数はないものか。 coreyti/showdown · GitHub ページの「ZIP」をダウンロードします。 解凍すると中に「showdown.js」があります。これを使います。 次のように書きます。 <script type="text/javascript" src="showdown.js"></script> <script> var text = "#見出し\n- リスト\n- リスト"; var converter = new Showdown.
Javascript製Markdown記法パーサー、markdown-js - にのせき日記
Githubなどでお馴染みのMarkdown。 Markdown記法パーサーをJavascriptで実装しようとする試みはいくつかあるけれど、markdown-jsは自分が知る中では一番良く出来ている。 ソースを見てもらえればわかると思うけど、Showdownやこれから派生したGFM previewはあまりにも処理を追いにくい。よって拡張しにくい。 その点、markdonw-jsは入力に対してのどのような出力がでるのか処理を追いやすいし、拡張性にも優れている。なかなか良い感じだ。 使い方も単純。 var input = "# input\n hoge \nhoge"; console.log(window.markdown.toHTML( input ); /* 出力 */ // <h1>input</h1> // // <p>hoge<br>hoge</p></div>
DOMを高速に操作するための skin.js というライブラリを作った - mizchi log
(タイトル修正 DOMを高速に操作 => DOMの値を高速に更新 at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#inject実装したのでタイトル元に戻した at Mar 09 2013 18:10:04 GMT+0900 (JST)) 若手の会で、JavaScript Hell on Earth というテーマで話してきました。 js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth というわけでDOM抽象ラッパーつくりました。 mizchi/skin.js · GitHub https://github.com/mizchi/skin.js 目的 クライアントサイドJSでは一回書いたら終わり、ではありません。ゲームなどのリッチなユーザー体験を提供する際、高頻度でDOMを書き換
BootstrapベースのWebアプリケーションウィザード·Bootstrap Application Wizard MOONGIFT
Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。 Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。 フローティングでウィザードが表示されます。 次へを押して順番に進めていきます。 左下のステータスバーが徐々に進んでいます。 完了しました！ Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。
メンテナブルJavaScript
目次 はじめに 第I部 スタイルガイドライン 1章 基本フォーマット 1.1 インデントのレベル 1.2 文の終端 1.3 1行の長さ 1.4 改行 1.5 空行 1.6 命名 1.6.1 変数と関数 1.6.2 定数 1.6.3 コンストラクタ 1.7 リテラル値 1.7.1 文字列 1.7.2 数値 1.7.3 null 1.7.4 undefined 1.7.5 オブジェクトリテラル 1.7.6 配列リテラル 2章 コメント 2.1 1行コメント 2.2 複数行コメント 2.3 コメントを使う 2.3.1 難解なコードにコメントを付ける 2.3.2 エラーになりそうな箇所にコメントする 2.3.3 ブラウザ特有のハック 2.4 ドキュメントコメント 3章 文と式 3.1 波括弧を揃える 3.2 ブロック文での空白 3.3 switch文 3.3.1 インデント 3.3.2 caseか
や...やっと理解できた！JavaScriptのプロトタイプチェーン - maeharinの日記
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人（または初級者）のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ（見た目の部分）はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CoffeeScriptを使う理由 - Qiita
JavaScriptの落とし穴
モテる JavaScript
GitHub - showdownjs/showdown: A bidirectional Markdown to HTML to Markdown converter written in Javascript
