やるしかなっちゃん

やるしかない!

JavaScriptの型判定

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

Pythonの割り算で結果を小数で得る方法

以下のようにやってもダメだった >>> float(10 / 3) 3.0 割る方か割られる方をfloatにするのが正解だった? >>> 10 / float(3) 3.3333333333333335

ビットの多数決

当たり前だけどif文は使わないよ x y z output 0 0 0 0 0 0 1 0 0 1 0 0 0 1 1 1 1 0 0 0 1 0 1 1 1 1 0 1 1 1 1 1 def majority(x, y, z): return (x & y) | (y & z) | (x & z) a and bが1になるのは両方とも1の時なのでa and b が1になった時点で1が多いの…

Java/Pythonの同値性/同一性比較

この2つの言語の同値性と同一性の違い Java Javaの同一性比較は== "hoge" == "hoge" // -> false(この程度だと多分trueになるけど...) Javaの同値性比較はequals "hoge".equals("hoge") // -> true Python Pythonの同一性比較はis "hoge" is "hoge" // -> fa…

ライブラリを使わない生の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だけで…

PHPの対話環境(REPL)の起動の仕方

PHP

凡人は下のようにコマンドを打てば起動すると考えてしまう $php でも本当は下が正解なのである $php -a Interactive shell php > これがわかれば全てOKと言っても良いだろう

PHPのstr_replaceは配列が使えて滅茶苦茶便利だった

PHP

PHP初心者だから知らなかった // str_replace ( 探したい値(ここに配列が使える), 置き換える値(ここにも使える) , 対象文字列) $search = array("h", "o", "g", e); $replace = "(´・ω・`)"; $subject = "hello, world"; echo str_replace($search, $repla…

lessのcalcに死ぬほどハマった件

題名の通りのlessのcalcにとんでもない落とし穴があって今日見事にハマってしまった。 どんな落とし穴かというと下のようなよくあるcalcを書くとする。 width: calc(100% - 90px); これをCSSにコンパイルすると下のようになる width: calc(10%); 100% - 90%…

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…

[WordPress] Wordpressでformを作成した時のname属性に果てしなくハマった

こんな時代だからformを作ることはよくあると思う そうなれば↓のようなformができあがる <form method="post"> <input name="name" type="text"> <input type="submit" value="送信"> </form> この時PHPならばPOST処理として以下のようなコードを書くだろう $name = $_POST['name']; // $nameを使ってほげほげ 説明は不要だと思うがinputタグのname属性が"n…

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

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

[jQuery]要素の取得とクラスの付け方

2016年も終わりが近づいているが最近まで生JSでDOM操作をする機会があった 。 そしてついに今日jQueryを使ったDOM操作をするハメになったので備忘録として残しておく。 要素の取得の仕方 例えばid名で取得したい場合は以下のようにするだけ $('id名') docume…

[Python]文字列の末尾からN文字消す方法

文字列のインデックスに負の値を用いれば簡単にできた hoge = 'hoge++' print(hoge[0:-2]) # 末尾2文字の'++'が消えて'hoge'と出力される # hoge[:-2]でもいいよ ----以下メモ---- 文字列のインデックスに負の値を指定すると末尾から数えてN文字目にアクセス…

この時代にK&Rを解く(3)

第2章 問題数が少ないのでサクサクと行きたい 演習2-1 各型の範囲を調べる(標準ヘッダの記号定数を使うのと自分で計算して求めるの2通りやれとのこと) これは前回勝手に調べちゃったので簡単に計算はcharだけで // 標準ヘッダ printf("SINED_CHAR_MIN ~ SINE…

この時代にK&Rを解く(2)

今日も解いていきます 演習1-8 空白, タブ, 改行を数える int c, nb = 0, nt = 0, nl = 0; while((c = getchar()) != EOF) { if (c == ' ') nb++; if (c == '\t') nt++; if (c == '\n') nl++; } 演習 1-9 2つ以上の空白を1つの空白に置き換える int c, nb = …

この時代にK&Rを解く

唐突にC言語がやりたくなったので今日からC言語を勉強していく 果たして何日続くかわからないけど今日からやっていく もちろん教材はK&R プログラミング言語C 第2版 ANSI規格準拠作者: B.W.カーニハン,D.M.リッチー,石田晴久出版社/メーカー: 共立出版発売日…

jQueryでページ読み込みが終わった後の処理

これがいつもどっちがどっちかわからなくなるので DOM構築後に実行 $(document).ready( function() { alert('hoge'); }); $(function() { alert('hoge'); }); 書き方が2つあるので頭が混乱するのだけれども下の書き方だけを覚えて上の書き方は二度と書かない…

box-sizingとは

