[Laravel 5.6] Laravel 開発で Javascript を書きたいとき（Laravel Mix の使い方とか） - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
![[Laravel 5.6] Laravel 開発で Javascript を書きたいとき（Laravel Mix の使い方とか） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ce80175e00509749da76d006703600f6090db08/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTGFyYXZlbCUyMDUuNiU1RCUyMExhcmF2ZWwlMjAlRTklOTYlOEIlRTclOTklQkElRTMlODElQTclMjBKYXZhc2NyaXB0JTIwJUUzJTgyJTkyJUU2JTlCJUI4JUUzJTgxJThEJUUzJTgxJTlGJUUzJTgxJTg0JUUzJTgxJUE4JUUzJTgxJThEJUVGJUJDJTg4TGFyYXZlbCUyME1peCUyMCVFMyU4MSVBRSVFNCVCRCVCRiVFMyU4MSU4NCVFNiU5NiVCOSVFMyU4MSVBOCVFMyU4MSU4QiVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDIyNDRiYjk3Mzc3ZThhNDg3YjFjOTk5MDBlYzA0NjE%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB1LWRhaSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjQ4NjA1MmIyNGI5MmVlNTE0NzA0MWExMmE1NzJhZWQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Kv44Oq44O844Oe%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D7712c4c1fd1fdd8e66640edfae479ae2)
正規表現を用いて JavaScript で数値チェックを行う方法
JavaScript の数値チェックに isNaN 関数を利用する人がいますが、あまりオススメできない方法です。むしろ正しい仕様を理解していないのであれば、バグの温床になる危険な関数です。 isNaN を勧めない理由は次のページに詳しくまとめているので、参考にしてください。
Number.isInteger() - JavaScript | MDN
引数 value 整数かどうかを判定される値です。 返値 論理値で、渡された値が整数であれば true です。それ以外の場合は false です。 解説 指定された値が整数の場合は true を返し、そうでない場合は false を返します。NaN もしくは Infinity の場合も false を返します。このメソッドは整数として表すことができる浮動小数点数も true を返します。値が数値でない場合は常に false を返します。 数値リテラルの中には、ECMAScript の浮動小数点数エンコーディング (IEEE-754) の精度制限により、整数でないように見えても実は整数を表しているものがあることに注意してください。例えば、5.0000000000000001 は 5 と 1e-16 だけ異なりますが、これは小さすぎて表しきれません。（参考までに、Number.EPSILON
GoogleエンジニアFlorian Rival氏制作の無料ゲームアプリ制作ツール「GDevelop」日本語に対応 |EdTech Media
株式会社マイティークラフトは、12月16日、英国Googleのエンジニアである制作者フロリアン氏と協力し、無料のゲームアプリ制作ツール「GDevelop」の日本でのサポートと普及活動を開始したことを発表した。 GDevelop本体や公式サイト、マニュアル等の日本語化や、日本語フォーラムでのサポートに対応する。また、日本でGDevelopを広めるための普及を担い、活動していく。 「GDevelop」とは GDevelopは、英国Google社のソフトウェアエンジニアであるフロリアン（Florian Rival）氏が中心になり制作している、ゲームアプリ制作ツール。 プログラム知識がない人でも簡単にゲームアプリを制作することができる。 キャラクタスプライト機能や物理エンジンやキャラクタをはじめとして、2Dのゲームを簡単に制作する機能を含んでいる。 オンライン（WEBブラウザ）版とWindows/
昨今のJavaScriptをレビューしたら全くわからなかった話 - aoma blog
この記事は https://aoma23.com/js_review/ に移転しました。 要点メモ: はじめに 最近JavaScriptのプルリクが来たので「よーしやったるでー」って感じでレビューしたんですが、まったく理解できずレビューになりませんでした。 その時疑問に思ったことをメモします。 。 ▶︎ 続きを読む
JavaScriptでラジオボタンの値をセットする方法
2017/07/30 ラジオボタンを選択状態にするにはcheckedプロパティにtrueを、選択状態を外すにはfalseを代入します。 サンプルコード単一1つの要素を指定する場合です。 <input id="target" type="radio">// 要素を取得 var element = document.getElementById( "target" ) ; // 選択状態にする element.checked = true ; // 選択状態を外す element.checked = false ;グループラジオボタンのグループのどれが選択状態かを確認する方法です。 form要素内form要素内のラジオボタンのグループだったら、form要素を起点として要素を取得すると何かと手軽です。一般的なブラウザならRadioNodeList、Ie、EdgeならHTMLCollectionと
[JavaScript] 特定のキー入力をさせない – コピペで使える JavaScript逆引きリファレンス
JavaScriptで特定のキー入力をさせなくするサンプルです。 サンプルソース 例）Bキーの入力を無効にする <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <script> window.onload=function(){ document.getElementById("txt1").addEventListener('keydown',function(){ //"b"（keyCode=66）が押された場合は入力を無効にする if(event.keyCode == 66){ event.preventDefault(); } }); } </script> </head> <input type="text" id="txt1"> </body> </html>
JavaScriptのクリックイベントを発火させる方法 - ゆうなんとかさんの雑記帳的な。
最近噂のCookieClickerというゲームがあります。 Cookie Clicker ゲーム内容はクッキーをクリックしたりクッキーを消費して様々なユニットやアップグレードアイテムを購入したりして、ひたすらクッキーを生産し続けるというゲームなのかもはやよくわからないゲームです。 ここ数日急用があったので放置気味でしたが、今のところ始めて3日で、1秒間につき地球上のすべての人にあまねく10枚ずつ以上クッキーを渡せる程度の生産量になりました。通な言い方をすれば約82GCpS*1です。やりこんでいる人は数PCpSを軽く超える生産量だそうです。桁の吹っ飛び具合が人気の秘訣なのでしょうか。 でこのゲーム、実はHTML5でできてるんですよね。しかも、「自動クリック程度はチートじゃないからやってもいいらしい*2」とのこと。ということなので、プログラマーの端くれとしては自動クリックくらいはやってみたいも
EventTarget: addEventListener() メソッド - Web API | MDN
メモ: addEventListener() メソッドは、イベントリスナーを登録するための推奨される方法です。以下のような長所があります。 1 つのイベントに対して複数のハンドラーを追加することができます。これは、ライブラリーや JavaScript モジュール、あるいは他のライブラリーや拡張機能とうまく動作させる必要があるその他の種類のコードで特に有効です。 onXYZ プロパティを使用するのとは対照的に、リスナーが起動されるときのフェーズ（キャプチャとバブリング）をより細かく制御できます。 HTML や SVG の要素だけでなく、あらゆるイベントターゲットで動作します。
キーボードの入力(KeyDown)を受け取る | iPentec
JavaScriptでキーボードの入力を受け取るコードを紹介します。 概要 JavaScriptでキーボードの入力を受け取る場合は、document.onkeydownイベントにキーが押された際に実行される関数を設定します。 プログラム例 コード 以下のHTMLファイルを作成します。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> document.onkeydown = keydown; function keydown(event) { target = document
基本的な動作方法
赤字：JavaScriptの命令や重要なタグ／青字：用途に応じて変更する部分／緑字：変更可能な変数名やユーザー関数名 前のページ 読み込み時に動作 <script>タグ内にJavaScriptの命令を書き込むことで、ページの読み込みと同時に実行されます。 <script type="text/javascript"> <!-- （ここにスクリプトを記述） //--> </script> 使用例 <script type="text/javascript"> <!-- document.getElementById("text").innerHTML = "ようこそ私のページへ"; //--> </script> リンクをクリック（直接記述） <a>タグ内にスクリプトを直接記述します。 hrefには通常URLを記述しますが、「javascript:」から記述を始めることでJavaScript
連想配列の中から、特定要素の値を取り出してフラットなリストを作る - Qiita
var data = [ { name:"shimizu", address:"takasaki", img1:"shimzu.jpg", img2:"takasaki.jpg" }, { name:"hoge", address:"maebashi", img1:"hoge.jpg", img2:"maebashi.jpg" }, { name:"test", address:"kiryu", img1:"test.jpg", img2:"kiryu.jpg" }, { name:"bob", address:"fujioka", img1:"bob.jpg", img2:"fujioka.jpg" }, { name:"tanaka", address:"ota", img1:"tanaka.jpg", img2:"ota.jpg" }, ]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptの「型」の判定について - Qiita
JavaScriptのnew（インスタンス生成）は何をしているのか？について調べてみた - Qiita
数値をカンマ区切りにする - Qiita
ページのタイトルを変更する titleタグ - [サンプルコード /JavaScript] ぺんたん info
addEventListener type一覧と各ブラウザ対応 - Qiita
getElementByNameにやられた・・・ | Laddy in
【JavaScript】記述方法別の実行タイミングについて - Qiita
Quasar Framework - Build high-performance VueJS user interfaces in record time
