物覚えの悪いプログラマの備忘録

このブログには私が試してみたことを記載していっております。忘れたときのために備忘録として利用しているだけですので、間違ったことを書いているかもしれません。 みなさまの役に立つ情報があれば幸いです。

gzip圧縮でCSSやJSなどの転送量を減らす方法

「gzip」とは、ファイルを「圧縮」する方法の1つです。圧縮というのは、独自のデータ形式でファイルサイズを一時的に小さくすること。つまり、ウェブページのサーバーとユーザーのパソコン間で通信しているデータサイズを少なくするのが、今回設定する「gzip…

たった数分!ページ高速化のためhtaccessでキャッシュ設定は絶対やっておこう!

キャッシュを有効にするでは早速、キャッシュを設定してみましょう。.htaccessを開いて、下記のコードを追加して下さい。 …驚くかもしれませんが、ごめんなさい。作業はたったこれだけなんです。 次項からは、コードの内容を詳しく解説していきます。 <Files ~ ".(gif|jpe?g|png|ico)$"> Heade</files>…

IE8,IE9 placeholder対応

//IE8,IE9 placeholder対応 $(function () { var supportsInputAttribute = function (attr) { var input = document.createElement('input'); return attr in input; }; if (!supportsInputAttribute('placeholder')) { $('[placeholder]').each(function (…

android selectの矢印が消える対策

