なんかできたよー。

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

パッケージ化された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…

CakePHP / カテゴリーデータとショップデータを紐づけて管理してみる(HABTM)

さいしょに TreeBehaviorを使ってシンプルなカテゴリー管理画面(CRUD)を作る にショップデータを紐づけて、管理を出来るようにしました。 完成図 action: index # 店舗情報がわかる # 所属カテゴリがわかる # ソート機能 # 店舗の登録へ # 店舗の編集へ ac…

CakePHP / Tree Behaviorを使ってシンプルなカテゴリー管理画面(CRUD)を作る

さいしょに HTMLの文法適当、CSSも直入れなため動けばいい人向けです。 参考 TreeBehaviorの使い方は、以下を参考にしています。 ページ 言語 バージョン ツリー — CakePHP Cookbook v1.3 documentation 日本語 古い Tree — CakePHP Cookbook v2.x documenta…

今更ながらCakePHPをはじめてみる [導入メモ]

内容 「CakePHP入門 (全32回) - プログラミングならドットインストール」と被ると言うか、試しに何回か導入してその都度解らないところを動画で確認するのが面倒だったので書きました。 CakePHPをダウンロード 「CakePHP: 高速開発 php フレームワーク」のDo…

アプリのバージョンの比較について関数を作ってみた。

前回のおはなし 一つ前の記事 iOSアプリ起動時にアップデートを知らせてApp Storeへ移動する では「アプリのバージョン」が「1.1」とか「2.1」とか単純に数値として大きいか小さいかで判別していました。よく考えてみたら、、、バージョンの表記って「1.0.1…

iOSアプリ起動時にアップデートを知らせてApp Storeへ移動する

他の人がどうやって実装しているのか解らないため、参考程度にどうぞ まず、「App Store」上のアプリページに移動方法ですが、端末上ですでにアプリをダウンロード済みの状態で以下の様にアプリページ(例:Skype)のURLを引数にとると「App Store」上のアプ…

ImageView画像読み込み時のローディング、読み込み失敗時のダミー画像表示

完成図 処理の流れ imageView の「defaultImage」に透明の画像を設定して、Titanium Mobileのデフォルト画像を表示させないように 画像が読み込まれるまで「Indicator」を表示 読み込みが完了 -> 「読み込んだ画像を表示」 読み込みに失敗 -> 「予め用意して…

JavaScript初級者がCoffeescriptを始めるにあたって参考になったサイトやWebサービス

最初に まだCoffeescriptを使ったことが無い人でも、なんとなくJavaScriptを知っている人なら 以下のサイトやWebサービスを参考にすれば、簡単に始められると思います。 便利なWebサービス CoffeeScript「CoffeeScript」の公式サイト。ヘッダーの「TRY COFFE…

iOSで使える font familyの一覧画像

Titanium MobileでどんなFont使えるのか謎だったので実機でプレビューしました。 内容について 以下のblogで書かれてる「font family」を使用しています。 ※記事自体は2年位前のものなのかな… ktmtt — Titanium/iPhone 指定できるフォント 実機プレビュー ソ…

NavBarの文字色、背景色変更などの共通化

Titanium MobileのNavBarって標準で文字色変更できたっけ…? 需要あるのか解らないけど、僕が使ってるテンプレです。 NavBarスタイル共通メソッド( App/util.js ) CoffeeScript navBarStyle = (win, title, color='#666')-> win.barColor = '#eee' #win.barI…

Titanium Mobile に Pixate Betaを導入してサンプルを動してみた

さいしょに 先走って Pixate Engine Professional for iOS を購入してしまったものです。 先日、Titanium Mobile用のBeta版をリリースしたとお知らせが着たので導入してみました。 準備 自分のメールアドレス・シリアル com.pixate.pxengine-iphone-1.0.2.zi…

Facebook OAuth認証設定例

メモ ■ 2013/02/12 追記 ※ Titanium SDKが「3.0.0.GA 」では動かないようです。 ご注意下さい。 最新版で修正されているようです。■ 2013/06/21 追記 「3.1.0.GA 」移行についてはこちらの記事が参考になります。 Titanium SDK 3.1.0 対応で色々大変だったと…

PHPを使ってヤマトの荷物お問い合わせシステムの配達状況を一括で抜き出す

php

PHPよくわかんないけど、配達状況を一括で調べた時に書いたコード。$post_value にカンマ区切りで伝票番号を入れるようにして伝票番号を10件ごとに配達状況をとってきてます。 出力結果 3057-0638-8120,12/26,配達完了 3277-7551-6154,01/19,配達完了 3277-7…

「エンジニアサポートCROSS 2013」Ustream配信一覧

2013年1月18日(金)に開催された「エンジニアサポートCROSS 2013」のUstream配信一覧です。あとで見る用の個人的なメモなため、見つからなかった配信については特に探していません。あんまり確認してないので、リンク間違ってたらごめんなさい。 エンジニア…

シングルコンテキスト、「module.exports」と「exports」の使い分けについてメモ

あってるか解らないけど要点だけメモ・同一ファイル内では互いに干渉し合う可能性があるため混同しない 項目 使いどころ new module.exports クラス・コンストラクタ関数を入れておく 使用 exports コンストラクタ関数以外の値や変数・関数(関数式) - 「requ…

Ti.UI.create...文が長くてよくわからないので正規表現で置換して簡略化してみる

誰かのサンプルコード読むときにTi.UI.create...文ってなんか長くて読みにくくて「(。•́︿•̀。)ウーン」ってなるのでオブジェクトリテラルで書かれてるパラメーターの部分を消す正規表現 # Find (Titanium|Ti)\.UI\.(.*?)\(\{(\s|.)*?\}\);# Replace $1\.UI\.$2\(…

なぜか楽天商品検索API用コードをCoffeeScriptで書き直した

サンプルコードはこちら。ヒアドキュメントのおかげでHTMLが直感的にわかりやすい。 class ItemSearch constructor: (@elem, initOpts)-> # Default Options defOpts = sort: '%2DreviewCount' @options = $.extend(defOpts, initOpts) selectId: -> # Appli…

楽天RMS 楽天ショップ商品ページでヘッダーコンテンツの幅を画面いっぱいに使うコード

楽天RMS用 メモ[デザイン設定] -> [ヘッダー・フッター・レフトナビ] -> [●●●] -> [ヘッダーコンテンツ] へコピペ </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table width="100%" cellspacing="20" cellpadding="0" border="0"> <tr> <td align="center"> </td></tr></table>

【Rakuten API】「プログラム初心者が楽天商品検索APIを比較的に簡単に扱えるかもしれない」コードをJavaScriptで書いてみた。

楽天商品検索API用コードを書いてみました。 # 2012/11/24に内容を修正しています。 初期オプションやおかしいところなど自由にいじって下さい。楽天ショップ内のGOLDでも使用出来ます。jsfiddleにサンプルコード置いてます。 使用方法・変更すべき箇所は以…

Hatena Blog

今更ながらブログと言うモノに手を出してみました。 初投稿で勝手がわからないので、はてな記述一覧を見ながら徐々に慣れていこうと思います。 以下、投稿テスト 大見出し 小見出し 小々見出し プレーンテキスト リスト1 リスト1−1 リスト2 リスト2−2 …