ImageMagickでPDFをPNGやJPEGに変換する。言われたら括弧の確認をしよう。久しぶりのReactアプリでLinkがRouterの外で使われている、と言われる。TypeScriptのESLintルールをカスタマイズしたり、Airbnbのやつを導入するぞ。undefinedで失敗するやつ、name設定で解決した。Firebaseのfirestore.indexes.jsonの書式とかインデックスの作り方とかで戸惑った。Reactで既存HTMLのプロパティを受け取るのにComponentPropsWithRefが使える?Edgeでiframe内でウェブフォントが使えないかもしれない問題を踏んだ。Chromeで音声認識する例。JPEG/Exif画像の回転情報を取れるやつ作った。※スマホ対応はしてません。EditorConfigで文字コード設定を共有して喧嘩しなくなる話。2014の14日目の記事です。Qiitaご存知ですか、EditorConfig。便利すぎてほんのり涙出てくるくらいなんですが、いまいち周囲で聞かないので流行っていないのではないかと思います。平和のために!!フロントエンドにあんま関係ない代物だけど、改行コード絡みで恨みつらみを聞く機会が多い気がするのでご容赦くださいまし。なにそれ様々なエディターで利用できる、共通の書式設定ファイルです。”.editorconfig”というファイルをプロジェクトのルートに配置しておくだけで、エンコード等の書式をそのディレクトリー配下のファイル編集時に固定できます。設定自体は各エディターでやってもらえば良いんだけど、やっぱりほら、好みとかもあるわけじゃないですか。プロジェクトごとに設定変えるとかやってられないし。EditorConfig設定こんな項目を設定できます。やろう、ぶっころしてやる。」とか、そういう喧嘩がなくなりますね。平和万歳!じぶんどうしのあらそいは、みにくいものだ。他にも余分な空白を除去するとかそういう設定があります。対応エディターそれぞれのプラグインで対応する感じです。主要なところでは以下で利用可能です。Studio多数のエディターに(各プラグインが)対応。んあーCodaやEclipseはないのかな。対応してよーっていう要望だけ見つかった。設定プラグインのインストールはエディターごとに違うので、それぞれの配布ページの記述をご覧ください。ファイルは例えばこんな感じ。2これは私個人が通常利用している設定です。手元のvimだと”dosini”という名前のシンタックスハイライトが有効になりました。root=true.htaccessみたいに、.editorconfigもディレクトリーごとに入れ子(?)にして配置する事ができます。その上位ディレクトリーを見に行くのを止める設定が、これ。なければファイルシステムのルートまで遡るのかな。プロジェクトディレクトリーのルートに配置する場合は書いておきましょう。ファイル[*]はファイル名のセクションで、全てのファイルを対象に設定しました。ここで拡張子やファイル名を指定できます。前述の設定に加えHTMLだけはインデントにスペースを使いたいなぁーという場合は、追加してこんな感じにします。space他にもディレクトリーを指定したり、個別のファイル名でも指定可能です。いくつかの個別ファイルで同じ設定を使用する場合は”{}”を利用し、”,”で区切って指定します。4コメント“#”で始めるとコメントになるみたいです。リファレンスそんなに量もないから書いちゃおう。Patternsファイル名の指定では以下のパターンが利用可能です。“s3′′という名前のファイルファイル名指定はどのディレクトリーにあっても合致します。(つまり”*.js”ならどの階層のJSファイルでも有効。.editorconfigと同じディレクトリーのファイルだけを指定する場合は[./*]のような指定になります。複数指定とワイルドカードは一緒に使えない模様。あ、でもプラグインに依るかも。Properties項目名は全て小文字。値に引用符は不要です。値を空白にしておく事も可能です。このファイルより上位の設定を検索しない。indent_sizeより優先される。日本専用の文字コードだしな。いつまでも幸せに開発を続けましたとさめでたし、めでたし。とっぴんぱらりのぷう。タネマキで寿司会、あとホウボウ。