結構画面キャプチャを取るのですが、デフォルトの保存先がデスクトップで保存後探すのが大変だったります。さらにデスクトップが散らかっているとメモリ消費量が増えてしまうらしいので、キャプチャの保存先を変更してみました。 キャプチャの保存先を変更す…

フリーランスを続けてきたのですが色々と、そろそろ屋号付きの口座が必要になってきたので作ってきました。 1. 下準備 まずネットで情報を集めました。 個人事業主必見！屋号入り銀行口座を開設できる銀行比較 個人事業主の屋号で銀行口座を開設する方法 小…

Macで印刷データを作成する時にillustratorを使うことが多いのですが、 最近保存時に100%アプリが止まってクラッシュしてしまう現象に悩まされていました。illustratorが止まってしまっている時に何が起きているかコンソールを起動してモニタしていた所、下…

以前ファイル結合した際などに起こりうるJavascriptの即時関数のトラップについて書きました。 しかし、即時関数にはまだトラップがあったのです！( -言- )ｸｸｸ... それは、、、 変数に即時関数を代入する時に即時関数の書き方で代入される値が変化してしまう…

動的に関数を実行したい事がよくあります。 javascriptだと配列(Object)のキーに関数を入れちゃえば簡単なのですが、 PHPだとよく解らなかったので調べました。(PHPの事はすぐ忘れる...)まず、PHPには変数に入ってる文字列を関数として使う機能があり、 これ…

concat()関数を使う。 var a = [1,2,3,4,5]; var b = [6,7,8,9,10]; // 配列を結合 var c = a.concat(b); console.log(c); // [1,2,3,4,5,6,7,8,9,10] console.log(a); // [1,2,3,4,5] cosole.log(b); // [6,7,8,9,10] 元の配列を破壊せずに結合できる。 Arr…

をgitHubに作って置いています。 詳しい使い方は気が向いたら書くかもしれません... GitHub - KiKiKi-KiKi/googleFormAutoReplyMail: Google Formに回答があった時に自動返信をする為のGoogle Apps Scriptポイントは、単にメールを送るだけならフォームにス…

ページで使われているjQueryのバージョンを確認する方法。ディベロッパーツールのコンソールに下記を入力 $.fn.jquery js内に記述するなら console.log($.fn.jquery); よく忘れる。

レスポンシブHTMLメールを作成する際の覚書 | Tips NoteHTMLメール制作のコツや便利なサービスいろいろ テンプレート Ink: A Responsive Email Framework from ZURB Cerberus - Responsive Email Patterns Antwort - Responsive Layouts for Email leemunroe…

追記: 2015-09-15 この方法では、順序( menu_order )に同じ値を指定していると、前後の投稿リンクが上手く動作しません。 新しく修正版を書きましたので、こちらを参照ください。 Wordpressの固定ページには属性の欄に順序があり表示する順番を決めることが…

Wordpressのカスタムフィールドを追加できるプラグインも沢山あるのですが、 コードベースの方がデプロイなんかが楽なのでいつもコードで書いていました。 0から書いていると保存とか色々とメンドーな記述が多くて苦労していたのですが、WordPressのカスタム…

久しぶりにWordpressを触っています。忘れている事だらけで大変です！さて、Wordpressの検索ですが昔は投稿のみが対象だったと記憶していますが 新しくなって固定ページも検索結果に含まれるようになったっぽいです。 固定ページを検索結果から除外したい で…

例えばtmpファイルを置くディレクトリだけgit管理下に置きたいなど 空ディレクトリはgit管理したいが、中にあるファイルはgit管理したくないような場合は、 1. 管理したいディレクトリの中に.gitkeepファイルを作成 $ touch /tmp/.gitkeep 2. .gitignoreでtm…

Wordpressで構築したサイトで読み込ませているCSSとJSがstyle.min.cssとmain.min.jsだたっとします。 少しでも表示を高速化するためにgzip化したstyle.min.css.qz, main.min.js.gzを読みこませようとした場合、 .htaccessに下記のような記述をします。 Rewri…

Wordpressの固定ページにフォームを置いて自動的に値を入れたいときなど、GETパラメーターで値を渡してあげたりするのですが、固定ページが404や意図しないページが表示されてしまうことがあります。たとえばnewsというカスタム投稿を作成していた時に http:…

