てけとーぶろぐ。

ソフトウェアの開発と、お絵かきと、雑記と。

Androidアプリのアイコン作成

また新しいアプリを作るにあたってアイコンを作っていたのだけど
近頃の Material design 推しのGoogleさんには
結構細かいガイドラインがあるようで、これに従えばそれっぽい感じにできそう。

Icons - Style - Google design guidelines

で、つくるも…

f:id:kurimayoshida:20160504190611p:plain

こら、「Don't.」って言われるパターンだわ…。中途半端に従ってはいけない…。

それから、リソースとして含めるアイコン画像は解像度の種類ごとに作るのが望ましいのだけど、これまた作るのが面倒。
ストア用に 512pixel x 512pixel で作成しておいて、あとはそれを元に、以下のサイトで解像度ごとのものを作成すると楽ちん。

MakeAppIcon - Generate app icons of all sizes with a click!

install.wim や install*.swm から HDD を復元する

Windows 8 のノートPCを購入時の状態に戻したくなった。

HDDの領域を目一杯使いたかったのでHDD内の回復パーティションは削除している。

でも大丈夫。購入直後に復元ディスク(DVD4枚組)をつくっているから。

…て、あれ、復元ディスクからブート出来ない…。

この状態から復元を試みる。

*.SWM ファイルの収集

復元ディスク1枚めの sources フォルダ内や 2枚目以降のドライブ直下にある
Install*.SWM(*には連番の数字) というファイルをコピーして適当なフォルダに格納する。

Install*.SWM を install.wim へとマージする

以下等から Windows ADK をダウンロード、インストールする。

Windows ADK のダウンロード - Windows ハードウェア デベロッパー センター

インストールするのは Deployment Tools のみでOK。

スタートメニューにできた「展開およびイメージング ツール環境」を管理者として実行。
表示されたコマンドプロンプトで以下を実行。

DISM /Export-Image /sourceimagefile:install.swm /SWMFile:install*.swm /Sourceindex:1 /DestinationImageFile:install.wim

※「install.swm」「install*.swm」は先程収集した*.SWM ファイル

install.wim ができるので、USBメモリーにしまう。
install.wim は場合によっては1Gを超える大きさでNTFSフォーマットでないと入らないので注意。

実は*.SWMのままでも大丈夫なのかもしれないけれど試していません…。

USB回復ドライブ の作成

以下を参考に install.wim が入ったのとはべつにUSB回復ドライブを作成する。

USB 回復ドライブを作成する - Windows ヘルプ

イメージの適用

USB回復ドライブで起動する。

ここでさらに、install.wim の入ったUSBメモリーも接続する。

トラブルシューティング」→「詳細オプション」→「コマンドプロンプト
コマンドプロンプトを起動。

install.wim の入ったUSBメモリーのドライブを確認。

HDDをクリーンしてパーティションを切り直す。

select disk 0
clean
create partition primary
format quick fs=ntfs label="Windows"
assign letter="C"
exit

参考:DISM を使ったイメージの適用

以下のコマンドで「install.wim」を適用する。

Dism /apply-image /imagefile:G:\install.wim /index:1 /ApplyDir:C:\

※「G:\install.wim」は「install.wim」のパスに合わせて変えること。

これをしただけだとHDDからの起動に失敗するので
再度USB回復ドライブで起動し
トラブルシューティング」→「詳細オプション」→「スタートアップ修復」
を行うと無事起動できるようになる。

Ruby 1.9.3 + Ruby/Tk + ocra でWindowsデスクトップアプリ作成

数年前に Ruby 1.8 で作ったアプリImageSpiderが動かなくなったとの報告を受け、直そうとするも Ruby はもう 2.3 とかなんだそうで。

とりあえず Ruby 1.9.3 にしたけど
お気に入りだったGUIライブラリwxRubyは更新が止まっているわ、非同期処理が前と同じやり方で動かないわ、他にしっくりくるGUIライブラリがないわ。

仕方なく見た目が嫌いで一度捨てた Ruby/Tk を使うことに。
いくらか工夫すると少しはましになった。

ポイントを書き残しておく。

ocra用のrequire

以下のような相対パスでのrequireはocraでexeファイルにした時に読み込みに失敗してしまう。

require './script'

以下のように書き換えた。

require File.expand_path(File.join(File.dirname(__FILE__), './script'))

いや、日本語を含むパスだと失敗するのでこうか。

require File.expand_path(File.join(File.dirname(__FILE__), './script').encode(__FILE__.encoding))

と思ったらいいものがあった。

require_relative './script'

