March 2012
1 post
1 tag
CSS image replacement technique
html5-boilerplateで新しいテキスト飛ばしが載ってたのでメモ。
ソース
Update CSS image replacement technique
デモ
http://jsdo.it/device302/4RHo
TEST - CSS image replacement technique [ h5bp ] - jsdo.it - share JavaScript, HTML5 and CSS
February 2012
1 post
2 tags
DOM -> jQuery objcet & jQuery object -> DOM
jQuery objectを普通のDOMエレメントとして使いたい時用のメモ
主に「やっぱここはaddEventListenerを使いてーなー」って時とか用
DOM -< jQuery object
$(document.body);
jQuery object -< DOM
$(document.body)[0]
以下サンプル
html
<span id="hoge">hoggehoge</span>
js
$().ready(function(){
var $hoge = $('#hoge');
var _hoge = $hoge['0'];
var hoge_fnc = function(e){ console.log(e.target); }
...
November 2011
1 post
2 tags
iPhone設定画面用アイコン
iPhoneのセッティング用アイコンを夜なべして作ったよ。 「公開しろ」って言われたから公開します。
設定方法などは下記のページを参考にして下さい。
iPhoneの設定画面をサクッと開く方法 -『Touch Icon Creator』でURLスキーマ対応アイコンを簡単に作る - 代助のブログ
iOS5でWi-Fiなどの設定画面を一発で開けるアイコンを作れることが判明 : iPhoneちゃんねる
【iOS 5】超絶便利で捗りますぞ！ホーム画面から「Wi-Fi」や「明るさの設定」まで一瞬でいく方法 - | NANOKAMO BLOG
iPhoneの設定画面を[当社比２倍以上]素早く開く方法 (iOS5限定) - Gorokuma Diary
なお、アイコンのデザインは下記URLのデザインをインスパイヤ()しています。（させて頂きました。 Luminescence...
May 2011
5 posts
3 tags
jqueryで任意の要素の存在チェック
jqueryでエラー処理用に任意の要素を存在チェックしたい！のメモ
html
<div id='hogehoge'>hogehoge</div>
js
if($("#hoge")){
//$("#hoge")が存在するときの処理
}
上記だと$(‘#hoge’)が存在しないにも拘らず、tureに入っちゃって、エラー処理にならない。
どうしたもんかと思ってjQuery 日本語リファレンスをチェック。
見つけたのが以下。
if($("#hoge").size() > 0){
//$("#hoge")が存在するときの処理
}
.size()...
4 tags
MBA（mac book air)でバーチャルホスト設定 - without XAMPP/MAMPP
複数サイト持ってると /Library/WebServer/Documents にデータ移し替えるのだるい
gitのフォルダとテストフォルダが違うのがだるい
をなんとか解決する
参考サイト : XAMPP for Mac OS Xでローカル環境構築 〜バーチャルホスト設定〜 | nakachi.me
参考サイトで解説されてるのはXAMPPなんで、macのネイティブ環境のパス含めて僕専用リライト的なメモ。 まぁ、やってる事に変わりはないので、参考サイト見た方がいい。。。
httpd.confファイルの設定
/etc/apache2/httpd.conf を開いて下記の「#」削除
# Include /private/etc/apache2/extra/httpd-vhosts.conf
httpd-vhosts.confファイルの設定
...
3 tags
jsの速度チェックmemo
jsで速度チェックしたかったので下記参考サイトのスクリプトでチェックしたよ。というメモ。
参考サイト : JavaScript：スクリプトの実行速度を計測する - KK企画研究所 - Yahoo!ブログ
チェック用コード
/***
* JavaScript：スクリプトの実行速度を計測する - KK企画研究所
* http：//blogs.yahoo.co.jp/k3_labs/3471296.html
*/
//スクリプトの実行速度を計測する
function getTimeMeasurementJavaScript($_script){
$timeStart=new Date(); //処理開始時間を取得する
var $timeStart; //計測開始時間のセット
var $timeStop; //計測終了時間のセット
var...
3 tags
.htmlファイルでphp走らせる設定
.htmlファイルでphp走らせる必要が有ったので、その設定。
ついでに、phpの文字コードとかUTF-8にする。
参考サイト
PHPを拡張子 .html で動作させたい時、.htaccess に何と記述した.. - 人力検索はてな
Windows用XAMPPのUTF-8化
.htmlファイルでphp走らせる（etc/apache2/httpd.confの）設定
上のリンクの1番の設定を etc/apache2/httpd.conf に設定する。 Library/WebServer/Documents/ の中は結構ガチャガチャ弄るので、.htaccess 置くんじゃなくてこっち。的な。
$ sudo vi httpd.conf
#コメント外した - yyyymmdd
LoadModule php5_module ...
3 tags
sshの鍵ファイルを複数使い分ける
sshの鍵ファイルを複数使い分ける必要が出来たので、google先生へお伺い。 参考サイト:
~/.ssh/config で簡単に複数ホストへのSSH接続を管理する - すぱぶらの日記
結果的に上記のサイトの方法で問題なかったんだけど、一点だけ嵌ったのでメモ
エラー
Path Finder
(Finder代替)から新規ファイルでconfigを作ったら読み込んでないっぽい。
$ ssh hoge
ssh: Could not resolve hostname hoge: nodename nor servname provided, or not known
回避方法
/etc/ssh/ に ssh_config というファイルがあるので、それを ~/.ssh/ に持ってくる。
ssh_config ＞ config にリネーム。
config...
April 2011
4 posts
4 tags
GitのGUIアプリ選び
会社のフロント側データの共有を開発が使っているgitにレポジトリ切って貰って使う事になった。
で、色々手こずったので時系列メモ。 その3.GUIアプリ選定
1.GUIアプリのリストアップ
まぁ、僕とデザイナーの彼は脳が残念なので「GUIがいいよね」とか言う事でリストアップしたGUIクライアント。 最終候補４つ。
GitX (Free)
GitX - Home
一番有名？使ってる人が一番多いっぽい？GUIが素っ気ない。 アイコンが嫌。
Gitti (Free)
Gitti: A Git Client for Mac OS X
情報が少ないのかな？サイトにRelease noteないので、更新頻度とかちょっと気になる。
見た目はよさげ？
Tower (¥5,499)
Tower - The most powerful Git client for Mac...
4 tags
CUIでgit clone
会社のフロント側データの共有を開発が使っているgitにレポジトリ切って貰って使う事になった。
で、色々手こずったので時系列メモ。 その2.CUIからgit clone
CUI(Terminal)からgit clone
前のpostでsshも無事繋がったのでgitに繋げてみる。
とりあえず、僕ら用のリポジトリへアクセスしてみる。
$ git clone ssh://[user]@[hostname]:[port]/[repositoryのpath]
Cloning into [repository name]...
remote: Counting objects: 3, done.
remote: Total 3 (delta 0), reused 0 (delta 0)
Receiving objects: 100% (3/3), done.
(ﾟДﾟ)ｳﾏｰ
...
3 tags
MBAで秘密鍵SSHへアクセス
会社のフロント側データの共有を開発が使っているgitにレポジトリ切って貰って使う事になった。
で、色々手こずったので時系列メモ。 その1.SSHアクセス
秘密鍵sshへアクセス
1.とりあえず接続
会社のリポジトリがあるサーバーは秘密鍵でssh接続。
winで使ってる鍵（id_rsa.ppk)をMBAの ~/.ssh/ に持ってきて、terminalからssh接続テスト。
$ ssh -l [user] -p [port] [hostname]
Permission denied (publickey).
えー。。。
2.mac用鍵生成
google先生に聞いてみると、どうもwinの鍵はmacじゃ使えないらしい。。
下記のサイトを参考にwin機で.keyファイル作成。ステキ。 Putty秘密鍵(ppk)をMacで使う | ijo.cc
...
4 tags
Mac Book Air 11inch 64G/4M インスコアプリ備忘録
半年くらい経ったのかな？ということで、Mac Book Air 11inch 64G/4M に入れているアプリとかの備忘録。
使わないのも多いから、もう少し整理する必要があるなー。
1Password ($39.99)
パスワード管理ソフト。 iMacとAirとiPhoneでパス同期。年に数回しかログインしないサイトのID/PWもこれで安心 iMacとAirは同じ1ライセンスで可能。
Adium
IM統合。アイコン、スキンが気に食わないのでXtrasで変更
Adobe Creative Suite 5 Web Premium ( リンク先で確認 )
仕事用。高いよ。。。5.5とか買えない。。iMacとAirは同じ1ライセンスで可能。
AppCleaner
アプリをUninstallするとき関連ファイルも一緒に消せる
BetterTouchTool...