CSS .android{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../img/arrow_down.png) no-repeat; background-size:20px; background-position: right center; padding:0 8px; }javascript androidならclassを追加 $(…

FTPでアップロードした画像ファイルをWordPressに認識させるプラグイン、WordPress Flash Uploader。

FTPでアップロードした画像ファイルをWordPressに認識させるプラグイン、WordPress Flash Uploader。Wordpressの引っ越しなどFTP経由でアップロードしたメディアファイルを認識してwpに登録してくれるプラグイン

Wordpress いつも使うプラグイン

Admin Menu Editor(管理画面左メニュー名変更) Admin Columns(管理画面一覧の表示内容変更) All In One SEO Pack(SEO) Category Order(カテゴリーの並べ替え) Delete Custom Fields(使わなくなったカスタムフィールドDB上から削除) Custom Post Ty…

PDOで“Fatal error: Call to a member function rowCount() on a non-object回避

PDOでselectを実行と同時に数をrowCountでカウントする もしエントリーが0でないなら・・・ を実行する際、レコードが0だとFatal error: Call to a member function rowCount() on a non-objectとエラーが返される問題に関して $sql = "SELECT * FROM tabl…

jQueryで "ある要素" が画面内にあるかどうかを判別する

jQueryで "ある要素" が画面内にあるかどうかを判別するには要素のページ内での位置(Y座標)、現在のスクロール位置(Y座標)を見て判別します。$(function() { // 引き金となる要素を設定 var triggerNode = $(".trigger"); // 画面スクロール毎に判定を行…

mysql任意の値を一番上、または一番下にしてソートする

$sql = "SELECT * FROM table_name order by case colum1 when '-' then 2 else 1 end, colum1,data1 asc;"; 解説 order by //もしcolum1が'-'ならば優先順位2番目にソートして case colum1 when '-' then 2 //それ以外は優先順位1でソートする else 1 end,…

mysqlから非同期通信でDB抽出

common.js //DBからデータを抽出 function db_select(str){ var result $.ajax({ url: 'http://01filament.co.jp/01WORKS/class/db_select.php', timeout:10000, type: "POST", async: false, data:{ table:str}, success: function(responce) { //JSON文字…

jQuery Ajaxでファイルを送りたい!

$(document).on('click','#edit_job_comit',function(e){ e.preventDefault(); var form = $('#jobs_e').get()[0]; var formData = new FormData( form ); $.ajax({ url: 'http://01filament.co.jp/01cloud/admin/class/comit_jobs.php', type: "POST", data…

macでファイル作成日を変える

ターミナルで実行 setfile -d '12/12/2014 12:43:56' /Volumes/USK/*.jpg

要素をコピーしてから表示

<div class="alert alert-success" id="err"> <span id="err_coment"></span> <button type="button" data-dismiss="alert" class="close" data-ajax="false"> <span>×</span> </button> </div> クリックした場合 javascript //on click $("#err").clone(true).insertAfter("#err"); 結果 <div class="alert alert-success" id="err">…</div>

floatした横並びボックスの高さを揃える

<script> $(function(){ //MAXを定義 var maxHeight=0; //同じボックスに同じクラス名をつけてeachする $(".thumbnail").each(function(){ //一番上から順に class='thumbnail'の箱の高さを調べる if ($(this).height() > maxHeight) { //もし現在のmaxHeightより現…

Mysqlで重複項目を除いて表示

Mysqlで重複項目を除いて表示SELECT DISTINCT col_name, ... FROM tbl_name;

jqueryでajaxフォーム送信

$('#submit').on('click',function(e){ //html送信キャンセル e.preventDefault(); var data = $("#form").serialize(); //送信フォーム内容全て //非同期通信開始 $.ajax({ type: "POST", url: "01.php", data: data, //成功時 success: function(xml){ var…

テキスト内の特定の文字からリストを作る

query("SELECT * FROM db_contents"); foreach ($sql as $row) { //[navidate]部分を取り除く $ret=GetBetweenStr2($row['text']); $date=str_replace($ret[0],"",$row['text']); $db=explode(";",$ret[1]); for($i=0;$i$dabe[db80]"; }else{ } } } echo $se…

レスポンシブ 上下を入れ替える

css

display プロパティーの table-row-group や table-header-group などの値を応用すれば、上下の入れ替えが可能です。説明だと分かりづらいので、demo をご参照ください。 <html> <head> <meta charset="utf-8"> <title>demo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .mod-groupContainer{} .mod-group1{} .mod-group1-inner{ padd…</meta></meta></head></html>

HTMLで縦書きは実現できるか - CSSでの実装とライブラリの活用

css

さまざまな言語表記法をサポートする仕様。 writing-modeプロパティで縦書きを指定できる。 writing-mode: tb-rl; /* IE独自仕様 */ writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vert…

cssで幅を計算する

css

.menu li{ calc(100%/5); }

横幅や高さを自動で可変する

css

img { max-width: 100%; height: 100vw; /*正方形の画像の例ですが、縦横比3:2の画像であれば66.7vwとなります*/ }img { max-height: 100%; width: 100vh; /*正方形の画像の例ですが、縦横比3:2の画像であれば66.7vwとなります*/ }高さの指定に幅の数値を使…

cssで指定した要素の前後にコンテンツを入れる

css

E:before, E:after //画像を貼る content: url("../images/ico32.gif") ;//文字を入れる content: "●サンプル●"

Fatal error: Call to a member function execute() on a non-object in ******

四苦八苦。 何度も何度も同じミスを繰り返す Fatal error: Call to a member function execute() on a non-object in ******が何度やっても消えない何だぁ!!! $sql = $pdo->query('select・・・・');を1回で何度も繰り替えす場合$sql->closeCursor();で…

Jqueryでloadして要素を追加する

複数の外部要素を読み込んで、追加していく時のメモ$.ajax({ url: "contents/topbox1.php", success: function(data) { $("#Center").append(data); } });

jQuery コードが動かない場合の簡易対処方法

$(document).ready(function(){ // jQueryの処理 });の場合どうすればいいのか?$を使わないで jQuery を呼び出し、 その命令内で省略形を別名定義すればいい。分かりにくいですね。 先ほど「別名」と言いましたが、当然別名なので「本名」があります。 そ…

正規表現

php

リファレンス 参考になった正規表現例

Jquery セレクタいろいろ

Jqueryでelementを選択するには、 id : $("#idname") class : $(".classname") tag : $("tagname") 他にも便利なセレクタがありますが、名前でも選択が可能です。 以下のように書けばいい $("*[name=target]")

dialogを使い回すときjqueryでキャッシュを残さない

Jqueryでの開発中、編集してもブラウザによりリクエスト結果がキャッシュされるので、更新してもなかなか更新した表示がされないのでキャッシュを残さない方法があったので記録する $.ajaxSetup({ cache: false });

CSSファイルbackground-imageのパスの指定

css

CSSファイル[style.css]からbackgroundでimgを呼び出す場合、 トップ(index.html)でなくstyle.cssから見た相対パスを指定する以下の階層の場合 index.html ├css/style.css └img/logo.gif ○background:url(../img/logo.gif); //ピリオド2つ ×background:ur…

Jqueryのload()でボタン毎で同じ場所に読む込むファイルを変える

aタグに読み込みたいファイルのパスをhrefに書き、classにloadとする <a href="http://.../a/index.html" class="load">aのページを表示</a> <a href="http://.../b/index.html" class="load">bのページを表示</a> <a href="http://.../c/index.html" class="load">cのページを表示</a> 「 $(document).on('click', '.load',function(){ 」とする事で動的に読み込んだ先のclass="load"も機能する …