はてなブックマーク

愛用している AeroReader が最近更新されなくなってしまい、iPhone 6s だと画面が引き伸ばされたままで悲しみがあふれていたので、自分用に勉強がてら作りました。Ladder って名前です。レポジトリはこちら。React Native で作っていますが Android では動きません。 フィードを消化して連続で読んでいくことに特化していますので、機能はとても少ないです。ぼく自身ピンを使わないので、ピンが無かったりします。機能は並び替えくらいですね...。 Electron で LDR のデスクトップアプリを作った時もそうでしたが、デザインセンスが滅亡しているのでがんばって Slack に似せてみました（つらい）。 動かし方 npm start すると、React Native がファイルの監視を始めるので、そしたら ios/Ladder.xcodeproj を開いて実行すれば

手軽にデスクトップ（or ウィンドウ）を録画できるアプリが欲しかった Photon を使ってみたかった Electron 楽しい 以上の動機で書いてみました。Rec って名前です（てきとー）。レポジトリはこちら。Mac であればバイナリを置いてあります。Windows は試していないです。 使い方 アプリを起動するとデスクトップとウィンドウの一覧がサイドバーに並ぶので、録画したいものをクリックしてから、カメラアイコンをクリックで録画開始です。止めるときは停止アイコンですね。仮想デスクトップをお使いの場合は、対象のデスクトップにアプリを移動して、右上のリフレッシュボタンをクリックです。 停止アイコンをクリックで録画された webm がダウンロードできますので、あとはご自由にどうぞ。 中身 Electron v0.36.0 から desktopCapturer モジュールが使えるようになりまし

その三です。徐々にアプリっぽくなってきたかな？というった感じですが、どうでしょうか。レポジトリはこちら。 ソートとフィルタを追加した フィード一覧のサイドバーにソートの変更とフィルタ（検索ボックス）を追加しました。React のコンポーネントを作るレベルではないかなと思い、ベタに HTML を書いて、onchange で監視しています。 ソート・フィルタの変更で毎回データを取得するのもアレですし、データ取得と画面描画を分けました。こういうとき React は楽ですね。フィルタリングしてソートした JSON をレンダーに渡すだけで終わっちゃいます。 キーボードショートカット（と LDR API）を増量 p ： ピンの付け外し c ： 本文の表示・非表示 f ： フィルタ（検索ボックス）に移動 b ： ブラウザで開く キーボードショートカットのフィルタの移動が少々面倒でした。キーボードショート

思っていたよりたくさんの方たちに見ていただいたようで、とにかく圧倒的にデザインがダサくて恥ずかしかったので、ちょっとだけバージョンアップしました。あと、前回のは Electron 成分が少なめでしたので、今回はちょっぴり増量しています。レポジトリはこちら。 圧倒的にダサかったデザインをなんとかした Slack っぽくしてみました。ちょっとは今風になったかもしれないです。 そもそもデザインセンスもないですし、HTML / CSS は 3〜4 年くらいまともに触っていないので、どなたかやってやるよ！って方がいらっしゃいましたらぜひ...。限界に近いです。 認証をどうにかする アクセストークンをインスペクタから引っこ抜いて〜、とか自分でもやっていられないレベルだったので作りました。結果的に、スプラッシュスクリーンのようなものもできあがりました。 よくあるエントリーポイントのウィンドウを作る流れ

