なんかできたよー。

Web系Tipsを適当につづるBlog.

近況

note.com 最近はこちらに投稿しがち

パッケージ化されたGoogle Chrome Extensionで「Developer Tools」を有効にする

Google Chromeの設定画面にアクセスする 設定画面URL:chrome://flags/ 「パッケージ化されたアプリのデバッグの有効化」項目を有効にする Google Chrome 再起動する 対象のアプリ上で「右クリック」から「Developer Tools」を呼び出せる

「Postman - REST Client」からTwitter API version 1.1を叩くためのOAuth設定手順

Github: https://github.com/a85/POSTMan-Chrome-Extension こんにちは!こんばんは! 仕事柄?REST APIを扱う場合が多く、レスポンスの確認に「Postman - REST Client (Packaged app)」をよく使います。 ただOAuthタブの使い方が今まで謎だったので、使用例…

ポテチを食べながらMacを操作するためにLeap Motionを設定する

こんにちは、こんばんは 「Oculus Rift DK2」を6月8日に注文しましたがまだまだ届きそうにないです。 悔しいので前々から気になってたLeap Motionを購入しましたので、ちょびっと遊んでます。 今回は特定のジェスチャーに対してコマンドを割り当てる事ができ…

pecoを使って爆速でお気に入りのディレクトリを開く

「peco」と「cd-bookmark」をインストールした上で「.zshrc」に下記を追記するだけ function peco_open_bookmark() { cdb | peco | awk -F"|" '{ print $2 }' | xargs open } zle -N peco_open_bookmark bindkey '^@' peco_open_bookmark ※ ショートカットキ…

Capistrano3の「set :branch」についてメモ

最近、Capistrano3を使い始めましたが、情報があまりなく手探り状態で色々漁ってます。基本的にデプロイするbranch名を「production.rb」や「staging.rb」に直書きしていたのですが 特定のリビジョン番号やタグでもデプロイ出来ればと思い探していたら下記に…

Minecraft共有サーバー(仮)を公開しました

# さいしょにあまり利用していないサーバー(Sakura VPS 2G)がありましたので Minecraftの共有サーバーとして再利用することにしました。※ Minecraftへの割り当てメモリは1Gとしております。 # 遊び方お使いのMinecraftクライアントから「マルチプレイ」を…

Sublime Textで覚えといたら良さそうな操作

