（2018-09-13：書いてるとおりには動いてたけど、実用を考えると破綻してたので、まるっと書き直しました）array_columnを使えないバージョンを使わざるを得ない時用。 使えるならこちらをご参照ください。 今回は以下のような連想配列から検索することを考…

接続設定のところから 設定＞設定 左メニュー「接続」を選び、「パッシブモード」のチェックを外す 以上。

まずはサンプルから。 押すたびに背景色がランダムで変わり、文字色が白か黒の適した色に変わります。 ここをクリック function getStrColor (bg){ // 色をRGBに分割 var r = parseInt(bg.substr(1, 2), 16); var g = parseInt(bg.substr(3, 2), 16); var b …

関数化した。

これのfloat版。今回も以下の3つを並べてみます。 <div class="div1">div要素1</div> <div class="div2">div要素2</div> <div class="div3">div要素3</div> .div_common{ margin: 0; padding: 0; color: #FFF; } .div1{ width: 5em; height: 5em; background: #6b8e23; } .div2{ width: 5em; height: 5em; background: #9acd32; } .div…

いろんな方法はあるっぽいけど、とりあえず調べて動かしてみたやつを残しておく。 ブラウザによっては動かないとかあるかも。displayでなくfloatでやるときはこっち。 以下の3つのdivをいろんな並べ方してみます。 （3つと言いつつ、パターンによって親divが…

value値 <input id="sample1" type="hidden" value=""> <script> // value値を「test」に書き換える $("#sample1").val("test"); // value値を取得する（↑で書き換えているので「test」となる） console.log( $("#sample1").val() ); <script> テキスト <span id="sample2">sample2</span> <script> // テキストを「sample2_update」に書き換える $("#sample…

基本編(add, remove, toggle, has) 追加 $(要素).addClass(class名); 削除 $(要素).removeClass(class名); あれば削除、なければ追加 $(要素).toggleClass(class名); あるかどうかを確認 // あればtrue、なければfalse $(要素).hasClass(class名); 実装サン…

ブックマークのURL部分にJSを仕込むだけなので、 「普通のブックマークをアドレスバー付近からワンクリックでアクセスできるようにする」でもある。 もっと言えば「ブックマークツールバーを使う」でしかない。 手順1.目的のJSをブックマークに登録する Ctrl…

WEBアプリで、 「テーブルの列をドラッグ＆ドロップで並べ替えられるようにしたい！あと、並べ替えた結果はユーザごとに保存しておけるようにしてほしい！」とか言われて「は？」と思ったんですが 調べてみるとJSライブラリがあったのでそれでさくっと実装。…

「単純なアラート」「OK/NGのみの二択アラート」「ページ離脱時の警告」の三本立て。 ブラウザ依存なのでデザインもクソもない代わりにめちゃくちゃ簡単実装。 アラートを表示 ただメッセージを出すだけのやつ。 alert("エラーメッセージ"); サンプル：これ…

ファイルの書き込み読み込みやらCSVやテキストがどうやらというのは長くなるので、 ファイル自体の存在とかコピーや削除とかそういうやつ。 ファイルやディレクトリの存在を確認する

主にファイルパスの文字列をもにょもにょわちゃわちゃしたりするときに使うやつ。 きれいなパスをつくってくれるやつ

バック兼業フロントエンドエンジニア1年生、昔はHTMLは書いてたけどCSSすごい苦手だったのが今更響いている…。サンプルを作って試したのをメモ。＜HTML＞ <div id="divid1" class="divclass1 divclass2"> <span>test1</span> <div id="divid2" class="divclass1 divclass3"> <span>test2</span> <div id="divid3" class="divclass2 divclass3"> <span>test3</span> </div></div></div>

play.google.com 久しぶりに「お布施させてほしい」系アプリを見つけた感。 （というかこれ系のアプリは過去にもいろいろ探してたのになんで見つからなかったんだろう…不思議…）フォルダツリー型であるだけで大正義なのに、欲しい機能がほぼ過不足なくきっち…

キーボードで特別に操作をさせたい（もしくはさせたくない）場合があります。 単純にショートカットキーを作りたいとか、 方向キーでモーダルやページ自体を切り替えるとか、 F5キーを押させたくないとか…。そういう場合は押されたキーを判別する仕組みを置…

「何もしてないのに動かなくなった」のよくあるやつ。アプリは何も改修してないのに、登録系処理を動かすとエラーがでるようになった… ログを見てみるとDuplicate Keyしてる。 いや、ここのPKはsequenceじゃん。なんで？？？となったときにはほぼ確実に 「se…

まずはサンプルから。「hoge」「fuga」「piyo」の文字列をドラッグ＆ドロップで並べ替えることができます。↓実装サンプルここから ================================ hoge fuga piyo $(function() { $(".sortable").sortable(); }); =======================…

WEBアプリを作っていると、JSとPHPの間のデータのやり取りなどでJSON形式を使うことが多いので、 JSONを配列にしたり、配列をJSONにしたりする方法をメモ。 PHPで配列をJSONにする json_encodeを使います。 PHP: json_encode - Manual 変換したい配列以外に…

まず、以下2つの関数を用意しました。 // funcBの戻り値と"funcA"を吐き出す関数 function funcA(){ console.log(funcB()); console.log("funcA"); } // 開始から5秒後に「funcB」とreturnする関数 function funcB(){ setTimeout(function(){ return "funcB"…

を作ったのでメモ。 function uniqAry(ary){ // idの値で昇順ソートする ary.sort(function(a, b){ return a.id > b.id; }); // 重複しているIDがあれば後に出てきた方を削除（undefinedにする） var tmpid = 0; $(ary).each(function(i, e){ if (e.id == tm…

jQueryのセレクタ便利…。 いや、プレーンJSの書き方知らないので比較できないんですけどこれはたぶん便利なやつ…。必要になるたびググってる気がするのでメモ。↓実装サンプルここから ================================ チェックしているものとしていないも…

こちらの記事が前提となります。 IEだと動かないはず。対応した版はこちら。 ドラッグ＆ドロップでファイルをアップロードする（IE対応版） - アナログCPU：5108843109簡単に書くと 「ファイルのアップロードフォーム」と 「アップロードしたいファイルをド…

タイトル通りのやつにちょっと苦戦したのでメモ。 つーか業務アプリなんだからドラッグ＆ドロップじゃなくてよくね？？今回は必要最低限の処理だけ書いた版です。ちょっとリッチ版はこちら。 ドラッグ＆ドロップでファイルをアップロードする（ちょっとリッ…

並べ替えとか、ファイルとフォルダの移動とか、そういうものの実装に使えそうなやつ。 意外と簡単に実装できました。jquery使ってます。＜HTML＞ <span class="drag-item" data-iid="1">アイテム1</span> <span class="drag-item" data-iid="2">アイテム2</span> <div class="drop-area" data-aid="1">エリア1</div> <div class="drop-area" data-aid="2">エリア2</div> ＜JS＞ setDraggable(); setDroppabl…

配列型、テーブル定義にはあんま使いたくないけど 複雑なクエリ書くときは便利～。以下のようなテーブル「hoge」について考えます。 type code 1 a 1 b 2 c 2 a 3 b 3 c 実テーブル作るのめんどいからとりあえず一時テーブル。 CREATE TEMPORARY TABLE "hoge…

…を作ったのでメモ。 テキストエリアを作らないとコピーできないようなのでそのようにしています。 function copyText(text){ // コピーする文字列を入れるフォーム var form = document.createElement("textarea"); form.textContent = text; // bodyタグ内…

を作ったのでメモ。 function strcut(str, start, end){ var sidx = 0; var eidx = str.length; if (start != ""){ sidx = str.indexOf(start) + start.length; } if (end != ""){ eidx = str.indexOf(end); } if (sidx > eidx){ return ""; } return str.su…

ググると 「ゼロパディングしたい文字列の左側にゼロくっつけておいて右側から切り出す」 って方法しか出てこないんだけどマジか…そういう標準関数とか存在しないのか…しかもその方法そのまんまだと、もし桁が溢れる場合に切り捨てられてしまうので、 「規定…

初歩的な気がするけど。諸々UTF-8に揃えているつもりなのに、 fgetcsvでCSVを取り込もうとすると日本語が無視される。 ローカル環境(windows/xampp)は大丈夫なのにサーバで動かすとダメ。setlocaleされてないのが原因でした。 とりあえず処理の直前に入れて…