某所で使った資料の公開版 用語整理 PWA: ネイティブアプリのようなUXを提供するための機能群 SPA: JSで遷移するシングルページアプリケーション AMP: 後述 PWAMP: AMPで流入させてPWAを起動する形式 MFI: モバイルファーストインデックス いまさら聞けないPWAとAMP アメブロ2017: Isomorphic Web Appの進化編 AMP とは イニシャルビューのためのHTMLの特殊なサブセット GoogleにホワイトリストされたHTML属性しか使えない GoogleにホワイトリストされたJSプラグインしか使えない CSSはHEADに全部書く AMP仕様を満たすと、Googleがキャッシュして、モバイルの検索流入ではそのキャッシュを使う HTTPS必須 必ずしも全ページをAMPに対応する必要はない PWA: ServiceWorker の機能 リソースの先読み

この記事について Philipp Hauer's Blog Idiomatic Kotlin. Best Practices この記事はKotlinらしくKotlinを書くベストプラクティスが書かれており、とても参考になります。 許可をいただいたので、翻訳させていただきます。 もし間違えやもっと良い翻訳などあれば編集リクエストかtakahiromまでお願いします。 kotlinを最大限活用するために、Javaにおけるベストプラクティスを考え直す必要があります。Javaのベストプラクティスの多くはKotlinに提供されている機能によって置き換える事ができます。Kotlinらしい(Idiomaticな)Kotlinを書いて、Kotlinのやり方を見ていきましょう。 警告の言葉 : 以下のリストは網羅的ではなく、また私の控えめな意見を言っているだけです。さらにいくつかのKotlinの機能は健全な

一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。本投稿では、 Java プログラマを対象に、 Java にはない Kotlin 便利な機能について説明します。 本投稿は単独で理解できるように書いていますが、↓の連載の第三弾です。 Kotlin の基礎的な構文は理解していることを前提としているので、 Kotlin の構文自体を知らない方は以前の投稿を先に御覧下さい。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ Kotlinならではの便利なこと ←この投稿で扱う内容 Kotlinならではの便利なこと Java にはない Kotlin の便利な機能について説明します。 「Kotlinならでは」と書いていますが、あくまで Java と比較してです。本投稿は Java プログラマ向けです。（ Java にはないけど）そ

Keynote&Developer Keynote Keynote KeynoteにおいてKotlinはAndroid開発における公式言語としてサポートされることが発表されました。 合わせて、 JetBrains社とパートーナーとしてKotlin財団の設立 既存のコード(Java)にもさらなる投資をする ことが発表されています。 Kotlinが公式言語としてサポートされるに至った背景についてKeynote内では以下のような項目があげられています。 KotlinはAndroidの開発者コミュニティが既に求めていた言語で、開発者の生産性を高めることが出来る Androidのランタイムとの完全な互換性があり、既存のコードとの相互運用が可能である 素晴らしいIDEによるサポート 言語が成熟し、製品版としてリリース可能な状態である Developer Keynote Developer Keynot

はじめに 5/17（米国時間）〜3日間、Google I/O 2017が開催されました 今年も盛況だったようです いつものように 全てのセッションの動画 が公開されています 去年のセッションの中で話題になっていたAMP・PWAについて今年のセッション動画から動向を確認してみました AMP・PWAとは？（おさらい） AMP(Accelerated Mobile Pages) GoogleとTwitterが合同で開発 モバイルでページを高速表示する 必要な技術 AMP HTML…専用のhtml/CSS/JSコーディング AMP JS…専用のJSライブラリ Google AMP Cache…キャッシングのためのCDN 参考 Accelerated Mobile Pages Project（公式） Googleの AMPデモ AMP Start …AMP＋Material Designのコンポーネ

Docker や docker-compose を使ってデータベースを立ち上げるとき、 Web の GUI も一緒に立ち上げておくと便利です。 本稿では、JX通信社で使っているものの中から、各種データベースに対応する Docker 経由で立ち上げ可能な Web GUI の OSS をご紹介します。 「Web の GUI も一緒に立ち上げると便利」とは 例えば、次のような定義で docker-compose up して、 http://localhost:8080 にアクセスすると、 version: "3" services: postgres: image: postgres environment: POSTGRES_DB: test POSTGRES_USER: test postgres-gui: image: donnex/pgweb command: -s --bind=0.0

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。 Java プログラマが Kotlin を始めることがこれから多くなると思うので、 Kotlin をスムーズに始められるように次の 3 点についてまとめます。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ Kotlinならではの便利なこと すべてを一つの投稿にすると長くなるので連載形式とし、本投稿では最初の「Javaと同じところ」について説明します。 Kotlinって何？ 本題の前に、 Kotlin について簡単に説明します。 まずは↓の Android のコードを見て下さい。これは Android Studio が生成するテンプレートの Kotlin 版です。 Android アプリ開発者であれば、初見でも概ね何をしているのかわかると思います。 class Ma

