hysaのブックマーク - はてなブックマーク

ユーザーをログアウトから守れ！―シーケンス図から読み解くログイン状態維持【Webアプリ編】 | DevelopersIO

認証というのは面倒なもので、利用者に余計な手間を掛けさせてアクティブ率を下げたくないと日夜工夫を凝らす我々にとっては、やり玉に上がりやすいテーマであると思います。要するに、ユーザーをログアウトさせたくないわけです。さて、どうしましょう？生魚おじさん、都元です。今月の魚はアジです！アジを食べましょう。さて、認証というのは面倒なもので、利用者に余計な手間を掛けさせてアクティブ率を下げたくないと日夜工夫を凝らす我々にとっては、やり玉に上がりやすいテーマであると思います。要するに、ユーザーをログアウトさせたくないわけです。例えば Facebook や Twitter のページはいつ訪問しても自分のアカウントでログイン状態になっています。最後にログインしたのはいつでしたっけ？覚えていませんよね？これがおそらく皆さんの理想です。セッションによるログインログインには通常、Cookie を

hysa 2019/03/29

実装

リンク

[日本語Alexa] Alexa Skills Kit for Node.js はじめの一歩 | DevelopersIO

0 リプレイスについて Alexaは、昨年（2017年）11月に日本語対応となりました。ここDevelopers.IOでは、英語でしか利用できない頃から色々Blogに書いてきたのですが、更新された情報も含めて日本語で利用するAlexaについて纏め直してみたいと思います。この記事は、下記の記事のリプレイス版です。 Alexa Skills Kit for Node.js はじめの一歩 2018/03/26 @zono_0 さまからご連絡頂き、:askに関する記述を修正させて頂きました。 1 はじめに Alexa Skills Kit for Node.js (以下、Alexa SDK) は、Amazon のAlexaチームによって作成されたスキル作成用のSDKです。 Announcing the Alexa Skills Kit for Node.js AlexaのSkill開発では、「セ

hysa 2018/01/04

alexa

リンク

【Scala】flatMap は怖くない！ | DevelopersIO

ここで注意が必要なのは「型引数をとる全てのクラス(全ての総称型) ≠ 文脈付きの値」ということです。型引数をとり、文脈付きの値とはいえないクラスも存在します。たとえば　SeqFactory[A] は、 Seq のサブクラス A を生成するファクトリであり、文脈付きの値ではありません。もっと身近な例を上げると、わたし達が普段よく目にしている（であろう） Provider[A] や Publisher[A] というインターフェイスも、それぞれ「Aを提供するもの」「Aを発行するもの」という意味であり、Aという値を修飾しているわけではないので文脈付きの値とは呼びません。文脈付きの値を返す関数親友検索を考えるさて、文脈付きの値がどのようなものかわかってきたところで、実際に文脈付きの値を生成する関数を作ってみましょう。 …などと大げさに言ってみましたが、そんなもの、今までだってたくさん作って

hysa 2015/10/24

scala

リンク

Android Studio で JUnit4 を利用する【基礎編】 | DevelopersIO

