Jul
03
2015
Posted on Jul 3, 2015 at 22:55
顔アイコンジェネレータを作りました。
PNG Face Icon Generator（http://ficns.com/）
なんかバグがあると思いますが、最低限動作する感じになったので自由にご利用ください。
アイコンのオリジナルは以下のURLでダウンロードできる「Avatars and Emoticons Vector Set」というフリーの素晴らしいベクターファイルです。勝手ながら使わせていただきました。どうもありがとうございます。
http://www.webappers.com/2014/03/26/free-download-avatars-and-emoticons-vector-set/
今のところ、口の大きさがそろってなかったり、各パーツの位置などを調整することができませんが、そのうち対応するつもりです。
Sep
04
2014
Posted on Sep 4, 2014 at 20:37
WordPressのプラグイン「Advanced Custom Fields」のアドオンに「Date and Time Picker Field」という時間入力に使える便利なものがあるのですが、デフォルトでは入力スライダーが1ずつ加算されていくため、例えば10分間隔でパラメータを入力したいという場合には、そのままだとユーザービリティがあまりよろしくありません。
コードをチェックしてみると、どうやら「jquery-ui-timepicker-addon.js」というjQueryのコードをそのまま読み込んでいるようなので、Date and Time Pickerアドオンのjsディレクトリ以下にあるjquery-ui-timepicker-addon.jsをエディタで開き、stepの部分を任意のパラメータに変更すれば目的が達成出来そうです。（プラグインのコードを直接いじるとアップデートに対応出来なくなるため、あまりよろしくありませんが。）
例えばスライダーの分を10分刻みにしたい時は以下のように「stepMinute」を変更します。
[acf-field-date-time-picker/js/jquery-ui-timepicker-addon.js]
... stepHour: 1, stepMinute: 10, stepSecond: 1, stepMillisec: 1, stepMicrosec: 1, ...
時間の入力間隔を変更したい場合は同様に「stepHour」のパラメータを変更すれば、設定した間隔でスライダーが動作するようになると思います。
Oct
30
2013
Posted on Oct 30, 2013 at 23:33
MA9の締切日を10月31日だと勝手に勘違いしてて結局間に合いませんでしたが作ったので公開します。
Jikkai（http://alpha-version.com/jikkai/）
Jikkaiはその名の通り「十戒」を作ることが出来るWebアプリです。十戒をつくると同時に十戒を破壊するためのURLが生成されるので、信頼出来る人等にURLを渡して十戒に背いていないかチェックしてもらいます。
具体的にはまず以下の様な十戒が作られます。
鋼の教えに背くとこれがこうなる。
そしてさらにこう。
最後にこれ。
5年くらい前に思いついたやつをバックエンドのみappiariesで作りました。
jsonでデータのやり取り（読込、作成、更新、削除）ができるので、データベースとかサーバーサイドの事はよくわかんねえけどメモ帳とか掲示板みたいなの作りたいという人はBaaSを使うと良いかもしれませんね。
以上。
Aug
06
2013
Posted on Aug 6, 2013 at 23:57
単なる宣伝なんですが、アプリ登録の全体の流れを知るためにPhoneGapですげー適当に作ったカラーコード変換アプリがAppStoreで公開されました。
↓ついでにAndroid版も公開しました。全く同じコードで吐き出せるかと思いきや、Andoroidではなぜか navigator.notification.alert が上手く働かないため、jsの alert() をそのまま使ってます。あとグラデーションが妙に汚い。また、Andoridエミュレータで見たら重かったのでjQueryのアニメーションをカットした他、細かい部分を調整してあります。
Jul
29
2013
Posted on Jul 29, 2013 at 21:35
しょうもないiPhoneアプリがある程度完成したので、AppStoreに登録してみるかと思ったわけですが、まず登録用のバイナリの吐き出し方が分からない。
調べたところ、どうやらXcodeで[Product]-[Archive]を実行すればいいらしいと判明したため早速実行。（※前提条件として本番用のProvisionigプロファイルは生成済みです。）
しかし、PhoneGap2.9.0 + Xcode4.6.3でarchiveを実行したところ以下のエラーが発生。※既にPhoneGap3.0がリリースされているのでバージョンアップ後は関係無いかもしれません。
〜/Applications/libCordova.a clang: error: linker command failed with exit code 1 (use -v to see invocation)
事前にBundle identifierを変更したのでそのせいかとも思ったがググったら以下の対処法を発見。
phonegap v2.9でxcodeの4.6のリリースのために、アーカイブを構築できない
↑恐らくどこからかの転載である上に日本語訳がすげー怪しいが気にしない。
上記のURLを参考に修正を実施。以下の手順で書き換えを行えば良いらしい。もっとも参照元では以下の手順だけでは上手く行かなかったようですが。
Found a fix.
1.In your Target's Build Settings,
find Other Linker Flags
2.Change $(TARGET_BUILD_DIR)/libCordova.a
3.To $(BUILT_PRODUCTS_DIR)/libCordova.a
図解すると以下のような感じで修正を行う。
この状態で再度[Product]-[Archive]を実行したところ上手く行った模様。
しかし、参照元サイトでは以下の気になる一文が・・・
With the above trick, I can achieve the app and submit to App Store with no issue. But I found out in the iTune Connect that it shows "Invalid binary".
App Storeにsubmitは出来たけどInvalid binaryで突っ返されたって書いてあるんだが大丈夫なんだろうか。
一応、上記の手順でバイナリを作成後、苦行に近い行程を経てなんとかAppStoreに申請しました。何かあればまた次回。
Jul
19
2013
Posted on Jul 19, 2013 at 19:29
Jul
17
2013
Posted on Jul 17, 2013 at 01:41
PhoneGapに限った事じゃ無さそうですが、初期状態だとiPhoneアプリのアイコンに勝手に光沢が入ります↓
こいつを何とかしたいと思ってネットを駆け巡ったらStack Overflowで見つかったのでメモしておきます。
また、アイコンの制作には以下のPhotoshopテンプレートとアクションを使いました。これすげー便利。
【PhoneGapでアイコンの光沢を無効にする】
PhoneGapのプロジェクトディレクトリにある「xxx-info.plist（xxxにはプロジェクト名が入る）」に以下の記述を追加。
<key>UIPrerenderedIcon</key> <string>true</string>
Xcodeでplistを開いた場合は以下の記述を追加すれば良いらしい。
Icon already inculdes gloss effect ※YESにセット
こんな感じ↓
これで行けるかと思い気やどうやらiOS5以上だと？駄目らしい。Xcodeでビルドする際にTARGETSのSummaryタブで「Prerendered」という部分にチェックを入れる必要があるようです。（もしかしたらこれだけでも良いのかもしれない）
この状態でビルドすればアイコンに光沢が表示されません↓
【参考】
Jul
16
2013
Posted on Jul 16, 2013 at 19:36
PhoneGapの日本語Googleグループに同様の質問があったので私なりに調べた対応方法を記載しておきました。
ソフトキーボードの日本語表示 –
PhoneGapファン (phonegap-fan.jp)
【対応方法】
以下の図のように言語環境設定が日本語であるにもかかわらず英語表記になっている。
これを日本語に変えるにはプロジェクトディレクトリ内の「xxx-info.plist」に以下の記述を追加すれば良いらしい。
<key>CFBundleAllowMixedLocalizations</key> <string>true</string>
上記の設定を追加するとiPhoneの言語環境に合わせて文字列の表示が変わるので、日本語環境で利用しているiOSでは日本語表記のものに変わる模様。
【参考】
Change the language of iOS virtual keyboard “previous”, “next”, “done” buttons – Stack Overflow
Jul
12
2013
Posted on Jul 12, 2013 at 20:05
PhoneGapで制作していて速攻で気になるのが画面のスクロール。以下の図の様に画面の上下が画面外にスクロールできる。
これを固定化するにはどうすれば良いかというと、Stack Overflow に対応方法が載っていた。
Phonegap vertical scroll – Stack Overflow
・CSSの追加
念のためCSSに以下の記述を追加。
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
・metaタグのviewportを変更
viewportを以下の様に変更する。
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, width=device-width" />
・config.xmlを変更
プロジェクトディレクトリ内にある「config.xml」を開き、DisallowOverscrollをtrueに書き換える。
<preference name="DisallowOverscroll" value="true" />
以上で画面外にスクロールできないようになる。
