2019-01-18

OnsenUIでNavigatorとSplitterを同時に使う時には注意が必要です

JavaScript プログラミングメモ

ざっくり

ons-navigatorのstackにSplitterのコンポーネントを入れると不具合がある
ons-splitterのsplitter-contentの中にons-navigatorのコンポーネントを使うと上手くいく

遭遇した状況

よくある状況だと思うんですが，

OnsenUIを使うときのページ遷移はons-navigatorというのが簡単に処理してくれます．

ただ，これを使うときにsplitterと一緒に使うとページのpopが反映されない問題に遭遇して，しばらくハマりましたので，メモを残しておきます．

結果としてですが，

<splitter>
    <splitter-side>
    </splitter-side>
    <splitter-content>
        <navigator></navigator>    // ここ
    </splitter-content>
</splitter>

こんな感じで，splitterのcontentの中にnavigatorを定義してページを遷移させないと上手く動かないようです．

参考

community.onsen.io

2018-06-28

XPERIA XZ2用のまともな液晶保護ガラスフィルムがないのいい加減にしてくれ

体験談雑記ガジェット

どーん pic.twitter.com/aEkzdMBsnI
— あいひす (@ayihis) 2018年6月19日

もう，本格的に僕は激おこだよ．

XPERIA XZ2を買ったのは良いけど，まともな液晶保護ガラスフィルムが売ってないよ！！！！

ちょっとくらい高くても買うよ！！！売ってくれよ！！！

枠に数ミリの粘着剤がついてて画面の部分カパカパのやつしかない

辛い．

辛すぎる．

枠が粘着材の液晶保護ガラスは死ぬほどホコリがつく

ポケット入れてたり普通に使ってるだけで半端なくホコリがつくぞ

f:id:ayihis:20180628174717j:plain

↑数日使って死ぬほどホコリがついたので剥がした液晶保護ガラス

辛い

全面吸着が売ってない問題

とりあえず良さげなものを4枚買って4つともだめ

Xperia XZ2 ガラスフィルム XZ2 フィルム専用 3D 全面フルカバー softbank docomo SO-03K au SOV37 フィルム Sony エクスペリアエックスゼットツー液晶保護フィルム木箱国産強化ガラス素材クリア

出版社/メーカー: Lakko
メディア: エレクトロニクス
この商品を含むブログを見る

『3D全面』AUNEOS Sony Xperia XZ2 フィルム SO-03K 日本製旭硝子材 Xperia XZ2 SOV37 ガラスフィルム全面保護 0.2mm超薄い 3D熱彎技術耐衝撃 9H エクスペリア XZ2 強化ガラス (Sony Xperia XZ2, 透明)

出版社/メーカー: AUNEOS
メディア: エレクトロニクス
この商品を含むブログを見る

メディア:
この商品を含むブログを見る

Xperia XZ2 フィルム SUPTMAX Sony Xperia XZ2 保護フィルムTPU素材全面保護気泡消滅機能 (Sony Xperia XZ2)

出版社/メーカー: SUPTMAX
メディア: エレクトロニクス
この商品を含むブログを見る

買おうとしてる人は気をつけてね！

2018-06-06

esaのスライドショーがちょっと見辛いので背景色を簡単に変える

プログラミング

esa使ってますか？

僕は使ってます．

esaのスライドショー機能使ってますか？

あまり使ってない．

なるほど．

僕もあまり使ってません．でもたまに使ってます．

僕はあの色結構好きですが，プロジェクタを使用していると，他の人からは色が見辛いと言われることがあるので簡単に色を変える方法をまとめておきます．

作業想定時間は3分です．

デフォルト状態

f:id:ayihis:20180606213113p:plain

Chrome拡張「Stylish」　をインストール

f:id:ayihis:20180606144017p:plain

これをインストールします．

CSSを設定します

f:id:ayihis:20180606213903p:plain

CSSの適用先を個別設定して，次で始まるURLをhttps://hogehoge.esa.ioを指定

CSSの部分は

body {
    background: #222222;
}

みたいな感じにします．

設定を保存して

変更後

f:id:ayihis:20180606213206p:plain

見やすくない？

そうでもないって人は好きな色にしてね！

誰かの役に立ちますように．

2018-05-31

著作権を考慮したスライド資料の素材集めの役立つ4つのサイト