Ruby/Tkでのウィンドウのアイコンの設定

Medfreak / Ruby/Tk タイトルバーのアイコンを変更する how to change the window icon using Ruby/Tkを参考に、更に、前述の手法で、ocraで同梱したアイコンファイルを読むように。

root = TkRoot.new
iconFilePath = File.expand_path(File.join(File.dirname(__FILE__), 
  './icon.ico').encode(__FILE__.encoding)).encode(Encoding::UTF_8)
Tk::Wm.iconbitmap(root, iconFilePath)

Ruby/Tkでのウィンドウのタイトルの設定

Tk.root.title("タイトル") 

Ruby/Tkでのパディングの設定

Ruby/Tkのサンプルを見ると、大体が隙間なくコントロールが敷き詰められているのだけど、パディングを設定するとだいぶ印象が変わる。以下の「padx」「pady」の部分。
あとはframeやgrid等を使って丁寧にレイアウト…。

@downloadButton = TkButton.new {
  text "ダウンロード"
  command dl
  grid(row: outerRow, column: 0, sticky: :e, padx: 4, pady: 5)
}

ocraでのEXEファイルの作成

最終的には以下のようなコマンドになった。

ocra script.rb --windows --no-autoload --icon icon.ico --output application.exe C:\Ruby193\lib\tcltk\ icon.ico
  • 「--windows」でコマンドプロンプトウィンドウ表示無しに。
  • 「--output」で実行ファイル名を指定。
  • 「--icon」で実行ファイルのアイコンを指定。
  • Ruby/Tkのファイル一式を同梱
  • アイコンファイルを同梱
  • 「--no-autoload」は理解できていないのだけど、指定しないと以下のエラーが出たので…。
