スムーズなページ内ジャンプの実装サンプル

aタグのリンク属性による移動ではなくてjavaScript、Jqueryで実装するとスムーズなページ内移動が可能ですね スムーズなページ内ジャンプの実装サンプル See the Pen Javascriptでページ内ジャンプを実装する by yochans ( @...

英字の大文字を小文字に、小文字を大文字にするサンプル

英単語でLowercaseは小文字、Uppercaseは大文字ですか 勉強になります See the Pen 英字の大文字を小文字に、小文字を大文字にするサンプル by yochans ( @yochans ) on CodePen .

ランダムな文字列を生成するサンプルコード

アルファベットと数字からランダムな文字列を生成するサンプルコード ランダムな文字列を生成するサンプルコード(文字の重複あり) See the Pen ランダムな文字列を生成するサンプル by yochans ( @yochans ) on CodePen . 乱数を生...

localStorageにユーザーIDを保存するサンプル

前回の記事、 localStorageを使ってユーザー設定を保存するサンプル と同じ様な内容ですがコンテンツ側でユーザーを判別するのにユーザーIDをlocalStorageに保存する簡単なサンプルです 個人作成のWEBゲームや知られていないコンテンツなどなど 最初からアカ...

localStorageを使ってユーザー設定を保存するサンプル

表示設定やニックネームぐらいのユーザーデータならlocalStorageを使ってそのまま保存するのも良いですよね サンプル用なのだからlocalStorageではなくsessionStorageで書けばStorage削除の部分とか無くても良かったな思いましたが、、 参考...

ON/OFFボタンの画像切り替え処理サンプル

オンオフボタンの実装はチェックボックスとCSSで全部やれちゃう事ではありますが、何気に大変 画像を用意できるならJavascriptでやっちゃうのもいいですよね ON/OFFボタンの画像切り替えサンプル サンプルはJqueryを使って書いてますが、「document...

JqueryのslideToggle()で作った簡単なスライドパネルのサンプル

JqueryのslideToggle()で簡単なスライドパネルのサンプルコードを作っておきます slideToggle()の引数パラメータはfast、normal、slowの3種類 サンプルでは早さ確認の為に3種それぞれのパラメータを渡すボタン、スクリプトを設置していま...

テキストエディタ「Atom」、日本語メニュー化とプレビュー表示

Githubで有名なGithub社の無料テキストエディタ「Atom」 使い勝手や機能面、インターフェースと触ってみると人気なのがわかりますよね https://atom.io/ 本体のインストールは簡単ですので説明は省きます 最初は開始画面に色々出てきて困惑するか...

Bloggerにアドセンス広告を入れてエラーが出た時の対処法

googleアドセンスの広告コードをそのままBloggerのHTML編集に貼り付けるとエラーが出ます 広告コード内のasync記述を受け付けないのが理由です スクリプトの記述エラーではなく、あくまで更新時にBloggerが記述ミスと判断して更新出来なくなっているだけですね...

ゲームのプレイ時間とかを表示するサンプル

ゲームのプレイ時間を表示する簡単なサンプルです 10分の1秒でsetTimeout()を繰り返し実行し、変数timmerを+1して表示しています 10秒後にsetTimeout()を停止します See the Pen ゲームのプレイ時間を表示する by yochans...

配列の値や複数の配列を連結する

join()で配列の値を連結する join()は引数に連結文字列を指定できます 指定がない場合は","がデフォルトとなり、数値や変数も指定可能 See the Pen join()で配列の要素(値)を連結する by yochans ( @yochans...

実行している関数名や呼び出し元の関数名の取得

関数名の取得 実行している(自身の)関数名を取得する See the Pen 自身の関数名を取得する by yochans ( @yochans ) on CodePen . 呼び出し元の関数名の取得 See the Pen 呼び出し元の関数名の取得 by yocha...

関数の宣言と作成・実行の基本

関数の宣言・作成と実行 Javascriptの関数の宣言や作成はfunction演算子を利用します function 関数名(){ //実行する内容 } 作成した関数を実行するのは関数名()で呼び出せます 関数名(); 実行する際、引数を付与する カンマ区切りで引数を...

配列のソート、比較関数いろいろまとめ

配列のソートの方法をいろいろまとめておきます reverse()で配列をソートする 配列変数名.reverse(); reverse()は配列の順序を逆にする事ができます See the Pen reverse()で配列をソートする by yochans ( @yocha...