サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
円安とは
hosikiti.hatenadiary.org
iOSやAndroidのモバイルアプリをWebアプリで作り始めて自分が我慢ならなかったのが「ボタン」だ。Aタグを使っても、clickイベントをバインドしても、反応が遅い、トロいボタンになってしまう。ネイティブにはやはり勝てないのか。クイックなボタンはWebで作れないのか…ダメ元で試行錯誤した結果、、、 ネイティブアプリのボタンと見間違うほど機敏なボタンが出来上がった! Webでもここまで動くのか!と感動してしまった。 ルック&フィール 見ての通り。「タップ」を押すと1ずつカウントアップする。「リセット」を押すと0に戻る。 「タップ」ボタンを押した時の感じがとても気持ちいいのでぜひ試してほしい。二本指でトリルのように超高速でタップしても完全に追随するのは驚愕だ。早押しゲームのような耐えうるレスポンスだろう。なお、このアプリはタッチデバイス(スマホ、タブレット)でしか動作しない。動作検証した端
Xperiaを購入して7日間が経過した。使っていて「あれっおかしいな?」と思ったり「使いにくいな...」と思った点がいくつかあり、どうにかして使いやすくならないか試行錯誤した結果、見つけた解決策をまとめておく。 画面の輝度(明るさ)を変えても変わらない 画面の明るさはデフォルトでは自動調整がONになっており、この状態で輝度を変えても全く変わらない。 自動調整がONだと、センサーが動いたり結構高めの輝度で表示されてしまう結果、バッテリの減りにも影響が大きいので、OFFにしておこう 設定アプリを起動→画面設定→画面の明るさ→明るさを自動調整 のチェックを外す クレードルにうまくはまらない 最初のレビューでもさんざんこき下ろしたクレードルだが、ストレスなくはめることができるテクニックを見つけた。上からまっすぐ差し込むのではなく、置いて横からスライドさせるようにするとカチっとはまる。下記の写真を見
OSX(10.8)でRedisキャッシュサーバをサービスとして裏で起動させる方法を紹介する。 Redisサーバをインストール 普通にbrew installするだけ。 sudo brew install redis Redisサーバの起動 redis-serverただ、これだとCTRL+Cを押したらサーバが終了してしまう。サービスとして裏で動かし続ける場合には適さない。そこで次の方法をとる。 Redisサーバをサービス登録 sudo vi /Library/LaunchDaemons/io.redis.redis-server.plist開いたファイルに以下をまるっとペースト。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.app
サーバ側でWebサイトのスクリーンショットを撮りたいというときに、ヘッドレスブラウザのPhantomjsを使う方法はすぐに見つかる。これをNode.jsから使えるようにした「node-webshot」を使えばWebサイトのキャプチャを撮れるようにするのは簡単。ただ、Ubuntu 12.04では日本語サイトの文字が文字化け(□←所謂、豆腐文字になる)してしまう。これじゃ使えないので色々試したら以下で解決した。ちなみにOSX 10.8では文字化けせずにキャプチャできたので、以下設定は不要のはず。 まず普通にNode.jsでスクリーンショットを撮れる環境を作る。詳細は触れない。 「node-webshot」という便利なライブラリをDL、インストール。 https://github.com/brenden/node-webshot ただ、このままだと文字化けするので以下の方法で回避。 まずIPAフ
Nodeのバージョン管理システムであるnvmを使って、UbuntuにNode.jsとnpmをインストールする。 nvmを使うことで最新のNode.jsを使うことができるのはもちろん、安定したちょっと古いバージョンを選んだりもできるし、バージョンアップも容易に可能だ。インストールに使ったUbuntuのバージョンはUbuntu 12.04.2 LTS。たぶんUbuntu 13でも同じ手順で行けるはず。apt-getでもNode.jsのインストールはできるが、細かなバージョンアップに対応するのは困難になるため、こちらの手順でインストールする方法がオススメ。 インストール(バージョン番号は自分の使いたいものに置き換えてほしい) $ sudo apt-get install git curl build-essential libssl-dev $ git clone https://github.
Excelの列固定、便利ですよね。 それをHTMLのテーブルでやろうとすると、HTML5をもってしても、いまだにJavaScriptを使わないといけない。そこで、テーブル先頭列固定ができるJSライブラリを探してみた。もちろん、すべて無料。先頭行の固定が出来るライブラリは結構あるんだが、「列」固定ができるライブラリは意外に少ないようだ。 https://github.com/mmurph211/Grid 列固定するカラム数の指定まで出来る。 初期化は少し大変そうだが、柔軟なカスタマイズが可能っぽい。 http://www.fixedheadertable.com/ シンプルで初期化も容易。だが固定するカラム数は1つのみっぽい。カスタマイズしないと使えないかも? http://www.otchy.net/javascript/tablefix/ 日本人作成。ドキュメントとか充実してるのでそこは
多くのMacユーザがMavericksにアップデートしたことだろう。 特に開発者の人はアーリーアダプターが多いから、殆どの人がアップデートしたのではないか。 さて、ちょっとMavericksインストール後にびっくりしたことがある。 ローカルで動かしていたMAMPのApacheが動かなくなり、http://localhostにアクセスすると「It works!」なんていう、サーバインストールしたてですと言わんばかりの恥ずかしいメッセージが出るようになってしまったのだ。どうやらMavericksは、OSアップデート後にApacheをも再インストールし、自動でそいつを起動するように設定されているらしい。 だからMAMPのApacheが起動できなくなっていたのだ。違うApacheが起動しているのだから、設定が初期状態に戻っているので、自分の作ったアプリが動かないのも当たり前だ。ちょっと慌てたが、以
iPad miniにiOS7が入った。 あとで綺麗にまとめるがとりあえずメモ。 全体的には動作も軽いし悪くないアップデート。 ただ、見た目はフラット化による改悪が散見される。 良いところ ロック解除のスライドが画面全体のスワイプで良いのでめちゃくちゃ楽。 ロック画面での通知メッセージ領域が広がった 全体的に動きはサクサク カメラでHDRが使えるようになった! 壁紙の動くエフェクトもちゃんと機能する 4本指画面下からスワイプでマルチタスクビューへ。これもサクサク。 iPhoneアプリが大きなサイズで高解像度で表示できるようになった(←これ地味に嬉しい) 残念なところ ホーム画面に戻るときのアニメーションが少し遅くてちょっと重くなった印象(固まるとかは無い) ホーム画面のフラット対応アイコンとそうでないアイコンの差が激しくてチグハグ。iOS7のせいではなく、アプリ側対応の問題だけどちょっと残念
勉強のためにAngular.js(v1.0.1)のソースコードを読み始めました。フレームワークの仕組みを把握するために読み始めたのですが、「おぉそんなことがあるのか!」と新しい事実の発見があったり、「やはりこの書き方は推奨されるんだな。。。」とベストプラクティスの有効性を再認識したりなど、JavaScriptの実践的な知識を学ぶのに役立っているので、備忘録として記録していきます。 対象は、JavaScriptでアプリをごりごり書いたり、ライブラリを作ったりしている”それなりにJS開発の経験がある人”です。 まず第1回目は1〜1719行目までです。 'use strict'; とJavaScriptの先頭に書くことでJSエンジンによる厳密な文法チェックを有効にする String.toLowerCase(), String.toUpperCase()にはトルコ語環境において不具合があるので、そ
バージョン ドメインあたりのクッキー数 1クッキーの最大サイズ(byte) ドメインあたりの最大クッキーサイズ(byte) Chrome 20.0.1132.57 180 4096 NA Firefox 14.0.1 150 4097 NA Safari 5.1.7 600 4093 4093 Opera 12.00.1467 60 5117 12093 IE 8 50 5117 10234 IE 9 50 5117 10234 調査には以下のサイトを使用しました。 http://myownplayground.atspace.com/cookietest.html
JavaScriptのパフォーマンスを上げる13のテクニック 一部意訳あり。(特に関数についての11と13)。深く理解したい方はスライドや動画を観ることをオススメ。 (元記事) http://www.jonefox.com/blog/2012/07/10/13-javascript-performance-tips/ - 先日、Googleのダニエル・クリフォードは"Google I/O 2012"にて「V8で打ち破るJavaScriptのスピードリミット」と題した素晴らしい講演を行った。その中で彼は、JavaScriptコードで実践できる13のシンプルな最適化手法を紹介している。それらはChromeのV8 JavaScriptエンジンのコンパイルや実行速度を上げ、コードを速くするものだ。彼はそれらについての多くの説明を行なっているが、もしただシンプルTips一覧が欲しいというなら、以下を
Ubuntu 10.04から10.10にアップグレードするときに以下のようなエラーで止まってしまった。 An unresolvable problem occurred while calculating the upgrade: E:問題を解決することができません。壊れた変更禁止パッケージがあります。 何度やってもダメ。諦めかけたが、ふとどっかにログが出てるんじゃ?と思い/var/logを探してみると、それらしいログが /var/log/dis-upgrade/apt.log に出ている。 中身を見てみると、 Package xserver-xorg-video-all has broken 依存 on ほげほげ みたいな行が最後の方にたくさん出ていた。 どうやら xserver-xorg-video-all というパッケージが悪さしてるっぽいので、 sudo aptitude remo
Subversionで開発していると、ソースコードをコミットした後に、動作環境用のサーバにもアップするということがよくある。 そうした場合、コミットとアップを両方行う便利な方法が、post-commitフックである。 リポジトリの中の hooksというフォルダに、post-commit.tmpl というファイルがあるので、それを post-commit という名前でコピーする。そしてその中に コミットした後に実行させたい内容を書けば良い。 例えば、 cd WEBサーバのアップしたい先のディレクトリ svn updateと書き、実行権限を付与してやれば、コミットされた後に、WEBサーバがリポジトリの最新状態に自動的に更新されることになる。 アップロードなどの手間が省けてかなり便利だ。 なお、上の例では、アップしたい先のディレクトリの.svnファイルに、あらかじめapacheの実行権限を付けて
数週間前にリリースされたばかりのVimの7.3をCentOS 5.5にインストールしてみた。 まず、ncurses-develパッケージが無いとmake出来ないので入れておく。 yum install ncurses-devel -yソースとパッチ取得してパッチを当てる。 wget http://ftp.vim.org/pub/vim/unix/vim-7.3.tar.bz2 tar jxfv vim-7.3.tar.bz2 mkdir vim73/patches cd vim73/patches seq -f http://ftp.vim.org/pub/vim/patches/7.3/7.3.%03g 3 | xargs wget cd .. cat patches/7.3.* | patch -p0あとは恒例のconfigure -> make -> make installの流れ。
結論から言うと、初期状態では上手く動かない。 apacheの設定で、/appというパスがある特殊なフォルダにリンクされてしまい、CakePHPのappフォルダの中身にリンクしないからである。次の設定をしてやることで動くようになる。 cd /var/www/vhosts/あなたのドメイン/conf vim httpd_vh_base.confしてconfファイルを開く。そして、上から13行目あたりの Alias /app /var/www/vhosts/あなたのドメイン/appを、次のようにコメントアウトしてやる。 #Alias /app /var/www/vhosts/あなたのドメイン/appそして上書き保存し、apacheを再起動する。 以上でCakePHPのアプリが動くようになるはずだ。
H.264は高解像度動画の圧縮フォーマット。 再生には対応したコーデックが必要になる。今までCoreAVCコーデックを使ってきたが、たまにコマ落ちする、マルチモニタ環境で動画再生ウィンドウをモニタ間で移動させると固まるなどの問題が発生していた。 ところがひょんなことでDivXコーデックのフリーパッケージに、H.264のデコーダが含まれていることがわかった。そこで試しに使ってみると、1080p(1920 x 816)の動画も難なく再生し、CPU使用率もCoreAVCより低く(20%〜50%程度)、非常に優秀なデコーダではないか! 今後はこのコーデックでHD動画を再生したいと思う。 以下ダウンロードとインストール方法 (1) http://www.divx.com/ja/products/software/windows/divx からDivX 7のFree版をダウンロードし、インストールする
このページを最初にブックマークしてみませんか?
『hosikiti.hatenadiary.org』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く