今日覚えたことスマートフォン用の表示で見る今日覚えたことこの広告は、90日以上更新していないブログに表示しています。iPhone作ってみたよ。itこのリンクからすぐ利用できるのでどうぞ。Xは、ディスプレイが変わった形をしていて、四角形ではない。角が丸くなってるのと、スピーカーやインカメラが配置されてる部分だけ欠けている。スクリーンショットを撮ると、普通の四角形の画像が生成される。画面では欠けている部分もスクリーンショット的には存在している。Xのディスプレイの形に合わせて切り抜いた画像に変換する。普通にスクリーンショットを撮ると左側のように四角い画像になるけど、これを右側のように切り抜き加工する。使い方このツールはブラウザ上で利用できる。iPhoneのSafariでも使える。上記のリンクからページを開く。「画像を選択」というボタンがあるのでそれをタップ。フォトライブラリから、元になるスクリーンショットを選ぶ。加工された画像が表示されるので、長押しして保存。ちなみに、画像をサーバー等に送って加工してるわけじゃなくて、通信をせずにブラウザがその場で(ローカルで)処理している。このツールの作者(nacookan)も、このツールを配信してるjsdo.itもあなたの画像を見たりはできないので安心して。しても心配なら、このツールのHTMLソースコードをコピーして自分だけの場所でやってもいいよ。仕組みコードはJavaScriptで書いてjsdo.itに置いたので自由に見れる。それをcanvasに描画している。URIに変換してコード中に書いてる)、それをクリッピングマスクとして上から重ねることで切り抜く。URIに変換して出力。URIに変換したものをわざわざimgタグに入れてるのは、canvasのままだとブラウザによっては画像として保存しづらい予感がしたのと、元データを変えずに見かけ上のサイズをブラウザの幅に合わせたかったので。したらどちらもcanvasでやれるのかも知れないけど、よくわかんないので扱い慣れたimgタグにした。あとコードを見るとわかるけど、一応は横画面にも対応してる。270°の回転(左に倒す)で固定なので、もし反対方向だったらごめん。いうときは先に画像を逆さまにしておけばいい。今日覚えたことおわりどうぞご利用ください。Xのシルバー256GBモデル。ソフトバンクでSIMロックされている。Plusと買い換えて来たので、今回で7台目になる。本来、iPhoneは2年おきに買うことにしてる。Plusを買ったので今年はスルーの予定だったんだけど、ここまで新しくなったモデルが出ちゃったら、もう買うしかなかった。以下、とりあえず3日くらい使った時点のメモ。Plusからの機種変更で、ソフトバンクオンラインショップの自宅受取で買った。来年以降の参考になるよう、予約購入の流れの詳細をメモっておく。