f:id:ayihis:20180531134901j:plain

スライド資料を作成する場合に写真やアイコン等色々使いたいけど，著作権が気になりますよね．訴えられることはよっぽど無いとは思うけど，それなりに気をつけて資料作成をするときに役に立つサイト等をまとめておきます．

著作権の解釈等にミスがありましたら気軽に教えてください

言わずと知れた「いらすとや」

f:id:ayihis:20180531135050p:plain

ご利用にあたってを一読すべきですが，重要な点としては - 個人、法人、商用、非商用問わず無料でご利用可能 - 素材を21点以上使った商用デザインの場合は有償 - 全ての素材の著作権は作者にある(CC0では無い) - 自由に編集や加工可能 - CC-BYで著作者を記述する必要はない

使いやすいベクター形式のアイコンが豊富「Flaticon」

f:id:ayihis:20180531135056p:plain

一部有料コンテンツもあるが，大半が無料で使用できる．大きさや色を指定してpngやjpgでダウンロードできる他，svgでのダウンロードもできる．

多くのコンテンツはFlaticon Basic Licenseになるので，

designed by “Author’s-Name” from Flaticon

のような形で，作者の名前を明記する必要がある．しかし，有料会員の場合には作者の明記は必要ない．結局は金の力．

その他注意すべき点としては

改変，修正，どのようなメディアで使用してもOK
再配布や編集したものを販売するのはダメ
データベースに含めて使用するのはダメ
コンテンツ自身を配布目的で使用するのもダメ

おしゃれでフリーに使える写真が欲しい「STOCKPIC 」

f:id:ayihis:20180531135107p:plain

写真家の人たちがめっちゃいい感じの写真をたくさん投稿している．ここの写真を直接販売することは禁じられているが，自分のコンテンツの一部として利用することは商用，非商用も含めて全てOKの太っ腹な画像集．かなり自由度が高い．

例えば，ブログの中に組み込んだり，ヘッダ画像にしたり，ポスターに使ったり，ともかくなんでもOK

CC0の作品が多い「pixabay」

f:id:ayihis:20180531135732p:plain

検索して色々出てくる．著作権については画像ごとによく確認してください．

まとめ

2018-05-31

ラズパイ+L03D+ロケットモバイルの環境構築

プログラミングガジェット

L03Dとか，USB接続のモバイル通信端末をラズパイに刺して，通信できるようにしたい．今回は激安のロケットモバイルのsimを使って環境構築した．

事前準備

用意するもの

本体
モニタ
SDカード
L03D
simカード(ロケットモバイル)

SDカードのフォーマット

macのディスクユーティリティからフォーマットできる
MS-DOS FATを指定した

Raspbianのインストール

etcherとか使ってSDカードにインストールさせる

SDカードをラズパイに入れて起動

login: pi
pass: raspberry

のユーザがある

設定画面

ここ

$ sudo raspi-config

localeとかキーボードとかの調整をする
必要があれば

wifiに繋げる

SSID:MDG-WEST PASS:いつものやつ

$sudo sh -c 'wpa_passphrase SSID PASSPHRASE >> /etc/wpa_supplicant/wpa_supplicant.conf'

ラズパイのwifiは2.4GHzのアンテナらしいので5GHzは繋がらない

諸々アップデート

$ sudo apt-get update
$ sudo apt-get upgrade
$ sudo rpi-update

文字化けなんとかする

なんか死ぬほど

◽️◽️◽️◽️◽️◽️◽️◽️◽️
◽️◽️◽️◽️◽️◽️◽️◽️◽️
◽️◽️◽️◽️◽️◽️◽️◽️◽️

ってなる問題ある． jfbtermを入れると直る．ただし毎回jfbtermって打つ必要あるからその辺は自動的に起動するようにすると良いかも

$sudo apt-get install ttf-kochi-gothic xfonts-intl-japanese xfonts-intl-japanese-big xfonts-kaname
$sudo apt-get install jfbterm uim uim-anthy xfonts-base

$sudo vim /usr/share/uim/generic-key-custom.scm

Control+Spaceで日本語入力できるようにする

