みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

iOS12で3D Touch非対応のiPhoneでも文字入力中のカーソル移動ができるようになりました

iOS

かれこれ2年弱iPhone SEをつかってますが、3D Touchでのカーソル移動をいつもうらやましく思ってました。 しかし、ついにiOS12で、キーボードのスペース(日本語なら空白)を長押しすることでカーソル移動ができるようになったようです。 やはりiPhone XRに3…

ffmpegでiPhone SEで撮影した画面収録のステータスバーを切る

iOS

以前、 iPhone SEで撮影した画像を正方形にクロップする方法 を記載しました。kimizuka.hatenablog.com今回は、iOS11から導入された、画面収録機能をつかって撮影した動画のステータスバーをカットする方法を記載します。 ステータスバーをカット 画面収録で…

Oculus Go のMACアドレスを確認する

Mac

www.oculus.comMACアドレスを確認する方法をメモしておきます。 1. ディベロッパー登録をする こちら( https://dashboard.oculus.com/ )のサイトからディベロッパー登録をします。 2. OculusアプリでOcuus Goを開発者モードにする 設定 > Oculus GoXXXX(…

JavaScriptで小数点以下の桁数を揃えたい

いままでは、小数点以下を、例えば2桁に揃えたいときは、 ((num * 100) | 0) / 100; という感じで、➊ 必要な桁数分小数点をずらす ➋ 0ビットシフトで小数点以下をカット ➌ ずらした小数点を戻すという処理をしていたのですが、他人が見たときに全然直感的で…

JavaScriptでのゼロパディングのイケてる書き方

developer.mozilla.org昔は、 let mm = ('0' + m).slice(-2); のような感じでゼロパディングしていたのですが、 let mm = String(m).padStart(2, 0); と、IEを無視すれば String.prototype.padStart() がつかえるよと教えて頂きました。 // https://github.c…

JavaScriptで和暦を出力する

developer.mozilla.org (new Date()).toLocaleDateString("ja-JP-u-ca-japanese"); // → "30/9/10" JavaScriptで和暦を出力できることを知りました。 試しに1年後の和暦を出力してみた所、 (new Date(Date.now() + 1000 * 60 * 60 * 24 * 365)).toLocaleDate…

Vueで論理属性(その属性が存在するかしないかだけで意味を持つ属性)をバインドする

まず、loopとかautoplayとかreadonlyとか値なしの存在だけでOKな属性のことを論理属性と呼ぶことを知らなかったので、調べるのに苦労しました。reference.hyper-text.orgしかし、答えは単純で、例えばloop属性の場合、 <audio src="https://kimizuka.fm/audio/top/bgm.mp3" v-bind:loop="isLoop"></audio> みたいな感じにしておいて、isLoopがf…

Search Console の Fetch as Google をつかって Googlebot の認識を確認する

「最近のGooglebotはJavaScriptも評価するから、ReactとかVueもSEOが弱くならない」的な噂をよく聞きますが、実際の所どうなんだろうなぁと思っていまいた。しかし、最近、Search Console の Fetch as Google をつかえば Googlebot がどのようにサイトを評価…

Apple Music Toolbox を試しはじめる

Apple Music Toolboxの案内が来たので試してみました。AppleMusic加入者はフルで、未加入者は30秒視聴ができるプレーヤーって書いてある気がするんですが、僕が未加入者なので視聴しかできてません。が。知り合いに試してもらったところ、AppleMusicに加入し…

iOSシミュレータのカメラロールに写真を追加する

iOS

ウェブ開発でも役に立つiOSシミュレータ。 実はシミュレータに画像をドラッグアンドドロップすると、カメラロールに写真を追加できます。iOSのSafariには写真がEXIF情報によって回転して表示されるという伝統的な仕様がありますが、 それはシミュレータでも…

Dateオブジェクトをつくるときの引数に負の値を入れてみる

kimizuka.hatenablog.comこちらの記事で、Dateオブジェクトをつくるときは、 new Date(dateString);ではなく、 new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);という感じでつくろうと決意したわけですが、monthIn…

Airbnb JavaScript Style Guide と Airbnb CSS / Sass Styleguide

これからしばらくの間は、おとなしくこれらに従って生きていこうと思いました。 JavaScript github.com CSS github.com JavaScriptの、 オブジェクトを1行で書くときはブレースとキー、バリューとブレースの間にスペースを開ける ダブルコートをシングルコー…

こりゃあどうしてもiframeの中からdevicemotionイベントを取得してもらおう

出来らぁっ!しかし、いつも「え!!iframe内から加速度の取得を!?」と思って、 jsdo.itにサンプルを書いている気がするので、今度こそ忘れないようにブログに書いておきます。下記サンプルをiOS12(β)でアクセスして確かめました。 http://jsrun.it/kimm…

JavaScriptでhttpにきたアクセスをhttpsにリダイレクトする

当然サーバサイドで対応するのが良いのですが、フロントエンドのしごとをしていると、「サーバ側の改修が不可能のでフロントでなんとかしてください」ということが稀にあります。もしも、そんな状況で、httpできたアクセスをhttpsにリダイレクトしたかったら…

心をこめて日本の現在時刻を教えてくれるAlexaスキルをつくりました。

つくったもの 心をこめて日本の現在時刻を教えてくれるAlexaスキル、『日本時計』を公開しました。心をこめすぎて、現在時刻がわかるまでに30秒ぐらい掛かってしまう台無しさを実装。#台無しプロダクト 【ストアURL】https://t.co/F8uZTzA2O0 pic.twitter.co…

「必ず書ける あなうめ読書感想文(本の題名)」を読んで

