みかづきブログ その3

3ヶ月つづけてみました。

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

AWS SDKをつかってDynamoDBをつかう際にタイムアウトを設定する(Node.js)

github.com const AWS = require("aws-sdk"), TABLE_NAME = "HOGE", client = new AWS.DynamoDB.DocumentClient({ httpOptions : { timeout: 3000 }, maxRetries : 0 }); client.get({ TableName : TABLE_NAME, Key : { keyname : "FUGA" } }, (err, data) =…

花粉症にはビタミンE

医療漫画で「花粉症にはビタミンEが効くという説がある」的な情報を得て、ビタミンEサプリを飲みはじめました。 もともとプラシーボ効果にかかりやすい体質なので、今年は花粉症の症状がましになって気がしています。 でもプラシーボかもしれません。最上の…

Macの開発環境を整える 2018

Mac

OSをアップデートするたびにMacを初期化しているのですが、以前まとめた開発環境が若干古くなってきたため、一新しようと思います。kimizuka.hatenablog.com 変更した設定 キー入力周り 入力ソースに日本語(ひらがな)を追加 ライブ変換をOFF 推測候補表示…

MOVファイル(iPhoneで撮影した動画とか)をMacのQuickTimeで再生できる形を維持したままmp4に変換したい

Mac

以前は、 ffmpeg -i filename.mov filename.mp4という形で変換していたのですが、 MacのQuickTimeで再生しようとすると、 このファイルはQuickTime Playerと互換性がありません。 という感じで開くことができませんでした。 ffmpeg -i filename.mov -pix_fmt…

Unityでインスタンスをまたいでイベントを通知する 引数を必要とするとき編(delegateをつかう)

例えばUIボタンを押したときにSpriteにアタッチしているスクリプトのpublicメソッドを叩きたい時、JavaScriptならEventDispatcherを使ったりしていたんですが、Unityだとどうしたもんかと思っていました。とりあえずdelegateをつかってイベントを渡してみる…

Unityでインスタンスをまたいでイベントを通知する 引数を必要としないとき編(delegateをつかう)

例えばUIボタンを押したときにSpriteにアタッチしているスクリプトのpublicメソッドを叩きたい時、JavaScriptならEventDispatcherを使ったりしていたんですが、Unityだとどうしたもんかと思っていました。とりあえずdelegateをつかってイベントを渡してみる…