(function() { })(); こんなのを即時関数って呼びます。よく書くと思います。で、gruntなどでライブラリなどを結合して、min化したりするのですが この即時関数の前に;が無いと死んでしまうトラップがあったりするので注意が必要です。特に自分で書いていな…

Wordpressの投稿一覧ページなどで最近の投稿にはNEWと表示させてみました。実装する方法を考えました。 1. 今日の日付と投稿日の日付を比較する 2. 差がn日以内なら NEW を表示 1. 今日の日付と投稿日の日付を比較する PHPで２つの日付からあと何日あるか調…

wordpressでカスタム投稿を作って、タグやカテゴリーを作った時に、 そのタグやカテゴリーのアーカイブのURLは example.com/{taxonomy_name}/{taxonomy_slug}の様な感じになります。個人的には、どの投稿の、どのタグの様な階層が見えた方が良いと思うので e…

hetemlサーバーにsshでアクセスしてコマンドからmysqlを使いたい時 $ mysql -u <アカウント名> -p ではパスワードが合っていてもエラーになりmysqlを使えません。少し長たらしいですが下記のコマンドでmysqlに繋ぐことが出来ます。 $ mysql -u <アカウント名…

ラジオボタンやチェックボックスのcheckedされているかの確認やjsでのon/off、セレクトボックスのselected、フォームパーツをdisabledにする時に.prop()が推奨されているので var $checkbox = $('#checkbox') // checkedされているかの確認 true or false $c…

CSSの!importantは極力使いたくないのですが 使わざるを得ないケースが有ります。jQueryでimportant付きのcssを付けたい時 // javascript $('#hoge').css('width', '900px !important'); の様に記述してもスタイルそのものが付きませんでした。 どうやら // …

javascriptの連想配列(オブジェクト)の要素数を知りたい時Object.keys()を使うと便利。 var myKantai = { flagship: '鬼怒', destroyer1: '吹雪', destroyer2: '白雪', destroyer3: '初雪', destroyer4: '深雪' }; 例えば上の様なオブジェクトの要素数を知り…

jQueryの.triggerみたいな処理をjQuery以外で使いたい。 ・ .trigger() | jQuery 1.9 日本語リファレンス | js STUDIO要は.triggerと同じで引数に関数名と配列を渡して、 その関数に配列を展開した引数を渡して実行する見たいな事をしたい。 ActionScriptのd…

TRYしたいCSS プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック | コムテブログ [CSS]フラットなデザインに使いたい！タップ時の新しいエフェクト「波紋」のアニメーションを実装するテクニック | コリス メモ ウェブサイトで珍しい形を取り…

使いたい。 WordPressにPjaxを実装してみる | かくれざとう javascript：pjaxを使って非同期通信する方法 | webデザイン | web is a creation WordPressで初めてのバイラルメディアサイトを一時間で作る方法

CSS 頭のいい人のSASSテクニック集。 | SAITEI no CHINJUU!!!（最低の珍獣） SCSSに限らずstylsとか最初にテンプレートとして作っておいて、プロジェクトのたびに読み込ませるようにすると便利そう アイコンフォントからSVGへ！より手軽にベクター画像を表示…

Contact Form 7にGETなどで値を渡して テキストフィールドに値を渡す方法は検索すると結構で出来ます。 フロントエンドでゴニョゴニョやっても良いのですが、wpcf7_form_tagフィルターを使えば実装できるようです。(jsの方が得意なのでフロントエンドでやっ…

Wordpress3.6からmp3プレイヤーなどが記事内にショートコードを書くことで使えるようになっています。これらのショートコードですが記事外。テーマファイルで使いたいケースも結構あります。で、その記述方法ですがdo_shortcodeというメソッドを使えば可能な…

以前 jadeでIEの振り分けタグを記述する方法を書いていましたが、 また記述方法が変更になっていたようです...以前書いていた はコンパイルエラーを起こすようになっています。//[if lt IE 9.0]>みたいな感じで記述しろとの事の様です。 ワンライナーで記述…

久しぶりにCSSを書いていて色々と忘れてしまっていてfloatでハマることになるとは...bootstrapBootstrap などのフレームワークを使ってレイアウトを組む事も多いと思います。 例えば下の様なページ遷移するパーツをこんな感じでマークアップしたとします。 <div class="row"> <div class="span4"></div></div>…