なんかできたよー。

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

2013-01-01から1年間の記事一覧

忙しい人の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…