Android Studio を使用して、 JUnit4 のテストを記述してみましょう。ひとまず、UIテスト用のフレームワークやモックフレームワークは使用せず、最小構成で動かしてみます。準備まず、 Android Studio で適当なプロジェクトを用意します。 JUnit4 を使用するために、まずはプロジェクトルートの build.gradle を開き、ビルドツールのバージョンが 1.0.0 以上であることを確認して下さい。 dependencies { classpath 'com.android.tools.build:gradle:1.0.0' // or greater } 次に、プロジェクトフォルダ直下 (通常は app ) の build.gradle を次のように変更します。 android { defaultConfig { // ... testInstrumen

hysa 2015/09/26

android
test

リンク

[Android] 何人かの非同期処理を待ち合わせる | アドカレ2013 : SP #23 | DevelopersIO

Androidの非同期処理モバイル・アプリケーションの開発において、非同期処理は必須です。ユーザーのUI操作を妨げずに裏で様々な処理を行い、ユーザーが気持ちよく使えるUIでないと、マーケットで「ｋｓアプリ」と言ったレビューや評価の星が１つという評価を受けてしまいます。なるべく裏側でこっそり行いましょう Androidでは非同期処理を実装する場合には、以下の様なクラスを使います AsyncTask AsyncTaskLoader RunnableとThread 複数の非同期処理が完了したら、次の処理へ移行したいそれぞれの非同期処理を実行した時、個別個別で完結するならば問題ありません。ただ、自分以外の処理がどうなっているかなどを知ることなど出来ないので、複数の非同期処理が完了したら次に行く、といった条件を付けたい場合困ります。誰も音頭を取る人がいないので、待ち合わせる方法がありませ

hysa 2014/02/28

Android

リンク

Gradle入門 | DevelopersIO

よく訓練されたアップル信者、都元です。Gradle（グレードル）つかってますか？筆者は、プロダクトコードを書くのも好きなのですが、その周辺にある「プロジェクトのライフサイクル管理」の自動化にも非常に興味を持っています。つい半年前くらいまではMaven信者だったのですが、今は宗旨替えをし、Gradleにどっぷりハマっております。 Gradleは、進化系のビルド自動化ツールです。Gradleは、ソフトウェアパッケージもちろん、その他様々な形式のプロジェクト（例えば自動生成された静的Webサイトやドキュメント等）のビルド・テスト・（ライブラリ等の）公開・デプロイ・その他を自動化します。プロジェクトライフサイクルマネジメントツール? このようなビルド自動化は、古くはGNU Makeやシェルスクリプトが利用されており、その後Javaの世界ではAnt, Mavenと進化を遂げて来ました。Gradl

hysa 2013/12/04

Gradle

リンク

Android Tips #51 ネットワーク通信・キャッシュ処理をより速く、簡単に実装できるライブラリ “Volley” を使ってみた | DevelopersIO

Android Tips #51 ネットワーク通信・キャッシュ処理をより速く、簡単に実装できるライブラリ “Volley” を使ってみた Volley とは先日開催された Google I/O 2013 で Volley というネットワーク処理を高速化するライブラリが発表・公開されました。Volley を使うとよくあるネットワーク通信処理やキャッシュ処理を今までより簡単に実装することができます。物凄く魅力的ですね！以下のような機能があるようです。 JSON や画像ファイルなどのダウンロード非同期処理の簡素化リクエストのスケジューリングリクエストの優先順位付けメモリキャッシュ・ディスクキャッシュ強力で簡単なリクエストキャンセル Activity が存在しないときの自動キャンセルということで Volley をアプリに入れて使うまで試してみたいとおもいます。またセッションの内容は以下

hysa 2013/08/21

android

リンク

Android Tips #49 Android Query を使って jQuery 風に超シンプルにコーディングする | DevelopersIO

Android Query とは Android Query とは、Android アプリの実装を jQuery のようにコーディングできるようにするライブラリです。UI に関わる処理や非同期処理などをメソッドチェーンなどを利用して簡潔に記述することができます。今回はそんな Android Query をちょっと触ってみました。 Android Query を導入するまずは以下のダウンロードページからライブラリをダウンロードしましょう。最新バージョンは 0.25.10 のようです (2013年5月14日現在) 。 https://code.google.com/p/android-query/downloads/list ダウンロードしたら、お好きな Android アプリプロジェクトの libs フォルダに配置すれば完了です！ Android Query で実装するでは早速実装してみ

hysa 2013/08/21

android
tips

リンク

[Android Tips] Android Asset Studio でアセットをラクラク作成 | DevelopersIO

Android Asset Studio とは Android Asset Studio は Android アプリのアセット (アイコン素材やスタイルなど) をブラウザから生成することができるツール群です。アプリアイコンの作成から Notification 用のアイコン、また ActionBar のスタイルなどいろいろな素材を作ることができます。いろいろあるのでまとめてみました。 Launcher Icon Generator http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html ランチャーアイコン作成ツールです。手持ちの画像から各画面密度ごとのアイコンファイルを作成することができます。手持ちの画像がなくてもクリップアートとしていくつかのデフォルトアイコンを元に作成することもできるの

hysa 2013/08/19

][icon]

リンク

[AWS] Amazon SNS の新機能「Mobile Push」を Android で使ってみた | DevelopersIO

はじめに 8月13日(現地時間)、Amazon SNS にモバイルデバイス用の新機能「Mobile Push」がリリースされました。これによって SNS と GCM を組み合わせたプッシュ通知機能を簡単に実装することができます。ちなみに iOS は APNS、Kindle Fire は ADM といったようにクロスプラットフォームなプッシュ通知を簡単に実装することができます。しかも100万件まで無料！ということでサクッとサンプルコードを試してみました。ちなみに SNS ってなんじゃーってかたはこちらを、GCMについてはこちらをご参照ください！ iOS 版はこちら！事前準備 AWSアカウントの作成 Google APIアカウントの作成 (自分の Google アカウントで OK です) Google Play Services SDK のインポート AWS SDK for Java の

hysa 2013/08/14

AWSのMobile Push実装例

AWS

リンク

【Middleman】でモダンにHTMLファイルを出力してみる。 | DevelopersIO