.gist .gist-file { padding: 10px !important; } .gist .gist-file .gist-data {background-color: #fff !important;} Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ作者: 上野正大,杉本淳,前川昌幸,森田壮,こも…

JenkinsでGithubのWebHookを使って自動テストする。

### Jenkinsに「Jenkins GIT plugin」が導入済 ### Jenkinsユーザーの公開鍵がGithubに登録されていることが前提です。 ### また、その他必要なプラグインなどは各自揃えて下さい。===============================### テスト対象として一つ前の記事 「Jenki…

JenkinsでPHPUnitを実行するだけのためのbuild.xml (Apache Ant)。

JenkinsでPHPUnitのテストを走らせるためだけのbuild.xmlです。「tests」フォルダ以下の「*Test.php」のテストスイートを実行します。> tuki0918/jenkins_phpunit サンプルコード### フォルダ階層 workspace │ ├── build.xml └── tests ├── sample1Test.php…

忙しい人のGistのMarkdownで作るプレゼン用ブックマークレット

Git

天下一gitconfig大会で以前、Gistでプレゼン資料を作ってたの見たのと資料作りにkeynoteに入力していくの面倒だーと思ったので出来た糞コードを置いてゆきます。### 内容「←」「→」でスライドを操作です CSSなど適当です。現状、高さがWindow固定なので、内…

Git Hook / コミットメッセージの先頭に自動で今日の日付「yyyy/dd/mm」を挿入する

Git

### hookprepare-commit-msg### 内容コミットメッセージの先頭に「yyyy/dd/mm」または「yyyy/d/m」が無ければ、 今日の日付を追加する。 先頭に「yyyy/dd/mm」または「yyyy/d/m」がある場合は追加しない。 # コード #!/usr/bin/env ruby commit_msg = File.r…

ブックマークレット:TOPSY検索結果の次のページ移動

### さいしょにTOPSYのページャーが5ページ以上表示してくれないので、回避用です。### 内容動作させると自動で次のページに移動します。### コード元コード:リンク繰り上げ数を「24」にしています。### ブックマークレット javascript:(function(){ var d…

最近の個人的なローカル開発環境(PHPer向け)メモ

php

さいしょに ローカル開発環境のベースとして「yandod/php5-nginx-vagrant-sample 」が手軽で、すばらしいので利用させて頂いております。 git clone 等でファイルを落としてきた後 vagrant up のコマンドだけで以下の環境を簡単に作成してくれるのは非常にあ…

Rubyで複数の画像のサイズを一括で調べてExcelに書き出す。

さいしょに Photoshopなどで横長・縦長の画像でアクションを変更したい時に 沢山の画像の中からそれぞれ画像のサイズを調べて、横長・縦長をフォルダに仕分けるのが面倒だったので作りました。後日キャプチャのせるかも。 機能 調べたい画像のあるディレクト…

Google Chrome Developer Tools での値の入力操作が少し楽になった

さいしょに 今初めて知りました。 常識なんでしょうか…。 値の入力操作について Developer Tools 画像の右側の#title「font-size: 22px;」ですが 値を変更したい場合、「22px;」部分を選択中にして 方向キーの「↑」「↓」で 【1の位】 を操作出来るのは知って…

CSS3で可変リストの区切り線を作った

CSS

さいしょに Dribbble - Free Colorful Icons by Michael Dolejš にあるの区切り線をWebで再現したくて作りました。 完成したの アイコンは切り抜くの面倒だったので、商用利用可能なアイコン・イラスト素材ならICON HOIHOI さんの所のを使いました。※ 画像の…

Twitter上の画像をワンクリックで簡単に保存するブックマークレット。

さいしょに Twitter上の画像を簡単に保存するブックマークレット。(単体画像用 がゆるく需要があるみたいなので、少し便利にしたものを公開します。 使いどころ ユーザーのイメージ一覧ページ で この画像保存できねえ、、、ってなったときに使うと、自動的…

JSでカレンダー形式に格納出来るオブジェクトを作る

さいしょに ブックマークレット用に年別、月別集計になんか作ろうとしてたら、 格納用のオブジェクト出来たので使う人いれば…「サンプル」 コード # 集計開始:年 START_YEAR = 2000 # 集計終了:今年 END_YEAR = new Date().getFullYear() MONTH_ARRAY = ['…

Titanium Mobile 開発環境サンプル TiShadow / Grunt

さいしょに TiShadow / Grunt用の「package.json」と「Gruntfile.coffee」です。 ※ 他にサンプル見たこと無いのでこれでいいのか不明。 ( ºΔº ) 誰かオシエテクダサイ TiShadowの導入 Gruntの導入 を事前に済ませておく必要有り。 なにが出来る? 「coffee」フォル…

GruntでCoffeeScriptを自動コンパイルするコピペ

さいしょに 「astronaughts/grunt-tishadow · GitHub」を触りたいのですが、 「Grunt」をほぼ触ったこと無かったので練習です。詳しくみたいと言う人は「@masapla」さんの Grunt v0.4.0 インストール方法 | masaplabs を見た方が良いです。 Gruntをインスト…

Twitter上の画像を簡単に保存するブックマークレット。(単体画像用

追記 )2013/06/25 0:34 「右クリック→保存」しなくても良いバージョンを作りました。 Twitter上の画像をワンクリックで簡単に保存するブックマークレット。 さいしょに Twitterの画像保存しようとしてもレイヤーが入り組んでて、うまく保存できない場合用の…

Titanium Mobile / TiShadow 導入→動作確認まで

さいしょに TiShadow 導入→動作確認までのメモです。 まだ全然触れてないので詳しい機能についてはよく知りません。公式:TiShadow 参考 導入にあたり astronaughtsさんの スライドを参考にしました。 スライド:TiShadow で iOS / Android アプリのプロトタ…

JavascriptやCSSの捨てコードはGistに書くと便利かも

Git

追記)2013/06/08 0:50 # CSSは大丈夫そうだけどJSで「MIME type ('text/plain') is not executable,」エラー出る orz <script type="text/javascript" src="https://gist.github.com/tuki0918/5729646/raw/method.js"></script>#以下は動いた。 <script type="text/javascript"> var d=document; var s=d.createElement('script'); s.src='https://gis…

Search Plugin for CakePHP をとりあえず導入してみる

さいしょに 以前から検索機能が欲しかったので触ってみよう、触ってみようと思ってた「Search Plugin」です。思ったより参考記事が少なく途中挫折しかかりましたが、無事導入も終わったので必要最低限の内容を記事にしてみます。今回使うビヘイビア: CakeDC…

ロリポップ / チカッパプランで「Github, Bitbucket」にPushする

さいしょに 基本的にさくらVPSで作業しているのですが、クライアント?の都合でロリポップで作業/移行することになりました。ロリポップは初めてなので気づいたことがあれば、暇なので書いていきます。主に無料でプライベートリポジトリを作成できる「Bitbuc…

ブクログのデータを使って何か初めてみたい人用コード(jQuery)

API

さいしょに blog用に何か作ろうと思ってましたが、やっぱりやめたので、コードだけ公開します。もともとこの記事見て「ブクログのAPI(非公式)を使って本の情報をjQueryで取得してみた」始めてみようと思ったので、気になる方はおすすめです。 コード 一覧…

シンプルでローディング中に使えるクラス

さいしょに Titanium Mobileアプリ内でちょいちょい使う機会があったのでクラス化しました。 iOS用です。 機能 ● default の黒四角の大きさは 88dp です。● ActivityIndicatorのmessageが横にしか表示されなかったので、代わりにLabel使っています。● messag…

Switchボタンのオン|オフの表示の変更について(iOS)

さいしょに Titanium Mobileアプリを作り直したら特にコードいじってないのに、Switchボタンの表示が「オン/オフ」から「|/○」になってもた! なんでやっ!って事で共有します。 原因 Titanium Mobileって日本語はちゃんと扱えますか? - QA@IT を見て解った…

CakePHP で個人的にはまった所の解決策

さいしょに 「/var/www/html/admin/」は僕のCakePHPのRootフォルダになります。 適当に読み替えて下さい…。 JSON の出力 # app / Config / routes.php (末尾に追加) # 「controller名/action名.json」でアクセスすると「json」出力された Router::parseExt…