はてなブックマーク

ブログを書きました。Qiitaにも投稿します。 -- 前々から Gist は知ってたのですが（kobitoからQiitaに投稿する際に、Gistにも投稿するかオプションがあるし）、あまりちゃんと触ってなかったので、この機に試してみました。 Gistとは GistはGitHubのサービスの一つで、これを利用するとソースコード1ファイル単位(複数もOK)でGit管理し、公開することができます。 GistのURL：https://gist.github.com 例えばこんな感じです ⇒ https://gist.github.com/hkusu/78e0e3460efe7723f948 何が便利か 大きくは次の特徴があるからかなと。 本来GitHubは、無料枠だと非公開なリポジトリは作れないのですが、Gistの場合は非公開にできる。 ただURLが分かってしまえば誰でもアクセスできてしまいます、が

resources 類の場合 通常は src/main にファイルが置かれていると思いますが、debug ビルド用のファイルは src/debug ディレクトリを作成して配置します。 main と debug で同じ定義(上図でいうとapp_name)がある場合、debug ビルド時は main のソース < debug のソース の優先度で適用してくれます(定義が上書きされる)。debug のファイルでは、main の全ての定義を上書きする必要はありません(debug で上書きしたい定義とういうか、その行だけ書けばいい)。 layout や drawable の場合はファイル単位で debug ビルド用のものを用意します。 debug でなく release ビルド時のソースを分ける場合も同様な考えで。 Java のソースの場合 Java のソースの場合は、main のソースは debu