前回に引き続き、Middlemanで静的なサイトを構築してみたいと思います。実際に、Middlemanを使用して、ベーシックなhtmlテンプレートを出力してみます。その際に、Middlemanの特徴の一つとして「Layout機能、Partial機能」を使用して、構築したいと思います。アジェンダディレクトリ構造のおさらい。レイアウトの考え方 Frontmatter(ページ固有変数) 実際に作成してみる。まとめディレクトリ構造のおさらい。プロジェクトフォルダを作成まず、作業するディレクトリに移動後、以下コマンドから　「sample」というプロジェクトフォルダを作成します。 $ middleman init sample ディレクトリ構造を確認作成した「sample」フォルダ内を確認すると、以下の様な構成になります。注目して頂きたい箇所として「source/layouts/

hysa 2013/07/31

middleman

リンク

軽量JSONパーサー『jq』のドキュメント：『jq Manual』をざっくり日本語訳してみました | DevelopersIO

jq Manual jqで簡単JSON加工｜ Developers.IO jqコマンドが実は高性能すぎてビビッた話 - beatsync.net JSONを超絶に読みやすくする jq コマンド - WebAPIバリバリ使うor開発する人必須 CLIでJSONの整形をする - ( ꒪⌓꒪) ゆるよろ日記 JSON形式の情報を様々な条件や書式として成形、フィルタリングツール『jq』。上記関連エントリで私もこのツールの存在を知る事になったのですが、ツールの簡易さ・便利さに感動しながら私もちょくちょく利用させてもらっています。そこでこのエントリでは、jq公式ページに展開されている利用ガイド・リファレンス的な位置付けの『jq Manual』を写経がてらざっくり日本語訳してみました。ざっくり訳なのでこの部分の訳おかしい・間違ってる等ありましたら御指摘頂けると幸いです。例示されているサンプルコードも

hysa 2013/07/11

jq
json

リンク

HTML5 × CSS3 × jQueryを真面目に勉強 – #17 Bootstrap をカスタマイズしてオリジナルテーマを作ってみた | DevelopersIO

トレンディ且つナウい Web ページを構築するための CSS フレームワーク（※枠組み）です。フレームワークというとなんだか大袈裟な響きですが、実態は単なる CSS と JavaScript という２つのテキストファイルだけで特別な使い方等もありません。利用者はこれらを HTML ファイルに読み込ませたのち、Bootstrap 側で既に定義済みのクラスを各 HTML 要素に指定するだけで、自分は一行も CSS を書くことなく高品質な Web ページが作れてしまったりします。 Twitter Bootstrap うろ覚えですが、2011年の夏頃に最初のメジャーバージョンがリリースされました *1。当時 Twitter のエンジニアで現在は Github にお勤め中の Mark Otto 氏によって開発され、2013年4月時点ではバージョン2.3.1が最新版となっています。またバージョン3.0

hysa 2013/05/01

twitter bootstrap

リンク

[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO

はじめにこんばんは。アンドロイダー？な諏訪です。本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。

hysa 2013/03/08

android
icon

リンク

第1回はじめてのSpring Framework | DevelopersIO

今やすっかりAWS屋、しかもアプリではなくインフラ寄りのプロダクトばかり触っている都元です。しかし元々はサーバサイドアプリ屋ということで、ボスのAWSへの想いとは裏腹に、ぼちぼちとサーバサイドJavaの話も出して行こうと思っています。というわけで、Spring Frameworkについて色々書いて行こうと思うのですが、どう考えても1回で終わる内容ではないため、シリーズ形式（連載）とさせて頂きたいと思います。ただ、書くネタは無限にありそうなので、回数は反響に応じて調整しようかな、と思っています。ギブミー・いいね。 Javaフレームワークの世界 Javaはフレームワークがいっぱいあることが利点でもあり欠点でもあります。多くの言語にはデファクトと言えるフレームワークが存在します。あまり知らない分野なので深く触れてヤケドしたくはないのですが、例えばRubyだったらRailsでしょうし、Pytho

hysa 2013/03/07

期待してます。

リンク

Play framework 2.0 betaが出たようです9 – Eclipseでデバッグする | DevelopersIO

Eclipseでデバッグちょっと前までPlay framework 2.0でデバッグを行うには、-Xdebug -Xrunjdwp:transport〜のようなパラメータをsbtの起動時に付与する必要がありました。最近のビルドではもっと簡単にデバッグが可能になっていたのでご紹介します。今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.2 Playframework : HEAD Java : 1.6.0_26 Eclipse : 3.7 注意: この記事ではgithubから取得したHEAD版を使用して試しています。正式リリース前の状況のため思わぬ不具合が生じるかもしれませんので、ご了承ください。ソースのHEADを取得してセットアップまだgithubからソースを取得していない人は、play2.0のソースを取得してビルドしましょう。 $ git clon

hysa 2012/08/06

リンク

HTML5で使えるスマートフォンの機能 | DevelopersIO

HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F