一番しっくりきたハンバーガーメニューサンプル（Jquery）

ハンバーガーメニューはCSSだけで、プラグインでなどなど色々紹介されてますね 好みとしては、なんだかんだシンプルな記述でスムーズな動きをしてくれるJqueryのslideToggle()がやっぱりいいですね コードが簡潔に済むので気楽にメニューをサイトに導入できるのが...

要素のclass名を取得・追加・変更・削除するサンプル

動的なコンテンツを作る際は既に存在する要素にclass名を追加したり削除したい事が結構ありますね 要素のclass名を取得する javaScript javaScriptではclassNameを使ってclass名を取得します let target = document...

function関数に引数を付与して実行するサンプル

function関数に引数を付与するのは、受けてのfunction名()内に受け取った値を入れる変数、呼び出す方でfunction名()内におくる値を記述する 文字列・数値・変数を引数にする JavaScript function sampleFnc(data){ ...

フェードアウトからフェードインを繋げて実行するサンプル

フェードアウトからフェードインを繋げて実行する方法はいくつかあると思いますが、JQueryであればdelay()をかませると楽ちん 【jQuery】animate()でフェードアウトとフェードインを繋げて動作させる方法 | ONE NOTE html <im...

PHPにGET、POSTでアクセスするサンプル

JQuery GETでPHPファイルにアクセスする $.get("sample.php"); GETでデータを付けてPHPファイルにアクセス $.get("sample.php",{key: "val", key...

OneSignalでWEBサイトにPush通知を実装するサンプル（API編）

前記事： OneSignalでWEBサイトにPush通知を実装するサンプル(SDK編) 前記事にて導入からSDKの事まで書きましたが、続けてAPIを使っての送信処理の事などを書いていきます One Sig nal https://onesignal.com/ コ...

OneSignalでWEBサイトにPush通知を実装するサンプル（SDK編）

先日Push7のAPIを試したばかりですが、5000送信の上限とユーザーの現状はグループ別け・送信振り分けが出来ない難点から、他も調べたところOne Signalが良さそうだったのでお試し導入してみます One Signal https://onesignal.com/...

新しい記事のはてブ数を取得表示する「はてブ！カウンテラ」更新

WEBツールラボ という作ったツール置き場に「はてブ！カウンテラ」ってのを設置しました はてブ！カウンテラhttps://repop.jp/tools/hatebu/ フォームにURL、またはRSS10、2.0、atomフィードを入力すれば新しい記事から20件までの「は...

Service WorkerをWEBサイトに最小構成で導入してみたサンプル

・WEB push通知 ・バックグラウンド処理 ・オフライン動作 ・PWA（Progressive Web Apps）化 などなど、その初めの一歩としてService Workerを最小構成で導入してみた 全て同じディレクトリに配置 ├ index.h...

javaScript・Jqueryで動的にフォームの値を取得するサンプル

書き込まれたフォームの値を取得する処理 HTML <form name='testForm'> <input id='textData' name=' textData ' type='...

Push7のAPIを利用してPush通知を送信してみるサンプル

前記事： WEBサイトにPush7を簡単に使ってみる Push7でのpush通知送信はコントロ－ルパネルからの送信、RSS更新による送信、APIを介した送信とあります ブログの更新情報であれば、RSSクローラーの巡回ペースは30分との事なのでRSSを設定した方が楽です...

WEBサイトにPush7を簡単に使ってみる

Push7は現状WEB Pushを導入する際にネックとなっているios端末に限っては通知用ネイティブアプリで克服しているWEB Push配信サービスですね 関連→ Push7のAPIを利用してPush通知を送信してみるサンプル https://push7.jp/ ...

breakでforや forEach文等の処理を抜けるサンプル

breakでfor文やforEach文等の処理を途中抜けします var testData = ["javascript","Jquery","PHP","HTML5","CSS3&q...

「Atom」からさくらサーバーにFTP接続してみた

「Atom」、日本語メニュー化とプレビュー表示 関連記事： 「Atom」で日本語メニュー化とプレビュー表示 関連記事： 【ATOM】FTPパッケージ、remote-FTPがアップデートしてた 利用するパッケージは「Remote-FTP」 「Remote-F...

比較して大きいまたは小さい方の値を取得するサンプル

Math.max()では数値を比較して大きいまたは小さい方の値を取得でき、Math.min()比較して大きいまたは小さい方の値が取得可能 aとbを比較する Math.max(a,b) Math.min(a,b) var a = 50;var b = 100; var m...

isFinite()で数値かどうかを調べるサンプル

isFinite()は数値の場合はtrue、数値でない場合はfalseを返します isFinite(対象) See the Pen isFinite()で数値かどうかを調べる by yochans ( @yochans ) on CodePen . 値がture(1)...

forEach()で配列のループ処理サンプル

forEach文で配列の要素をループ処理する コールバック引数の順序は決まっていて、value（要素の値）index（数値インデックス）array1（要素を格納している配列オブジェクト）となっている var testData = ["javascript&quo...

Function関数が期待する引数の数を取得するサンプル

Function.lengthでFunction関数が期待する引数の数を取得します var testfunc1 = function(){ } var testfunc2 = function(a,b){ } var testfunc3 = function(a,b,c){ ...

trim()で文字列の先頭と末尾の空白文字を除去するサンプル

trim()は文字列の先頭と末尾の空白文字を除去します 削除される文字には、空白、タブ、フォーム フィード、キャリッジ リターン、ライン フィードとの事 trim()テスト See the Pen trim()で文字列の先頭と末尾の空白文字を除去 by yochans...

link()で文字列からリンクタグを生成するサンプル

string.linkで文字列をアンカーテキストにしてリンクタグを生成する var ancorText = 'リンク文字'; document.write(ancorText.link('http://jslob.repop.jp/')); ...