セブンスドラゴン2020でサムライとハッカーの2人旅。 キャラメイク 「グリシーナ」ハッカー / オタクスタイル♀ / CV：ゆかな 「アツタ」サムライ / スチューデントスタイル♂ / CV：中村悠一 よその13班から借りました。 0章（Lv1～） D1：Lv--で撃破（8ター…

以下のような testtable テーブルについて、 カンマ区切りになっている文字列 strings を検索したい、と思うケースがあります。 あくまでカンマで区切ったひとつひとつをデータとして扱い、例えば「a」ではヒットさせたくないけど「abc」でヒットさせたい、…

（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 変換したい配列以外に…