わたしがこの本を手に取ったきっかけは、「接続後に制限をかけると、逆に言いたいことがまとまるという話を聞いたから(本を読んだきっかけを書く)」です。きっと、この本を読めば「その話が本当かどうかわかるであろう(読む前に本に期待したことを書く)…

iPhone SEがキャリアの電波を掴まなくなって、ずっと「検索中」になったとき対策

Mac

➊ SIMの確認 他のiPhoneに挿して試したところ、問題なさそう。➋ OSアップデート 本当はOSアップデートを試すべきだったんですが、 検証機として使っていたため、できればOSをそのままにしておきたかったのでスキップ。➌ 初期化 「設定」 > 「一般」 > 「リセ…

Alexa向け、フラッシュブリーフィングスキルの作り方

これまで何本かカスタムスキル( http://kimizuka.hatenablog.com/entry/2018/05/31/161701 )をつくってきましたが、はじめて「フラッシュブリーフィングスキル」を作ってみたので作り方をまとめておこうと思います。kimizuka.hatenablog.com フラッシュブ…

MacをつかってElectronでアプリをWindows用に書き出すとき。

書き出すとき brew install wineで wine を導入し、 npm install electron-packagerで packaer をインストールして、 electron-packager . app --platform=win32 --arch=x64でアプリ化できます。 引数は順番に、 electron-packager #{パッケージ化するソース…

Alexaスキル、Googleアシスタント対応アプリをいくつかリリースしました。

ここ2ヶ月でAlexaスキルを4本、Googleアシスタント対応アプリを1本リリースしたので、いつか時間を取ってつくり方から申請方法までを記事にまとめたいのですが、とりあえず走り書きでメモを残しておきます。 タイマーの逆襲 逆にスマートスピーカーから「ね…

ffmpegをつかって連番画像からGIFアニメを生成する

Mac

0.png、1.png、2.png、3.pngという感じの連番画像をGIFアニメにしたいとき、 ffmpeg -i %d.png -vf palettegen palette.pngと、まずpalette.pngをつくり、 ffmpeg -f image2 -r 1 -i %d.png -i palette.png -filter_complex paletteuse anim.gifとカラーパレ…

「Oops, something went wrong. Upload failed」といわれてスライドシェア(SlideShare)に資料をアップロードできないとき

Mac

www.slideshare.netスライドシェアに全角日本語のタイトルのPDFをアップしようと思ったのですが、 「Oops, something went wrong. Upload failed」といわれてアップロードできませんでした。PDFのタイトルを半角英数にしたら無事にアップロードできました。

ffmpegをつかってiPhoneSEで撮影したMOVファイルをMacのQuickTimeで再生できる形を維持したままmp4に変換しつつ正方形にクロップしたい

Mac

kimizuka.hatenablog.comムービーを正方形にすることが多くなったのでメモしておきます。 ランドスケープ(横長) ffmpeg -i filename.mov -vf crop=1080:1080:420:0 -pix_fmt yuv420p filename.mp4 ポートレイト(縦長) ffmpeg -i filename.mov -vf crop=1…

1年ぶりに己のウェブサイトを更新しようとして、もろもろアップデートしました。

kimizuka.fmGWをつかってひさしぶりに更新しようとしました。 が。もろもろ環境が古くなっていたので、軽い気持ちで更新の前に環境を更新しておくかと思い手を付けたところ案外大変だったので、色々メモを残しておきます。 Node.js 7.9.0 10.0.0先日、Node.…

新年度に向けて七号食で身体をリセットしてみました。

3月某日。突然オフィスで「七号食」が流行りはじめたので、とりあえずやってみることにしました。 結果だけ先に置くと体重が4kg減りました。 七号食とは 七号食とは、十日間、玄米ごはんだけで過ごすという食事法で、究極の身体リセット法です。おかずは一切…

AWS SDK for JavaScript にて AWS.DynamoDB.DocumentClient のタイムアウトを設定する

www.npmjs.com AWS SDK for JavaScriptを使ってLambdaからDynamoDBに読み書きを行なう際、タイムアウトの設定をしたいときがあると思います。そんな時は、 import AWS from "aws-sdk"; const client = new AWS.DynamoDB.DocumentClient({ httpOptions : { ti…

switch文でletをつかう

switch (txt) { case "hoge": let i = 0; break; case "fuga": let i = 1; break; case "piyo": let i = 2; break; } こんな感じで書いたら、 Uncaught SyntaxError: Identifier 'i' has already been declaredとエラーになりました。そう。なぜならブロック…

#54字の文学賞の為に「54字の物語ジェネレーター」をつくりました

ujiqn.github.io時間がなかったのでささささっとつくりました。 viewportをdevice-widthにせずに固定したのは超ひさしぶりです。github.comリポジトリにはElectronアプリもプッシュしております。 興味のある方はご利用ください。

Raspberry Pi 3 Model Bをらくらくセットアップ

Mac

mag.switch-science.com先日「Raspberry Pi 3 Model B+」が発表されましたがいかがお過ごしでしょうか。以前、買ったまま放置していた「Raspberry Pi 3 Model B」のセットアップをようやくセットアップしたので、その時の手順をまとめておきます。 思ってい…

download属性を試してみる

今更ながら、HTML5のdownload属性たるものを初めて知りました。 最新版を対象とするなら、IE以外のPCのブラウザ(Chrome、Edge、Firefox、Safari、Opera)で使える模様です。developer.mozilla.org HTML <a href="http://jsrun.it/assets/G/V/p/0/GVp0W.png" download="1024">DOWNLOAD</a> DEMO