2018/01/27

Windows 10 で Flutter を始める



Flutter plugin v21 now available -- Introducing the NEW Flutter Inspector
Flutterのプラグインが新しくなっていました。

From Zero to One – Building a real world Flutter Application (Dart Conference 2018) - YouTube
Dartカンファレンスの後なので、Flutterを試すには良いタイミングです。

Flutterとは?
スマホのアプリを作るプログラムです。2018年現在、AndroidアプリはJavaやKotlinを使い、iPhoneアプリは、Swift を使います。Flutterは同じプログラムでAndroidアプリやiPhoneアプリを作れるようになります。

Dartのラクそうなところ The static checker
7年前の記事です。状況はガラッと変わっていますが7年以上も開発が続けられています。当初、DartのVMがChromeなどに入ってJavaScript v.s. Dartのような感じになるのかな?と思っていましたが、そんな小手先のことではなく、むしろClangのような位置を想定しているように感じました。

以下、初期設定のメモです。Flutter Setup for Windows - Flutter の整備され加減に、本気度を感じます。

Flutter SDK の保存場所
C:\flutter\flutterSDK
としてみました。Cドライブに「flutter」フォルダを作って、Git bash で「git clone -b alpha https://github.com/flutter/flutter.git」した後、「C:\flutter\flutter」となるので、フォルダ名を変更しました。

環境変数の変更画面の立ち上げ方
パスを通す方法ですが、やることは分かっていてもコントロールパネルの出し方も変わってしまうのが、Windows 10 。「Windowsキー」「c」でコントロールが選択肢として表示されました。
あとは、表示方法を「カテゴリー表示」にして、「ユーザーアカウント」を選びます。




その後、引っかかったのは2点。

  1. Git Bash で「flutter doctor」してもだめで、PowerShell を使うところ。
  2. Android Studio 3.0 を使うところをAndroid Studio 3.1 Canary 9 を使ってしまったところ。
あとは、スムーズに「Flutter Demo Home Page」の表示まで進みました。

ホットリロードは、⚡マークをクリックか「Ctrl + \」です。コメントの「Ctrl + /」の隣で使いやすい位置です。

とってもシンプルなコードで素晴らしいです。今年はFlutterの入門書が書店に並ぶこと間違いなしですね。爆発的にはやる予感がします。

2018/01/24

Dart Conference 2018

(1) Dart Conference 2018: Day 1 - YouTube

すっかりKotlin に話題が集中していますが、Dartも忘れないでおきたいです。Easy and fast SDK for beautiful apps - Flutter Flutterのホットリロードは前回のカンファレンスで会場が沸いていました。

Dart Conference
Effective Dart + IntelliJ など注目です。Googleは、そろそろIntelliJ を買収しても良いのではないかと思いますが、どうなんでしょう。


 

Dart Code - Visual Studio Marketplace
Visual Studio を使っているようです。

2018/01/23

iStock からアル・パチーノへ

素材写真のiStockは10年くらい何も買ってないと思いますが、まだ登録は残っています。毎週、無料のイラストやら写真やらがあるのですが、下のイラストは今週のイラストです。

iStock はGetty Images に買われたのですね。Getty Images はビルゲイツのCorbisと並んで高級感あふれる画像にあふれています。

Bill Gates’ Corbis Images Sold to Visual China Group – Variety
2年前に売却されているようです。

ストックフォト大手 Corbis コンシューマー向け素材をGettyと統合 同社子会社Veerの事実上終了 | マイクロストック、投稿型ストックフォト、または投稿型素材写真サイトの話
独占禁止法に抵触しない事実上の合併なのでしょうか。

Google Arts & Culture も良いですが、より商業的で楽しいです。お好きな画像を閲覧するのも一興かと思います。

無料で埋め込み可能な写真 | Getty Images 日本
アル・パチーノはここから探しました。

Embed from Getty Images
かっこいい。

2018/01/20

エポスプラチナカードのインビテーション


2016/12からエポスゴールドカードを使っていたので、1年あまりでインビテーションが来るようですね。エポスカードを作ったのは、知り合いがAndroid版のアプリを使っていて試してみたかったからでした。なかなか使いやすく気に入っています。