Kotlin が Android の公式言語になることが Goole I/O 2017 で発表されました。これから Kotlin を始める Java プログラマが多くなると思うので、本投稿では Java プログラマが Kotlin でつまづきがちなところについて説明します。 本投稿は単独で理解できるように書いていますが、↓の連載の第二弾です。 Kotlin の基礎的な構文は理解していることを前提としているので、 Kotlin の基礎については　"Javaとほぼ同じところ" を御覧下さい。 Javaとほぼ同じところ 新しい考え方が必要でつまづきがちなところ ←この投稿で扱う内容 Kotlinならではの便利なこと 新しい考え方が必要でつまづきがちなところ 新しい概念を学ぶときには、何ができるのかだけでなく、どうしてそうなっているのかがわからないとそれをうまく使いこなすことができません。 本節で

@eaglesakura です。 Google I/OでAndroid Studio 3.0が発表されましたね。 Preview1の段階ですが、メジャーアップデートということでいろんな機能が追加されたようです。 2.3系列から3.0へのマイグレーションガイドは(youtubeのセッション動画等で）公開されていますが、毎度のことでそれだけではなんともできないことが多いので私の個人的なアプリプロジェクトでガイド以外にマイグレーションした箇所を書いていきます。 DexCountプラグインを削除する DexCountプラグイン(com.getkeepsafe.dexcount:dexcount-gradle-plugin) slack通知プラグイン(com.github.operando:gradle-slack-plugin)は内部で参照しているGuavaのバージョンが他のプラグインと競合するた

どうも、失敗系モナドが大好きな人です。 OptionとEitherのFor式を紹介するために、ステップを踏んだ演習を考えてみました。 折角考えてみたのできれいにまとめて公開してみようかと思います。 この記事はなに？ だれ向け？ 普段Javaを書いていて、Optionalをなんとなく使っている後輩達を想定して最初は考えました。 「Java8？よくわからないけど、nullはOptionalにすれば良いのね？」 って理解でnullチェックをisPresentに変えただけの人！いませんか？ OptionalをifとisPresentでの条件分岐に使っている様な人は、是非読んでもらいたいです。 他に、Scalaを触ってみたことがある人、触ってみようと思っている人や、Haskellをちょっと触ったことがあるよ、という人も是非目を通してみたください。 この記事ではScalaのOption, Either

（追記 2017/5/10） だいぶ放置していた形になってしまい申し訳御座いません。 僕自身ここまでの反響が（炎上が？笑）起こったことに驚いております。 賛同してくださった方・批判してくださった方、どちらも最後まで記事を読んでいただき、コメントまでしていただいたことに感謝でいっぱいです！ 自身の考え方としても勉強になりますし、何よりみなさんがこれだけ真剣になっていることが僕自身はとても嬉しい限りです。本当にありがとうございます。 前書き エンジニアとして1年経ち、振り返ってみると、業務中にわからないことがあるたびに調べ、 Qiita (記事投稿者の皆様方) には大変お世話になりました。ありがとうございます。（今頃になって自分は登録しましたが笑） 社会人1年目って人生１回きりしかありません。自分も2年目となり指導する側になる身として、 1年目で抱いていた心をいつまでも忘れないために、これを残

macOS Sierra にアップデートされる方はsshに注意です。 どうやらsshする際に指定した秘密鍵へのパスフレーズを覚えてくれない?ようで、しかも仕様みたいです。 "So it looks like Apple changed the behaviour of the ssh-agent in macOS Sierra. Now it does not autoload all the keys in the keychain that were added with ssh-add -K, so you must explicitly call ssh-add -A." 引用元:https://www.reddit.com/r/osx/comments/52zn5r/difficulties_with_sshagent_in_macos_sierra/ とりあえず解決策としては

2016/04/12（火）追記 23.3.0から、 app:srcCompatとsetImageResouce()でしかVectorDrawableが適用されなくなったようです。詳しくはSupport Vector Drawableのバージョン間差異についてに詳しく書かれています。 DroidKaigi公式アプリのアイコンをVectorDrawableにして各解像度ごとのpngファイルをほとんど消すことができたので、対応した内容をまとめておこうと思います。 Suppoort vector drawable #345 下準備 1. Gradleの設定 gradleのbuild toolバージョンをv2.0に上げます。

短くて一意な複数のID（short unique ids）を簡単に作りたい ユニークIDの需要はそれなりに高く、かつ出来る限りショートである方が望ましいという需要はそれなりにあります。 方法としては、UUIDを使ってるのではないでしょうか？ もしくは、MD5やSHA256等のハッシュ値をBASE64エンコードして我慢して使用しているのではないでしょうか？ 文字列長が超長いけど、ユニークなので、仕方なく、我慢しながら使ってるのではないでしょうか。 ここ最近、ショートでユニークなIDをシンプルに作れるという需要を満たす、Hashids が流行りつつあります。 詳しくは　→　http://hashids.org/ 対応してる言語は、有名どころだとC#以外の殆どの言語に対応しています。 JavaScript, Ruby, Python, Java, Scala, PHP, Perl, Swift,

null安全な言語のSwift, Kotlinを使えば、 リプレイス前より、安全安心になります！ (￣ー￣) ﾄﾞﾔｯ! 本当に？ 前提条件 仕様がアプリによって違うため ここでは、文字列fooがnilまたはnullだった場合、 バグである仕様と仮定にします。 主語は、Swift, Kotlinの場合です。 以下は、僕の個人的見解です。 Objective-C時代 nilにメッセージを送っても落ちないが バグを検知できない NSString *foo = nil; NSLog(@"%lu", (unsigned long)[foo length]); // 0 // nilに対するメッセージ送信結果はnil（数値を返す場合には0）が返却される // クラッシュしないが、バグが起きたことは検知できない String string = null; System.out.println(stri

普段よく使うJavaライブラリにも、GoFのデザインパターンが隠されています。日々の作業が忙しく見逃しがちですが、たまにはじっくり一種の芸術ともいえる美しい設計を味わってみましょう。 今回の芸術 import org.apache.http.client.fluent.Request; import java.io.IOException; ... String html = null; try { html = Request.Get("http://www.qualysite.co.jp/") .connectTimeout(1000) .socketTimeout(1000) .execute() .returnContent() .asString(); } catch (IOException e) { ... } 引数で指定したURLのソース（HTML）を取得するシーンですが、

[追記]Mastodon バージョン1.3.3がリリースされて、このページに書いている不具合は解決されて、今後は発生しなさそうです。このページも御役御免ということですね。問題にハマってる人は1.3.3にアップデートしましょう。 Mastodon のインスタンス運営をする上で、v1.3.2以下の Mastodon の設定が悪いとリモートフォローのユーザーの投稿がある日突然見えなくなることがあります。逆に相手サーバーの設定が悪いとせっかくリモートフォローしてくれたユーザーの投稿が届かなくなります。原因はいくつかあって、主に 受信側の購読の更新設定が出来ていなくて７日で期限が切れた場合 受信側サーバーのエラー時に送信側が投稿し購読が解除された場合 受信側か送信側の SSL の Mastodon への設定ミス の３つが挙げられます。 まず、なぜそもそも購読とか期限とか、ややこしいことが必要なのでし

3ヶ月で Serverless Framework を導入し、SPA ( Riot.js + RiotControl で Flux 実装 ) をリリースした話JavaScriptNode.jsAWSriotserverless ※ このお話は ( おそらく ) フィクションです。実在の人物や団体とは関係ありません。 前書き 中規模程度のサービスを Serverless 構成の SPA をパイロットリリースしました。具体的なサービス名等は紹介できません ( おそらくフィクションなので ) が、筆者が3ヶ月間でやってきたことを殴り書きして行きます。 基本的にはリリースまでに必要となった材料 ( 参考にしたドキュメントやサイト ) を重点的に紹介していくだけですが、同じような境遇の方々の手助けになれば幸いです。 筆者のプロジェクトイン時スペック 社歴3年程度 主にバックエンド・インフラを担当して

4月からAndroidアプリの開発案件に飛び込むことにしたので、それにあたって事前に勉強したこと、今まさに勉強していることをまとめておきます。 前提 私の状況 Java歴3年 / Clojure歴1年弱 Webアプリ開発の経験3年 iOS / Android共に経験なし 案件の状況 Kotlin x RxJava x Clean Architecture x ドメイン駆動開発 すでにAndroidをバリバリ書いている人が9割 絶賛開発中 開発に参加するために獲得したいスキルセット そもそもAndroidアプリ開発の雰囲気を把握したい Kotlin書けるようになりたい プロダクトに入っている各種ライブラリを使えるようになりたい 設計思想を学びたい そもそもAndroidアプリ開発の雰囲気を把握したい Webからアプリへの以降は少なからずパラダイムシフトを内包しているので、まずは雰囲気を知りた