もともと nw.js で作っていたのですが、久々に Electron を見てみたらトレイ周りがかっちょよくなっていたので、書きなおしてみました（昔ぼくが見た時はトレイを表示させるとベコベコ感が気に入らなくて、nw.js だったのですが勘違したのかも？）。 レポジトリはこちら 使った npm パッケージ { "dependencies": { "lodash": "^3.10.1", "moment": "^2.10.6", "q": "^1.4.1", "react": "^0.13.3", "request": "^2.61.0" }, "devDependencies": { "electron-packager": "^5.0.2", "electron-prebuilt": "^0.31.0", "gulp": "^3.9.0", "gulp-babel": "^5.2.1", "

まだまだ機能は乏しいし、既読化も実装していません（テストでフィードがなくなっちゃうと痛いので後回し）が、ぼく自身、常用しているショートカットまでを実装できたので、ご紹介。 レポジトリはこちら。 使っている npm パッケージ React：コンポーネントとかレンダリングとか react-modal：元記事表示用のモーダルを作る時に mousetrap：キーボードショートカットで request：API と通信 lodash：なんやかんやでいつも使う できること フィード一覧の取得、表示 選択されたフィードを読み込んで、記事一覧を表示 元記事の表示 最低限のキーボードショートカット （まだ）できないこと 認証 その他いっぱい 構成 main.js がアプリのエントリーポイントになります。package.json からアクセストークンを取得してウィンドウを作っているだけですね。app/html/

Titanium でも自動化したい方へ 一連の流れ GitHub にプッシュ CircleCI が拾う Mocha（in ti-slag）テスト Titanium ビルド Beta へサブミット 準備 一度アプリをビルドしてから Fabric の Crashlytics を導入しておきます。記事中、2. の Paste in the following command にある、Crashlytics の API_KEY と BUILD_SECRET が必要になります。スクリプトの第一引数が API_KEY、第二引数が BUILD_SECRET になるのでどこかにメモしておいてください。 CircleCI の project settings → Experimental Settings で Build iOS project を On にして、ページ右下にあるチャットボタンから iOS

iOS でナビゲーションバーを非表示にしている（navBarHidden: true）ウィンドウからナビゲーションバーを表示しているウィンドウへ遷移した際のバグとまめテクニックになります。 ※ サンプルはクラシックスタイルですが、Alloy を使っている場合でも同様の現象が起こります 以下の様なナビゲーションウィンドウに内包された win1 から、win2 へ、さらに win2 から win3 へボタンか何かを配置して遷移できるとします。 var win1 = Ti.UI.createWindow({ navBarHidden: true }), win2 = Ti.UI.createWindow({ title: 'win2' }), win3 = Ti.UI.createWindow({ title: 'win3' }), nav = Ti.UI.iOS.createNavigatio

Xcode 6 の iOS 8 系シミュレータはシミュレータ内で言語環境を日本語に設定しても反映されません。もちろんキーボードも日本語入力ができないし、Ti.UI.Picker で type プロパティに Ti.UI.PICKER_TYPE_DATE を指定すると英語表記になってしまいます。 シミュレータ起動時に -AppleLanguages (Japanese) を渡してあげればよいのですが、Titanium の場合はビルドコマンドがよろしくやってくれるので、そのままだと渡すことができません。 Titanium CLI をちょっと改造すればよいかと思いますが、実は CLI にはビルドコマンドがありません。ビルドは SDK に依存するため、SDK 内部に存在しています。さらに、ビルドコマンド自体がシミュレータの操作を行うのではなく、ioslib という npm が担当しています（正確には

なぜか最新の環境（SDK 3.5.0.RC、CLI 3.5.0-dev）でビルドしても、プロダクト（アドホック）ビルド以外は 32bit でインストールされてしまうため、シミュレータやデバッグ時のデバイスビルドは 64bit でテストを行うことができません。毎回アドホックビルドは面倒です。。。 試しに $ ti build -p ios --sim-64bit 等でビルドしてみてください（そもそも --sim-64bit オプションは Xcode6 からのシミュレータでは意味がないかも）。build/iphone/build/XXXXX.build/Debug-iphoneos/XXXXX-iPad.build の中身を見てみると、i386 や armv6、もしくは armv7 しか存在しないのがわかります。実機ビルドをして、Instruments でアクティビティを確認してみましょう。ア

Titanium SDK 3.2.0.GA から追加された AttributedString を Alloy のビューとスタイルのみで使えるようにする、Alloy 自体の改造になります。 Titanium SDK 3.6 系から AttributedString が Android でもサポートされ、ネームスペースも Ti.UI.iOS.AttributedString から Ti.UI.AttributedString へ変更されるため、Alloy 自体の対応は 1.6 系からとなるようです（待てません。というか、諸事情で SDK と Alloy のバージョンを動かせない場合もありますし）。 そもそもコントローラに Ti.UI.iOS.createAttributedStinrg を直書きすれば良いのですが、Alloy を使っていて今更そんなこともしたくないですし。。。 というわけで、A

はじめに iOS 用 ti.map モジュールの記事になります。Android な方はごめんなさい。 さて、この記事は ti.map モジュールの基本的な使い方ではなく、Objective-C では存在する機能を有効化するために、ちょっとだけ改造したものの解説になります。 ti.map Gesture Recognizer fork https://github.com/k0sukey/ti.map/tree/GestureRecognizer ti.map モジュールへタッチ系イベントを追加するフォークになります。よくある地図をタップした地点にアノテーションを追加したいときなどに使えるかと思います。また、ti.map には pitchEnabled と rotateEnabled はあるのですが、なぜか zoomEnabled が存在しません。地図をピンチで拡大縮小するのを許可するかしな

最近 Titanium Studio を利用している方をよく見かけて、唯一羨ましいな、と思った機能がショートカットで対応するコントローラ、ビュー、スタイルを開けるというものでした。こんな便利なものがあったんですね。羨ましい（悔しい）！ というわけで、Sublime Text でも似たような機能を実現できるプラグインを作りました。 https://github.com/k0sukey/sublimetext-AlloySwitcher これでサイドバーのファイルツリーを探さなくて済みますね。プロジェクトが巨大になっていくにつれて苦痛だったんです。やったー！ インストール方法はあすとろなんとかさんのChatWork にファイルの中身をぶん投げる Sublime Text プラグインを作ったを参考にどうぞ。https://github.com/k0sukey/sublimetext-AlloyS

地味すぎて世間から忘れられてしまいそうな Titanium の布教も兼ねて、先日のもくもく会に参加もできず、存在自体地味なぼくもアピールしてみようかと投稿してみました。よろしくお願いします。 さて、突然のお誘いですが、お誘いというか、ぼくみたいな方にはお勧めですので是非どうぞ。 ぼくはどうも命名がふらふらしがちで、Alloy プロジェクトで $ alloy generate controller foo した後でも、やっぱり違うなーとコントローラ名をちょこちょこ変更しまくる癖があります。病気ですね。ただ、コントローラ名を変更すると言っても、変更するのはコントローラ、ビュー、スタイルの3つになります。毎度毎度こんなことをしていたらとても非効率ですよね。ということで、一括で簡単に変更したいなーという怠惰な理由でこのコマンドを作り始めました。普段から Titanium Studio ではなくて、