を使っているようです。



2018/01/19

SENNHEISER HD580 のクッションパッドを交換

SENNHEISER HD580 を持っているにもかかわらず、あまり使っていませんでした。つけていると耳が痛くなるです。ずいぶん前に買ったと思っていたら、2007年に販売終了しているということで、もう10年選手でした。

そんな訳でもっぱら、肩にかけて聴くような使い方をしていました。ただ、クッションがぺったんこに潰れているのに気がつきまして、交換すれば耳も痛くなくなるのでは?と試しにクッションパッドを注文していたのでした。
こんなのです。フォームヘッドバンドクッションパッド

サイドのプラスチックを上にマイナスドライバーなどで取る

別角度から撮影。プラスチックを外したら、溝にスライドさせて交換する

注文から12日ほどで本日届きました。交換が終わって音楽を聴きながらこの記事を書いていますが、装着感は改善されました。早く気がつけば良かったです。交換時は、マイナスドライバーをそのまま使うと板バネの塗装に傷がつくので工夫しましょう。

2018/01/18

Android 4.2.2 のWebViewバグ




android.webkit.WebViewClassic$WebViewInputConnection.setNewText (WebViewClassic.java:587)

ただ、Web検索するだけでクラッシュしてしまうのは困ったものです。

Android 4.3 以前 を安全に使う方法 (#2772819) | Android 4.0向けGoogle Chrome、サポート終了へ | スラド
古いAndroid端末は安全には使えないので、サポートから外すか機能を消すかしないとダメですね。

2018/01/17

ナビゲーションドロワーが常に表示されてしまう

ナビゲーションドロワーの作成 | Android Developers
2013年のサンプルがあります。

todo-mvvm-live
googlesamples/android-architecture at dev-todo-mvvm-live
Architecture Components のサンプルですが、2018年現在のナビゲーションドロワーのサンプルとして参考にしました。

android.support.v4.widget.DrawerLayout
    android.support.design.widget.CoordinatorLayout
    android.support.design.widget.NavigationView
/ android.support.v4.widget.DrawerLayout

といった並びにする必要があります。

android.support.v4.widget.DrawerLayout
    android.support.design.widget.CoordinatorLayout
        android.support.design.widget.NavigationView
    / android.support.design.widget.CoordinatorLayout
/ android.support.v4.widget.DrawerLayout

とネストするとナビゲーションドロワーが常時表示されてしまいました。

2018/01/16

Google Goggles は自動的に教えてくれる


Google Goggles をスマホに入れていたのですが、昨日の記事に使った写真を自動的に解析して、リンク先を教えてくれました。

 

Rudolf II of Habsburg as Vertumnus - Giuseppe Arcimboldo — Google Arts & Culture
以前は、使っているパソコンに合わせて壁紙を探していましたが、最近はもうずっとGoogle Arts &Culture です。全画面表示した好きな絵をスクリーンショットしています。
良い絵を見ていると、良いモニタが欲しくなってしまいますね。

PACKT Books が5ドルに

たまたま見ていたら全品5ドルになってました。

All Books and eBooks | PACKT Books
私は、kotlinが気になりました。サンプルがYouTubeにあります。

ただ、Udacityに慣れるとPACKTの動画は長く観ているのが少々苦痛に感じてしまいます。

2018/01/15

ルドルフ2世展



神聖ローマ帝国皇帝 ルドルフ2世の驚異の世界展 | Bunkamura
に行ってきました。

“綺想の皇帝”ルドルフ2世の驚異の世界を味わう展覧会 - サライ.jp|小学館の雑誌『サライ』公式サイト
ここによくまとまってます。

ルーラント・サーフェリーの宮廷画家時代がとっても幸福そうに思えました。ルドルフ2世の宮廷は大きく立派すぎてヴンダーカンマーというイメージではない感しです。クンストカンマーと書いてあったのは、意味を使い分けているからかも知れませんね。

ウンダーカンマーの例としていつも見るあの版画(フェッランテ・インペラート)を動画解説でチラッとみたら町田市立国際版画美術館が所蔵しているようです。http://hanga-museum.jp/static/files/kyouinoheya_figure.pdf

最後に、写真を撮影してOKなエリアがありました。

2018/01/14

Google Web Designer はFlash 4時代を思い出す

AdWordsに広告を出稿するにあたって、HTML5の広告アセットを追加してみようとGoogle Web Designer を使ってみました。



Google Web Designer ヘルプ
ヘルプをよく読んだ方が良さそうです。直感だけではなかなか上手くいっているのかわかりません。特にテンプレートから作ると画面とパブリッシュしたものが違ったりして四苦八苦しました。

(5) Google Web Designer - YouTube - YouTube
動画もあります。わかりやすいです。


HTML5 Validator
こちらで、妥当性を確認はできます。ただ、320x480のサイズで作っているはずが、初期設定の300x250でプレビューされました。サイズは変更できるので320x480にして確認すれば良いのだと思うのですが、上手く作れば最初から正しいサイズで認識されるのかどうかも不明なため不安です。

クリック領域も設定すべきかどうかも、よくわからないのですが、おそらく上手く設定してくれるのだろうと思っております。

使っているとAdobe LiveMotion 2.0 や Macromedia Flash 4 を思い出します。タイムラインの操作性がクセがあるもののキーフレームを追加してイージングモーションを適用するだけで楽しいです。


最近、書店であまり見かけないWeb Designing誌はいつの間にか隔月になっているのですね。WDとなっていて気がつかなかったのかもしれません。kindle unlimited で読んでいる人が多そうです。

2018/01/13

2019 年 3 月末 カセットハードディスク「iV(アイヴィ)」販売終了

日立のWoooで使っているカセットハードディスクがあと1年あまりで販売終了となるようです。

2017年12月25日 カセットハードディスク「iV(アイヴィ)」販売に関するお知らせ



DVD-Rはまだ大丈夫そうですね。

Libertouch(リベルタッチ)キーボード FKB8540-052/B の調整


2018年も明け、無事UdacityのAndroid Nanodegree も卒業したので、念願のキーボードを購入していたのでした。さんざん迷っていたのですが、自宅ではデスクトップパソコンを使うことにしたので決めました。


そろそろ1週間使っていることになります。
Libertouch(リベルタッチ)キー荷重変更 にあるように押す力の弱い順に35g、45g、55gと3種類あります。標準は45gです。主に小指で打つキーとエンター、バックスペース、シフトなどを35gに、ホームポジションのキーを一部55gにしてみました。


45gでも結構軽いようで、ホームポジションに指をおいていると、いつの間にか入力してしまうことがありました。左手の薬指あたりが怪しい感じです。

今までは、ThinkPad X250 のキーボードを使っていました。英語配列に直そうかとも思ったのですが、そのまま日本語配列で使っていたため、今回購入にあたっても日本語配列にしました。良い買い物でした。

2018/01/12

[AOSP] assigned

Android 入門 | Android Developers
Androidアプリを作るときには、真っ先に目を通すところです。

ウェブ検索を行う
その中に、インテントを発行してウェブ検索を行うという説明があります。

アクションとしては、「ACTION_WEB_SEARCH」なのですが、すぐ下のスニペットでは、「ACTION_SEARCH」になっています。

おそらく誰もがすぐに気づいて特に報告もしないのだろうと思いますが、AOSPにコードで貢献するのは身に余るため、ドキュメントで貢献しようと報告をあげたところアサインされました。

ちなみに、「インテントの例」にある
if(intent.resolveActivity(getPackageManager()) != null) というところは特に重要なので忘れないようにしましょう。発行したインテントの引き受け手がないと実行時エラーになります。

2018/01/11

Windows 10 「システムの復元」で「0x80070005」エラー



Windows 10 の「システムの復元」で「0x80070005」エラーが出てしまい変更が適応できませんでした。いろいろと試してしまいましたが、どうやらファイルに書き換えロックがかかっていたようでした。というのも、怪しそうなフォルダを削除できなかったためです。

対処としては、セーフモードで起動後、該当フォルダ・ファイルを削除し、その後「システムの復元」をすると無事直りました。試していませんが、直接セーフモードで「システムの復元」をすれば良いのかもしれません。大した手間ではないので、次回「システムの復元」をするときには、直接セーフモードからしようと思いました。

立て続けにソフトをインストールしたため、問題のないソフトまで消えてしまいました。面倒でも、ソフトをインストールした後は「回復ポイント」を作っておくことをおすすめします。

2018/01/10

Typist on Browser でタイピング練習

2018年になり改めてタイピングの練習をしております。使っているのは、Typist on Browser です。Webで完結するところが素晴らしいです。祖を同じくするApple Storeのアプリも試したのですが、しっくり来ませんでした。

確か以前にもTypist on Browser について書いたなと思い、探してみると6年前の記事が見つかりました。

Best Free 2011予想「2011年タッチタイピングの旅」

当時と比べてタイピングは圧倒的に速くなりました。タイピングソフトにはいろいろありますが、Typist on Browser が今だに私のNo.1です。もちろんタイピングが速いことよりも、タイプする内容が重要なのは言うまでもありません。

2018/01/08

SwitchCompat の色変更

AndroidManifestテーマから自分で作ったstyles.xmlを指定して、「colorControlActivated」を好きな色にする。

AndroidManifest.xml
?xml version="1.0" encoding="utf-8"?
manifest xmlns:android="http://schemas.android.com/apk/res/android"
    application
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme"...


styles.xml
resources
    style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"
        @color/colorBlue500    /style
resources

android - How to change the color of a SwitchCompat - Stack Overflow

2018/01/07

2017年に買ってよかったものは「蒸し器」

スイト べんり蒸し器 20cm
直径20cm程度のフライパンや鍋に乗せて蒸すことができます。地味に使い勝手がよくて気に入ってます。プロダクトデザインというと大げさに聞こえますが、よく考えられているのが伝わります。
  • ~21cm程度の鍋でも乗るように最下部が直径を大きくするように膨らんでいる
  • 底面の溝の中に蒸気穴がある。蒸し器の下部から穴が開けられているのでバリが気にならない
  • アルミ素材なので、軽く洗いやすい
といったところです。

2018/01/06

元祖山手七福神を歩いて来ました。

2018年元祖山手七福神巡りをするなら、こちらをチェック!
元祖山手七福神を歩いて来ました。弁財天だるまは、数ある弁財天だるまのなかでも特に可愛らしいようです。

2018/01/05

日本語プログラミング言語「なでしこ3」

日本語プログラミング言語「なでしこ3」について

マルチプラットフォーム対応の「なでしこv3」がアップデートされていました。素晴らしい。

標準エディタ(v3/3.0.19/demo)
ここで試せます。

なでしこミーティング@明治大学
6年以上前にミーティングへ参加したのでした。久しぶりに作ってみたくなりますね。

2018/01/04

2018.1現在、Blogger 独自ドメインでのSSL接続にワンクリックで対応

Blogger がいつの間にか独自ドメインのSSL接続に対応していました。
「HTTPSの使用」を「はい」へ変更
Google サイトが先に対応したのには気がついていたのですが、Bloggerはチェックしてませんでした。

注意点は、「はい」にした後は、裏で面倒な設定を次々としているので、そっとしておいてあげる点です。変更中にメール投稿したものは、反映されませんでした。

2018/01/03

Udacity の Nanodegree 8コースが2018年1月いっぱい無料で体験できます

Android Developer Nanodegree を無事卒業しました。以前より、きれいなコードが書けるようになりました。さっさと受講しておけば良かったです。

知人におすすめしまくっているUdacityですが、有料なところに引っかかる方が多いです。そんなあなたに無料で体験できる機会がやって来ました。

Learn New Skills and Advance Your Career in 2018! | Udacity

  1. Robotics
  2. Front-End Web Developer
  3. Digital Marketing
  4. Deep Learning
  5. Data Foundations
  6. Machine Learning
  7. VR Developer
  8. Intro to Programming
の8コースです。Androidのコースと同じく、素晴らしい内容だと思います。