取り急ぎメモ用として。JavaScriptむずい。書けるようになりたい。...JavaScriptを勉強したいときに見るサイト2018-11-15【タスクランナー】もうキャッシュのせいなんて言わせない。node.js前回の記事でタスクランナーのススメを書いたが、少しアップデートしたので紹介する。理由はPUGの書き方を習得するのが面倒だし、...【タスクランナー】もうキャッシュのせいなんて言わせない。JavaScript言葉だと全く伝わらないと思うが、要するにこういうことがしたい。Node.jsWeb制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。説明すると下記3つを使う。JSで作成して自動化させる。CSSタイトルがわけわからんと思うが、想定しているのはよくあるフォームの最後にある同意ボタン。ただの同意ボタンならlabel内にinputタグ書けば文字まで全部クリッカブルになるのでそれでおしまい。Reactはじめに、この記事はCodezineを見ながら手を動かして、一部自分のメモなどもしたかったので加筆修正したものなのでリンクしてきます。(1/3):CodeZine(コードジン)古い記事だと記法や手順が違ったりして面倒なこと...【JS】今更ながらReact.js入門として触ってみた2018-03-30【JS】共通ヘッダー、フッターをjQueryを利用して簡単に実装するJavaScriptPHP、SSIなどが使えない、もしくはデータ納品だから先方で使えるかわからない場合に使える。url:"/inc/header.ht...【JS】共通ヘッダー、フッターをjQueryを利用して簡単に実装する2018-03-27【JSライブラリ・bxSlider】videoタグが自動再生されないとき確認することJavaScriptスライドの中でVideoタグを自動で再生させたいことがあった。そのままでは動かないらしい。優れたプログラムのための機能について理解する。理解し、最終的にはリアルタイムバリデーションを実装するところまで本記事にてまとめた。基本をちゃんと理解していないからだと思うのでここはすっとメモしてまたChapter1から整理してみます。テンプレートとデータを合体させて文字列を作る仕組みのこと。配列を扱う上で役立つライブラリ。JavaScriptは多言語に比べて配列操作に弱いので補完してくれる。プロトタイプ汚染もなく、map,filter,invoke,bindAllなど便利な関数が100以上用意されている。JavaScript/ブレイクスルーJavaScript本1〜2は前に読んだので省略。3はCanvasだからすぐには使わない。いうことでChapter4からスタートです。ソート及びフィルタ機能をつけてHTMLに表示するサンプルプログラムを作ること。それを押させるんじゃなくてJavaScriptで押させるということがしたい。JavaScript/本格入門本ここからはブラウザ環境以外では利用できないため注意。他言語と違ってインスタンスの概念はあるものの、クラスがなくてプロトタイプという雛形の概念だけがある。言葉の意味としては別のもの。Chapter2〜2018-02-19【JS】jQueryを使って簡単にLoading画面をつくるJavaScript要所のみ。JSでimgタグの数を拾ってきて、一つずつ読み込む。読み込んだらそれをProgressBarのWidthとして吐き出していく。ProgressBarのCSSは適当に色をつけておけば、画像をすべて読み込み終わった時点でLoadingが消える。面倒な作業不要で...【JS】いつか使えそうなJavaScriptライブラリのメモ(随時更新予定)2017-11-29【JSライブラリ】bxsliderでサムネイル連動して前後スライドが見えて、現在スライドだけ色を変えるJavaScript今更ながら便利なbxsliderのこと。使ってきたが、割と簡単且つ有用且つ良く使うんじゃなかろうかと思うのでメモ。□メインスライド(前後微妙に見えてる。今いる位置以外のはグレ...【JSライブラリ】bxsliderでサムネイル連動して前後スライドが見えて、現在スライドだけ色を変える2017-10-26【JS】Audio要素をスマホでも上手く再生する方法JavaScriptやりたい事は、ボタンを押したら初めて音楽流れ始めてループ再生させるだけ。PCではうまくいくがスマホだとほとんどダメだった。下記だと上手くいった。時間無いので下記コピペ。動きではない場合とかでも使える。上手く表示される場合とそうでない場合がある。$('#mamaGroup').c...【JS】アニメーション以外でも順番に処理する方法2017-10-19【JS】ローカル時刻によってリダイレクトさせる(リファラ―付)JavaScript何かいろいろとやり方はあるだろうけど、こんな感じにかけばGAとかの解析でもリファラ―拾ってくれるみたいなのでこれでいいんじゃなかろうか。詳細はググってください。結論、下記の●●を変えるだけ。個人用お役立ちソース的に分かるかと。CSS省略するけど、body初期値をopacity:0にしておくくらい。これがないとブラウザにしっかりとhtml5であるということをお知らせ出来ないので変な挙動になるらしい。functionが上手く動作しないときに確認すること2017-05-08【JS】はじめてのcanvas入門JavaScriptとりあえず長方形を描くのはこんなん。サンプルコードコンストラクタ関数、プロトタイプの考え方で書いたやつ。HTMLではリンクにdata属性で番号を付与、画像を押して拡大した画像が次へボタンとかでちゃんと移動できる。ウィンドウのロード、リサイズ時も対応済み。静的なHTMLにのみ対応してる。------->【JS】クリックしたら対象のhtmlタグをそのまま拾ってくるやり方2017-04-23【JS】インスタンスの継承-プロトタイプチェーン-JavaScriptコードを見れば理解できるかと。要は継承できるってこと。わからん人は前の記事を先に参照して。document.writeln...【JS】インスタンスの継承-プロトタイプチェーン-次のページプロフィールid:hiromode某PR会社勤務。2015年からフロントエンド従事。自分でサービスを作り流行らせるのが目標。主なスキルはHTML,CSS,JavaScript(Vue.js、jQuery),インフラ(AWS、VPS)、CakePHP、Gitなど。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。