プログラミング

(MySQL, SQLite)テーブル名、フィールド名をクオートで囲みたい場合

大抵はクオートで囲まなくても問題ありません。 ※ データ値はシングルクオートで囲む必要があります。 SELECT * FROM table WHERE field = 'データ値'ずっとこの書き方を続けていましたが、うっかりSQLの予約語である"explain"をフィールド名に使ってしまっ…

GitHubを使い始めました。

最終更新: 2013-12-08 誰かと共同開発したいというよりも、自分の制作物の公開方法を整理したいという理由で使い始めました。 https://github.com/SutaraLumpur/ GitHubどころか、gitそのものも全く使いこなせていない初心者です。 以下、『単に制作物をWeb…

(jQuery) 最も単純なサブメニュー開閉

(最終更新: 2016-10-14) デモ: https://sutara79.github.io/demo-simple-foldable-list/ ソースコード: https://github.com/sutara79/demo-simple-foldable-list/ 解説下記のリスト要素を開閉式メニューにしたい場合。 <ul id="main_menu"> <li><a href="#">見出し1</a> <ul> <li><a href="#">サブメニュー1</a></li> <li><a href="#">サブメニュー1</a></li></ul></li></ul>…

JavaScript、jQuery、両者を使って要素を並べ替える

"Yahoo!知恵袋"で下記のような質問に出会ったので、実際に作ってみました。 javascriptによる順序の並び替え。 - Yahoo!知恵袋 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1487903314 実験ページ http://usamimi.info/~sutara/sample/jq_sor…

jquery.addInputArea

Latest: v4.9.0 (2017-05-03)Demohttps://sutara79.github.io/jquery.add-input-area/GitHubhttps://github.com/sutara79/jquery.add-input-area 入力欄を動的に増減させることができます。 テキストボックス、テキストエリアの両方に対応しています。 ライ…

jquery.tabMenuSet.js

最終更新: 2013-12-12jQueryを使って、タブメニューの機能一式をシンプルに実現しています。 デモページ GitHub ライセンスLicense : MIT License (http://www.opensource.org/licenses/mit-license.php) 改変・再配布はご自由にどうぞ。 制約プラグインを適…

【JavaScript, 正規表現】ある形式で囲まれたもの以外の文字列を置換する

以下の正規表現は間違っているかもしれません。 十分テストした上で実用してください。 間違いに気づいた方は、どうかご連絡くださいm(_ _)m 【実験ページ】 http://usamimi.info/~sutara/sample/regexp_02.html "てすと"を"test"に置換します。 ただし、cla…

【jQuery】ランダムにフェードインで要素を表示させる

jquery.random-fade-in Latest version: 1.3.2 (2017-10-28)Demohttps://sutara79.github.io/jquery.random-fade-in/Githubhttps://github.com/sutara79/jquery.random-fade-in/ ランダムにひとつずつ要素が表示されます。 これで完成です。 表示される順番…

(jQuery) タブをマウスオーバーで本文表示。クリックでジャンプ

最終更新: 2017-11-05デモページjQueryのみ https://sutara79.github.io/demo-jq-tab/ex2.html jQueryUI使用 https://sutara79.github.io/demo-jq-tab/ex3.html ソースコードhttps://github.com/sutara79/demo-jq-tab このサンプルは下記の質問に答えるため…

CakePHP 2.1.1 への移行の記録

まだ書きかけです。 初めてCakePHPを触ったのは、バージョン1.1のとき。 その頃に購入した書籍も、ずいぶん時代遅れになってしまいました。 ということで、現在最新版の2.1.1を導入する際の備忘録を記しておきます。 【環境】OS : Linux Mint 12 LXDE サーバ…

(jQuery)フォーカスが外れた処理に例外を設けたい場合

【実験ページ】 http://www.usamimi.info/~sutara/sample/jq_focus.html テキストボックスにフォーカスされると、入力の際のヒントが表示されます。 その状態からフォーカスが外れたらヒントは非表示になりますが、ヒント自体がクリックされたのなら例外とし…

【jQuery】備忘録:ページ内スクロールを滑らかに

何の変哲もない処理ですが、備忘録として。 (IE9, Firefox10, Opera11, Chrome17, Safari5) 【HTML】<ol id="index"> <li><a href="#01">項目1</a></li> <li><a href="#02">項目2</a></li> <li><a href="#03">項目3</a></li> </ol> <section id="01"> ... <a class="back" href="#index">目次へ</a> </section> <section id="02"> ... </section>

【正規表現,JavaScript】あるパターンでくくられた文字列を抽出する

【実験ページ】 http://www.usamimi.info/~sutara/sample/regexp_01.php 【抽出条件の詳細】 開始パターンと終了パターンで囲まれた文字列を抽出する。 開始と終了パターンが接している、つまり抽出すべき文字がなければ、当然マッチさせない。 (お節介機能)…

【Ubuntu】開発の間だけ、長すぎるJavaScriptファイルを分割したい

【最終更新 2012年3月14日】 【今回紹介する分割方法の特徴】 一人用 長くて読みづらくなったJavaScriptファイルを分割する。 しかし、本番ではひとつにまとめる。 分割しても、開発中のファイル編集やブラウザでの動作確認などの際に余計な手間が増えること…

【jQuery】長すぎるJavaScriptファイルを分割したい

jQueryプラグインのJavaScriptファイルの行数が1600行を超えて読みづらくなったので、複数のファイルに分割する方法をあれこれ考えましたが、2017年現在、Webpackやgrunt-contrib-concatなど有名で安定した方法があるので、それを使うのがいいと思います。以…

【正規表現,JavaScript,PHP】改行のある文字列をキャプチャする

結論PHP, JavaScript ともに下記でOKです。[\s\S]* 例えば、下記の文章の『説明:』以降を抜き出したい場合。 説明:『あにゃまる探偵 キルミンずぅ』(あにゃまるたんてい キルミンずぅ)は、(改行) 日本のサテライト・ハルフィルムメーカーと(改行) 大韓民国…

twitter APIの実行回数制限に触れないようにリツイートをまとめる

(追記 2013-07-09) Twitter API 1.1では以下のような面倒な方法をとる必要はありません。 "retweeted_status"からRT元の情報を取得できます。検索系APIで取得した情報にはリツイートに関する情報が含まれていないため、ある投稿をRTしたものをひとつにまとめ…

CakePHP2.0系でSQLite2を使うには

【追記】 CakePHP2.0系は、もともとの仕様としてSQLite3のみをサポートしています。 SQLite2を使おうとするのは、つまり邪道です。 http://book.cakephp.org/2.0/ja/appendices/2-0-migration-guide.html#id30 『Sqliteサポートが素晴らしく向上しました。 c…

『mousedown > blur > click』の検証 (jQuery)

要するに下記を見てもらえれば、わかります。(検証用サンプル) http://www.usamimi.info/~sutara/sample/for_question.php 経緯キテるタグで、普段は省スペースだけど、フォーカスされたら 領域が広がるテキストエリアを設置したくなり、作ってみました。 フ…

【CakePHP】『OAuth consumer component』でつぶやくと返ってくる値のメモ

→ OAuth consumer component http://code.42dh.com/oauth/ テキストファイルに保存してても、それをどこに置いたのか忘れちゃうので、 ブログに書き残しておくことにします。 下記のようにつぶやくと、JSON形式で、もろもろの情報が返ってきます。 $result =…

CakePHP + jQuery Mobileでの注意点

リンクとフォーム送信後のページ遷移にAjaxを使わないやるべきこと下記のように、jQueryライブラリを読み込んだ後、 jQuery Mobileを読み込む前に、初期値を設定すべし。 <script src="jquery.js"></script> <script> $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); </script> <script src="jquery.mobile.js"></script>…