あるViewに対してアニメーション①を実行し、終了したらアニメーション②を実行し、、ということを実現したいとします。ただリスナーでアニメーションの終了を検知しているとコードがネストしたり、繰り返したい場合にどうすればいいか困ったりします。 そういう場合は、enum でステートマシンを作ってアニメーションを実行するとコードがすっきりします。 例えば下記のコードは、あるViewに対してアニメーション AnimState1 AnimState2 AnimState3 の順次実行を繰り返し行うコードの例です。 enum SomeAnimState { Stop { @Override protected void start(View view) { changeState(view, AnimState1); } }, AnimState1 { @Override protected void

package io.github.hkusu.sampleapp; import android.os.Build; import android.support.v7.app.ActionBar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.KeyEvent; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class MainActivity extends AppCompatActivity { private WebView mWebView; @Override protect

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Flux とは Facebook が提唱したアーキテクチャの名称で、最近のフロントエンド(JavaScript)界隈でアプリケーションの状態の複雑さに対応する為のアプローチの一つです。 https://facebook.github.io/flux/docs/overview.html 旧来の MVC2 もしくは Observer パターンに Action Dispatcher Sotre というコンポーネント名を定義し Flux という名称をつけたもの、と考えてもよいかと思います。 なぜフロントエンド(JavaScript)界隈で今こ

先日の LINE DEVELOPER DAY 2016 で LINE Notify が発表されました。これを利用して独自のボットが作れそうなので、今回は AWS Lambda で簡単なボットの作成を試してみました。 Lambda を利用することで、自分にサーバを持たずにボットを運用することができます（いわゆるサーバレス）。 トークンの取得 https://notify-bot.line.me/ja/ にログインし マイページ にアクセスします。 ログインの為の ID とパスワードは LINE アプリで登録・確認できると思います。 トークンを発行する ボタンを押下します。 ボット名を適当に入力し 1:1で〜 を選択します。 自分はほぼ LINE を利用してないのでよく分かりませんが、画面を見る限りトークルーム？なるものも選択できるのでしょうか。 トークンが発行されるのでメモっておきます。 マ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

これは スピカ Advent Calendar 2015 の１９日目(12/19)の投稿です。私は Android版ネイルブック の開発に携わっているのですが、今回も Android に関する記事を書きたいと思います。 昨日、表題のことをどういう風にしているか聞かれたので、よい機会だと思い今回まとめました。アドベントカレンダーっぽいネタですし。 私は Android の開発経験がめちゃめちゃ長いわけではありませんし、専業でもなく、また世の中にはもっとすごいエンジニアさんが山程いらっしゃると思うので、まあ参考程度に。これから開発を始める方の参考に少しでもなればと思い、ここに書きます。 ちなみに本屋やAmazonで買えるような書籍はすぐに陳腐化してしまいますし、またそういう状況なので Android の書籍はこれから開発を始める方向けの導入というか基礎的なもの以外はあまり発刊されない、という状

※ 環境に合わせて変えてください。 ② Android ButterKnife Zelezny ButterKnife 用のコードコードをレイアウトファイルから自動生成してくれます。 バインド対象の View が多いと手で記載するのは大変だし間違いの元なので、私はいつもこれで自動生成しています。 ③ Android Material Design Icon Generator Google の Material icon を簡単にプロジェクトへ導入できるようになるプラグインです。また Google のサイトに用意されているアイコンは黒・白の２種類だけなのですが、このプラグインを利用すると色も自由に変えられます。 ④ Android Drawale Viewer drawable リソースの中身が確認できます。 ⑤ Fabric for Android Studio Fabric 用のプラグ

画像変換は EC2 に導入した ngx_small_light で行い、画像の実体は Nginx のプロキシ機能を使って WEB ホスティングした S3 から取得する構成です（EC2 はリバースプロキシ＆画像変換サーバとして動作する）。既に画像を S3 の WEB ホスティングで配信しているサービスであれば、リバースプロキシ＆画像変換サーバを S3 の前段に置くことで画像変換機能を付与することが出来ます。 簡単に試してみたので、本投稿はその手順のメモです。 ngx_small_light の概要はこちらのスライドが分かりやすかったです。 ⇒ 実践ngx_small_light入門 by Tatsuhiko Kubo【Speaker Deck】 環境構築の手順 EC2 の用意 今回は クイックスタート の一番上にある、このマシンイメージ(AMI)を利用しました。OS は Amazon Lin

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Android 初心者です。新しい言語を学ぶとき、まずは RSSリーダ的なものか、外部APIでデータを取得する何かを作りながら学びたい派なのですが、何故か Android の入門的な書籍には方法が書いてないので、調べながらやってみました。 参考にさせて頂いた記事 Androidの汎用的な非同期通信クラスできたよー! AsyncTaskにリスナーを追加してActivityで処理する Android AsyncTask with JSON Parsing JSONをパース（解析）する 今回の環境 Android Stuido：1.0.1 JDK：1.7.0_71 compileSdkVersion：21 minSdkVersion：15 targetSdkVersion：21 通信用クラスの作成 AsyncTask を継承してクラスを作成し、コールバック用のインタフェースを実装します。実際に通

自分的にはどの JavaScript ライブラリを試すにしても、この環境の上に目的のライブラリを載せるnのが一番効率が良いかなと思い、テンプレート化してみた。 テスト系が含まれていないが、学習目的ならこれで十分かと。 下記は補足です。 Node.jsモジュールの構成(package.json) 主要なのは browserify と、Babel 用のトランスパイラである babelify です。最悪この２つだけあれば、本 package.json の scripts の build に書いてあるようなコマンドを叩く(もしくはこの環境の場合は $ npm run build で実行できる)ことで ES6 から ES5 への変換および Browserify による Node.js ライブラリ（= npm コマンドでインストールした node_modules 配下のライブラリ）を含んだ形で、Jav

〜 "devDependencies": { "react": "^0.13.3", "browserify": "^10.2.1", "babelify": "^6.1.1", "gulp": "^3.8.11", "vinyl-source-stream": "^1.1.0", "gulp-webserver": "^0.9.1" }, "scripts": { "build": "browserify --debug --transform babelify app.jsx --outfile bundle.js" }, 〜 後方互換を期待して各ライブラリのバージョンは固定していないので、もし手元で上手く動かない場合はバージョン番号の前の^を外してバージョンを固定して導入してみてください。 React.js は HTML ファイルの script タグで読み込むのではなく、Brows

'use strict'; angular.module('apiTestApp') .factory('JsonData', ['$http', function ($http) { return { getSampleData: function () { return $http.get('data/sample.json', {cache: true}) .success(function(data, status, headers, config) { return data; }); } } }]) ; きちんとキャッシュされているか否かは、Chrome の Developer Tools で確認できます。 2回目以降はAPIコールがされなければOK（後述しますがキャッシュ先はヒープメモリなので、ブラウザをリロードするとキャッシュは消えてしまうので注意）。 もしキャッシュの挙動

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今回は単純に、WebView 内の JavaScript から Android のトーストを表示してみます。 まず、Android 側で、JavaSript ⇔ Android(Activity) 間のブリッジとなるクラスを新規に作成し、 hogeMethod メソッドが呼ばれたら、トーストを表示するようにします。 クラス名は安直に JavaScript としましたが、何でもいいです。 package com.example.hkusu.javascripttest; import android.content.Context; import android.widget.Toast; public class JavaScript { private Context c; public JavaScript(Context c) { this.c = c; } public void

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?