やるしかなっちゃん

やるしかない!

JavaScript

JavaScriptの型判定

typeof typeofは色々と使いにくいです 特にnew Hoge()したものは'object'になってしまいます // 正しく判定できるパターン typeof 1 // 'number' typeof '1' // 'string' typeof true // 'boolean' typeof undefined // 'undefined' // 'object'になってしま…

ライブラリを使わない生のJavaScriptだけで作るドロワーメニュー

めちゃくちゃシンプルなやつだけど作った 最早jQueryさえも使わない縛り jsfiddle.net <html> <head> <link rel="stylesheet" type="text/css" href="index.css" /> <script type="text/javascript" src="index.js"></script> </head> <body> <header class="header"> <div id="open-btn" class="open-btn show" onclick="openMenu();"></div></header></body></html>

コーディングTIPS集

1. 画像の縦横比維持 CSSで画像の縦横比を維持したまま縮小する方法 - やるしかなっちゃん 2. 文字数カウントフォーム jQuery: inputやtextareaの文字数カウントの方法 - やるしかなっちゃん 3. ドロワーメニュー ライブラリを使わない生のJavaScriptだけで…

jQuery: inputやtextareaの文字数カウントの方法

そりゃあ僕だって最新のフレームワークを使ってもっとスマートにやりたい でも男にはjQueryでやらなければいけない時がある 最初にコードを載せる これはHTML <textarea id="textarea" cols="30" rows="10"></textarea> <p id="text"></p> <p id="length"></p> ここからJavaScript $(function() { $('#textarea').bind('keydown keyup keypress change', f…

[JavaScript]文字列がある文字を含むかどうかを調べる方法

これいつもわからなくなるのでまとめる indexOf indexOfを使うとある文字列がある文字(列)を含むかどうか調べられる const str = "hoge" str.indexOf('g') // 2 str.indexOf('og') // 1 str.indexOf('ou') // -1 特に説明不要がだindexOfの名前の通りその文…