【jQuery】サブメニュー(様々なリストの書き方に対応)

マウスのロールオーバーで、サブメニューが右に表示されます。 【実演ページ】 http://www.usamimi.info/~sutara/sample/jq_submenu.html ソースを見てもらえれば分かりますが、 メニューの構造に合わせてリストタグをツリー状に記述していたり、 メニューの…

【jQuery】タブ表示のサンプル

最終更新: 2017-11-05 jQueryを使ってタブをクリックすると内容が切り替わるようにします。デモページhttps://sutara79.github.io/demo-jq-tab/ex1.htmlソースコードhttps://github.com/sutara79/demo-jq-tab このサンプルは下記の質問に答えるために作りま…

【jQuery】送信フォームの項目を追加・削除するサンプル

ボタンをクリックすると 入力欄が追加され、右側に『削除ボタン』が付加されます。 入力欄を削除し、1つになったら、削除ボタンは消えます。 デモ: https://codepen.io/sutara79/pen/pZVoaP 『length』プロパティで入力欄の数を把握し、 『.eq()』メソッドで…

【JavaScript】必要なメソッドを、継承を使わずにapplyでピンポイントに

callやapplyって、あるオブジェクトのメソッドであるかのように 関数を呼び出すことができるそうですね (´・∀・`)ヘー (JavaScript第5版 p.138) 本で紹介されてたのは、数値が格納された配列の中から 簡単に最大値を見つける方法です。 Math.max()は与えられ…

【JavaScript】グローバル変数を使わずにすませるには

グローバル変数は、なるべく使っちゃいけないそうですね (´・∀・`)ヘー (ど素人な発言ですみません) あるインスタンスのメンバ変数を 別のインスタンスのメソッドで書き換え、 その結果を、また別のインスタンスのメソッドで参照するのは 無理なのではと考え…

【jQuery】動作実行中に次を予約

ある動作をキー入力で実行中に、次の動作を予約できるようにする処理 というものを考えています。 キー入力待ち ↓ キー入力検知 ↓ キー入力禁止 ↓ 動作実行 ↓ 動作終了 ↓ (動作のつながりがなめらかにならない!) ↓ キー入力待ち上記の流れでは、動作と動作の…

【CSS, jQuery】clipで切り出した画像のアニメーション

いくつかの部分にわかれた1枚の画像に対して、CSSのclipプロパティを使って 必要な部分を切り出し、その画像をアニメーションさせます。 【解説ページ】 下記のページに詳しくまとめました。 http://www.usamimi.info/~sutara/sample/clipAnim/ 【簡単な概念…

【jQuery】$.extend()を利用し、簡潔な記述で継承を実現

【注意】 コメント欄のcyokodogさんの方法がより便利です。 $.extend()による拡張を利用した継承は、ぐぐればすぐに分かりました。 が、親クラスのメンバを上書きする方法がなかなか見つかりませんでした。 いえ、いくつか見つかったんですが、私の目には冗…

【Twitter API, CakePHP, Ajax】since_idを使わずに新着ツイートを取得

twitterの検索関連のAPIのsince_idは廃止予定だそうです。 そのせいなのかどうなのか、キテるタグで、新着ツイートを うまく取得できないことがたびたびありました。 //hogeを含むツイートの中で、idが1234より大きなものだけを取得 http://search.twitter.c…