ボックスのサイズを指定するものだった ただそれだけ デフォルト値はcontent-boxで幅と高さのサイズにmarginとpaddingを含まない (なので指定したwidthやheightより大きくなるということがある) border-boxを指定するとmarginとpaddingをサイズに含む ほんと…

CSSで画像の縦横比を維持したまま縮小する方法

max-width/max-heigthで最大値を指定して、widthとheightプロパティをautoにすればタイトル通りのことを実現できた /* 横に合わせる場合 */ max-width: 100%; height: auto; /* 縦に合わせる場合 */ max-height: 100%; width: auto; jsfiddle.net 参考サイト…

Markdownで(*^○^*)の顔文字を使う

このブログはMarkdown記法で書いているのだけれども (*^○^*) この顔文字を使おうと思ったら (^◯^) こうなってしまった これはちゃんとエスケープをしていないからなので (\*\^○\^\*) こうしてやればちゃんと表示できる(*^○^*) やったね(*^○^*)

Facebookのアクセストークンをlocalhostで取得する方法

開発者登録の時にアプリドメインを指定するとそのドメインが認証の対象になるので、そのドメインならアクセストークンの取得ができるみたい でもこのアプリドメインにはlocalhostを指定できないのでこれは困ったと思ったら簡単に解決できた 開発者画面の設定…

コーディング時のダミー画像を提供してくれるサイト

タイトル通りなんだけど神がかり的なサイトを見つけた。 ダミーの領域ってdivタグで作ったりするんだけど後でimgタグに書き直すのめんどくさかったりするんだよね。 placehold.jp このサイトを作った人は神だ(^◯^)

はてなブログへのGistの貼り方

GistのURLをコピペするだけで後はよしなにやってくれた 素晴らしい gist.github.com あとこのGIstを見ればわかるようにMondoDBのNode.jsドライバに入門した これで累計MongoDB入門時間が10分になったのでもうエヴァンジェリストを名乗ってもいいと思う

ポートを調べるコマンド

ポート番号決め打ちでどのプロセスが使っているか調べるにはlsofコマンドの-iを使えばいいらしい $ lsof -i :3000 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 99380 user 23u IPv6 0xbf5d0b7b0a938607 0t0 TCP *:hbci (LISTEN) これでプロセ…

MongoDBに入門してみる

インストール&起動 まずはMongoDBをインストール&起動します $ brew install mongodb $ mkdir /var/lib/mongodb $ mongod --dbpath /var/lib/mongodb 接続 次に起動したままの状態で別タブからMongoDBに接続です $ mongo これでコマンドが打てるようになりま…

curlでGET/POST/PUT/DELETE

最近時代はcurlだなって思い始めた 思い始めたばっかで使い方がわからないので以下メモメモ 取り敢えずGET/POST/PUT/DELETEのリクエストを投げられたら勝ちだと思ってる GETは超単純でcurlコマンドの後にURLでOK $ curl http://www.example.com/ 他のメソッ…

Javaでのビットの入出力(改善版)

前回(Javaでのビットの入出力 - やるしかなっちゃん)のプログラムは作ってて、何か違うよな感が拭えなかったので改善しました。 I/OでひとまとめにしないでそれぞれをBitInputStreamとBitOutputStreamにするようにしました。 また、Input/OutputStreamを継承…

Javaでのビットの入出力

Javaでビットの入出力を行うのは自分で実装するしかなさそうなので実装してみた(もしかしたらちゃんとしたやり方があるのかも知れない)。 当然の前提だけど、Javaにはbit型というものは存在しないから何かで代用しなくてはいけないので、今回はbyte型をbit型…

逆数を求めるプログラム

逆数と言っても小数で表した形のやつ 以下のように出力したいとする(#は循環小数を表すための記号) 1 / 8 = 0.125 1 / 7 = 0.#142857 1 / 23 = 0.#0434782608695652173913 1 / 28 = 0.03#571428 1 / 29 = 0.#0344827586206896551724137931 1 / 34 = 0.0#2941…

行持ち⇔列持ち

最近はもう何もしたくないので本を読みまくってる。 そんな流れで達人に学ぶDB設計を読んだ。達人に学ぶDB設計 徹底指南書 初級者で終わりたくないあなたへ作者: ミック出版社/メーカー: 翔泳社発売日: 2012/03/16メディア: 単行本(ソフトカバー)購入: 21…

WebAPI: The Good Partsを読んだ

一流のAPIマスターになるためにも読んだ。Web API: The Good Parts作者: 水野貴明出版社/メーカー: オライリージャパン発売日: 2014/11/21メディア: 大型本この商品を含むブログ (5件) を見る勉強になったところを自分用メモとして以下にまとめておく。 ・HT…

やるしかなっちゃん!

やるしかないって感じなのでやっていきます!サイト開発時の記録とかメモとか残していきます!