(define-custom 'generic-on-key '("zenkaku-hankaku" "<Control> ")
(define-custom 'generic-off-key '("zenkaku-hankaku" "<Control> ")

自動起動のためにbashrcを編集

# If this is an xterm set the title to user@host:dir
case "$TERM" in
xterm*|rxvt*)
    PS1="\[\e]0;${debian_chroot:+($debian_chroot)}\u@\h: \w\a\]$PS1"
    ;;
linux)
++    if [ -c /dev/fb0 ]; then
++        jfbterm -q -e uim-fep -u anthy
++        exit
++    fi
++    ;;
*)
    ;;
esac

LCD繋げる

# ドライバをクローン
git clone https://github.com/Elecrow-keen/Elecrow-LCD35.git

# ドライバをインストール
cd Elecrow-LCD35
sudo ./Elecrow-LCD35

# 再起動をしようとするので yes

https://www.elecrow.com/wiki/index.php?title=3.5_Inch_480x320_TFT_Display_with_Touch_Screen_for_Raspberry_Pi

https://github.com/Elecrow-keen/Elecrow-LCD35

ただしバグがあって，HDMI接続と切り替えが死ぬっぽい

L-03Dを接続してLTE回線に繋げる

https://qiita.com/CLCL/items/99acf6dd3bd9c251f1aa http://tiger-star.net/raspberry-pi/807

大まかな流れとしては 0. L03Dのファームウェアアップデート(win必須の可能性) 1. ラズパイへL03Dの接続認識 2. ppp接続設定 3. pppconfigしてから設定ファイルを編集 4. 再接続用のchatscriptsの編集 5. rulesの編集 5. ネットワークの設定 6. network/interfacesの編集

$ sudo apt-get install usb-modeswitch pppconfig
$ sudo pppconfig

L03Dを接続

$ lsusb
Bus 001 Device 004: ID 5c0a:0003  
Bus 001 Device 008: ID 1004:6326 LG Electronics, Inc. 
Bus 001 Device 003: ID 0424:ec00 Standard Microsystems Corp. SMSC9512/9514 Fast Ethernet Adapter
Bus 001 Device 002: ID 0424:9514 Standard Microsystems Corp. SMC9514 Hub
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

$ ls /dev
$ sudo modprobe usbserial vendor=0x1004 product=0x6326
$ ls /dev

pppconfigの設定をする

rokemoba_l03d
Dynamic 動的DNS
PIP
roke@moba
rokemoba
115200
Tone
*99*#
いいえ
/dev/ttyL03D

/etc/ppp/peers/rokemoba_l03dを編集

# This optionfile was generated by pppconfig 2.3.18.
#
#
hide-password
noauth
connect "/usr/sbin/chat -v -f /etc/chatscripts/rokemoba_l03d"
debug
/dev/ttyL03D
115200
defaultroute
noipdefault
user "roke@moba"
remotename rokemoba_l03d
ipparam rokemoba_l03d

usepeerdns
persist
replacedefaultroute

また接続が切れた場合の対策

sudo vim /etc/chatscripts/rokemoba

ABORT BUSY ABORT 'NO CARRIER' ABORT VOICE ABORT 'NO DIALTONE' ABORT 'NO DIAL TONE' ABORT 'NO ANSWER' ABORT DELAYED
'' ATZ
'' ATH #←追加

/etc/udev/rules.d/40-l03d.rulesを編集

ACTION=="add",\
ATTRS{idVendor}=="1004",\
ATTRS{idProduct}=="6326",\
RUN+="/sbin/modprobe usbserial vendor=0x1004 product=0x6326"

ATTRS{../idVendor}=="1004",\
ATTRS{../idProduct}=="6326",\
ATTRS{bNumEndpoints}=="03",\
ATTRS{bInterfaceNumber}=="02",\
SYMLINK+="ttyD03D",\
ENV{SYSTEMD_WANTS}+="ifup@wwan0.service"

/etc/network/interfacesを編集

# interfaces(5) file used by ifup(8) and ifdown(8)

# Please note that this file is written to be used with dhcpcd
# For static IP, consult /etc/dhcpcd.conf and 'man dhcpcd.conf'

# Include files from /etc/network/interfaces.d:
source-directory /etc/network/interfaces.d

auto lo
iface lo inet loopback

iface eth0 inet manual

allow-hotplug wlan0
iface wlan0 inet manual
    wpa-conf /etc/wpa_supplicant/wpa_supplicant.conf

allow-hotplug wwan0
iface wwan0 inet ppp
    provider rokemoba_l03d

接続