shinji-japanのブログスマートフォン用の表示で見るshinji-japanのブログ-11-24yarnで依存ライブラリのlicenseをファイル出力yarnにはインストールしたライブラリのライセンスを出力する機能があります。https://yarnpkg.com/lang/ja/docs/cli/licenses/実行すると長すぎて画面に入りませんがこんな感じ。これを適当なファイルにリダイレクトしてあげればOKです。public\licenses.txtlicenses.txtが出力されました。10:23yarnで依存ライブラリのlicenseをファイル出力Tweet広告を非表示にするもっと読むコメントを書く2019-11-23React/TypeScriptでKindle本を検索できるChrome拡張を作ったので公開しましたReact/TypeScriptでKindle本を検索できるChrome拡張を作りましたReact/TypeScriptでKindle本を検索できるChrome拡張を作りました。ウェブストアインストールすると右上に虫眼鏡アイコンが追加されるのでそれをクリックすると検索画面が起動します使ってみた動画https://www.youtube.com/watch?v=ak9sp9Sh-aI&feature=youtu.beソースコードを以下に公開しましたhttps://github.com/ShinjiJapan/kindleSearch審査にあたり以下の不安点があったんですが・アプリ名にkindleとか入ってる(まあストアを検索したらkindleって付いてるのいっぱいあるんですが)・エロいキーワードで検索するとエロい検索結果が出てきてエロい(ツイフェミかよ)・別タブ全画面で開く特に問題なくすんなりと一発で通りました。選択しますポップアップで「ウィンドウとして開く」にチェックを入れ作成を押します。デスクトップにショートカットが作成されるのであとはショートカットからいつでもKindle検索を起動できます。Appで作ったものを拡張機能にできるのか試してみました。Appでひな型を作成します。Appの詳細な説明は省略しますがFacebook公式のReactのboilerplateです。--typescriptこれでsampleというディレクトリにReactのひな型が作成されました。startブラウザが起動しreactのひな型が起動します。作成したひな型をEdge拡張にではこれをEdge拡張にしてみましょう。publicディレクトリ内のmanifest.jsonを以下のように書き換えます。}}書き換えたらビルドします。buildbuildディレクトリが作成され、中にビルド結果が出力されます。「開発者モード」をONにします。「展開して読み込み」を選択し先ほど作成されたbuildディレクトリを指定します拡張機能が追加され、アドレスバーの横にアイコンが表示されました。アイコンを押してみるとエラーになりました。scriptはダメと怒られているようです。「すべてクリア」でエラーを消しておきましょう。エラー修正buildディレクトリ内のindex.htmlを見てみましょう。この部分がダメっぽいです。sampleディレクトリ直下に.envファイルを以下の内容で追加します。INLINE_RUNTIME_CHUNK=falseこれはインラインスクリプト部分をいい感じに外出しにしてねというやつです。buildインラインスクリプト部分がいい感じに外出しされました。Edgeを開きアドレスバー横の拡張機能アイコンを押すと動きました。!さすがにアレなのでサイズを指定しましょう。お行儀良くないですがスタイルに直に幅と高さを記述します。build動きました。作成した拡張機能を試しにChromeで動かしてみるとそのまま問題なく動くことが確認できます。Ultra買いましたiPhone5sをiOS10にしたらスリープからの復帰もままならない〇〇と化したので端末の買い替えを考えていたのですが最近のiPhoneは大きいのが多くて片手での操作は厳しそうです。Androidにしようかなと思い、小さければなんでもいいやぐらいの気持ちでいろいろ探していたのですがいいのがありました。https://www.asus.com/jp/Phone/ZenFone-3-Ultra-ZU680KL/6.8インチという大きさがちょっと気になりますが他は概ねOKです。何といっても大画面で見やすいのがいいですね。いうことでヨドバシAkibaに行って買ってきました。