C:/Ruby193/lib/ruby/1.9.1/tk/console.rb:13:in `_create_console': interpreter is deleted (RuntimeError)

できあがり

以下みたいな感じに。

f:id:kurimayoshida:20160320234315p:plain

AndroidアプリをつくってGoogle Playストアに公開しよう!

AndroidアプリをつくってGoogle Playストアに公開しよう!」というイベントをやりました。

開発環境構築からGoogle Playストアへのアプリリリースまで3時間でやってしまうというもの。

みなさまのおかげで無事終了。
リリースまでやるというのが珍しかったようで、参加者の感想も悪くなかったです。

当日の資料はこちらー。

qiita.com


でてくるアプリのソースコードはこちらー。

github.com

…当時JavaScriptをよく知らなかったこともありひどいコードですが…。

ChromebookでSDカードにUbuntuをインストールする

気がついたら自分のChromebookはほとんどUbuntu専用に。
リモートデスクトップも結局使わなくなり
たまにブラウザだけでいいやってときにChromeOSだけで使う。

まぁハードの利点は活かせているので問題ない。

…でしばらく使っていたのだけど、近頃HDDの容量が足りなくなってきてしまった。
そらそうだ。もともとChromeOS用のマシンだものなぁ。

手軽な解決方法としてはSDカードを挿してそこにUbuntu環境を移してしまうことだ。

以下の記事を参考に行った。

Installation of Ubuntu on a SD/USB device

丁寧に1から書いてくれているが、一度croutonでUbuntuをインストールする際にデベロッパーモードにしてある人にとってはやることは少ない。

以下手順。

SDカードを用意。容量も大事だが読み書きの速度も重要。
財布と相談しつつ以下を選んだ。

SDカードをEXT3またはEXT4でフォーマットする。
自分は Partition Master Free を使用してEXT3でフォーマットした。パーティションラベルは「SD」とした。

2016/10/30追記:
あらためてためしてみると「Partition Master Free」でEXT3にフォーマットしたSDカードがChromebookで認識されなかった。Linuxマシンでgpartedを使ってEXT4でフォーマットすると認識された。

2016/10/30追記:
インストール中に放っておいてスリープに入るとSDカードがアンマウントされてしまうらしい(未確認)のでKeep Awake - Chrome ウェブストアをインストールしてスリープしないようにしてインストールに望む。

ChromebookにSDカードを挿入。
デベロッパーモードで起動して、ログイン。
Chromehttps://goo.gl/fd3zc にアクセスし、croutonスクリプトファイルをDownloadディレクトリに保存。
terminalからshellを起動。
以下のコマンドでダウンロードおよびインストール開始。

$ cd media
$ cd removable
$ cd SD
$ sudo sh ~/Downloads/crouton -r trusty -t xfce -p /media/removable/SD

インストール後の実行は

$ sudo sh media/removable/SD/bin/startunity

以上。

自分のChromebookはSDカードが奥まで入らないタイプなので刺したまま持ち歩きづらいのが難点…。
ここまで見越してChromebookの中から機種選べてたら最高だったなぁ。
それでも元はとれている感じだけど。

ChromebookでWindowsをリモートデスクトップ経由で使う(2)

1ヶ月程使い込んでの前回の続き。

Chromeリモートデスクトップ」には早々に問題が見つかってしまった。
アンダースコアのキーがきかないのだ。
Chrome RDP」も試してみたが同じ症状。

英語キーボードのモデルであればおそらく問題はなかったのだろうが
それもそれで不慣れなキー配列を強いられることになる。

ということでcroutonを使ってUbuntuをインストールすることに。
インストールには以下の記事を参考にした。

chromebookにcroutonでubuntuをいれる
Chromebookでxfceデスクトップ環境構築!DropboxをchromeOSで使う! | ひものぶろぐ

このUbuntuの上でリモートデスクトップをしてしまえばどうだろうか。

xfreerdpやRemminaといったリモートデスクトップクライアントを使うと良さそう。
しかしapt-getでインストールして試したが英語キーボードとして認識されてしまう。

新しいバージョンのxfreerdpやRemminaならば大丈夫らしいとの情報を入手し以下の手順にしたがってインストール。

Compile on Ubuntu 14.04 and 14.10 · FreeRDP/Remmina Wiki · GitHub

終わったところで、xfreerdpは問題なく使えた。
コマンドの最後に接続先を持ってこないとエラーになるので注意。

一方Remminaは起動するといくつかのライブラリが無いと言われる。
LD_LIBRARY_PATHにライブラリのありかをセットして起動すれば大丈夫だった。

LD_LIBRARY_PATH=/home/kurima/remmina_devel/FreeRDP/libfreerdp:/home/kurima/remmina_devel/FreeRDP/client/common:/home/kurima/remmina_devel/FreeRDP/winpr/libwinpr remmina 

上記コマンドの「kurima」の部分はユーザー名で変わります。

リモートデスクトップしたいだけであればこれで完了。
せっかくなのでUbuntuも使いたいということでUbuntuの日本語化。

taijuのブログ: hp chromebook 11にcroutonでUbuntu導入&日本語入力環境構築

これを先に済ませておけばxfreerdpやRemminaはapt-getでインストールしたものでも大丈夫だったのかも。

こうしてしまうともうubuntuでできることはなんでもあり。
ChromebookというかUbuntubookというか。

友人には
「何か起こるとは思っていましたが早かったですね。」
と言われる始末。

まぁ、一手間かかったけど、一旦安定かなぁ。
バッテリーの持ちも表記通りでいい感じ。

ChromebookでWindowsをリモートデスクトップ経由で使う

Chromebookは機種にもよるけど

  • 軽量
  • 起動が早い
  • バッテリー長持ち
  • 低価格

といいことずくめ。

例えばこれとか。

実際に触ってみるとWebブラウジングを中心とするChromeOSでできること
を行うには非常に心地よい作りになっている。
キーボードに「検索」「戻る」「進む」「リロード」といったキーがあって楽ちん。
タッチパッドもスイスイ。

難点はOSがChromeOSなためにできることが限られること。
それで十分じゃないかとも思うのだけど
やはりできないこともやりたくなってしまうわけで…。

いくつか選択肢はある。

自分は「リモートデスクトップを使う」を試した。
単に「Chromeリモートデスクトップ」を使うだけ。
これで軽量Windowsノートの出来上がり。

少し調べる羽目になった点としてはキーボード。
上にも書いたようにChromebookのキーボードは
いわゆるWindows PCのキーボードとはキー構成が違う。

自分が気になったのは

  • Windowsキーがない
  • ファンクションキー(F1, F2…)がない

と言った点。

結論から言うとどちらも解決できた。

  • Windowsキーは検索キー(虫めがねマークのキー)で代用できる。
  • ファンクションキーは設定変更でファンクションキーの位置にある「戻る」「進む」「リロード」といったキーで代用できるようになる。

ファンクションキーを使うための設定は以下の通り

  1. アカウント画像が表示されているステータス領域をクリック。
  2. [設定] をクリック。
  3. 設定項目を検索と出ている欄に「キーボード」と入力。[デバイス] セクションの [キーボードの設定]が表示される。
  4. [キーボードの設定] をクリック。[キーボードの設定]が表示される。
  5. [キーボードの最上段のキーをファンクションキーとして使用する]にチェックを入れる。

参照:
キーボードの機能を使用する - Chromebook ヘルプ