あるSEのつぶやき・改 ITやシステム開発などの技術に関する話題を、取り上げたりしています。 2023-11-16T17:03:31+09:00 fnyablog Hatena::Blog hatenablog://blog/10257846132622460002 EvernoteでWebClipしたノートからタイトルとURLを抜き出してJSONを作る hatenablog://entry/6801883189059283215 2023-11-16T17:03:31+09:00 2023-11-16T17:03:31+09:00 Evernote で WebClip したノートから、タイトルと URL を抜き出して JSON ファイルを作る必要があったのでやり方をメモしておきます。 使用するのは、こちらの yq というツールです。 kislyuk/yq: Command-line YAML, XML, TOML processor - jq wrapper for YAML/XML/TOML documents yq documentation Mac では brew でインストール可能です。 $ brew install python-yq インストールするのは python-yq であり、yq とは異なるのでご注意… Evernote で WebClip したノートから、タイトルと URL を抜き出して JSON ファイルを作る必要があったのでやり方をメモしておきます。 使用するのは、こちらの yq というツールです。 kislyuk/yq: Command-line YAML, XML, TOML processor - jq wrapper for YAML/XML/TOML documents yq documentation Mac では brew でインストール可能です。 $ brew install python-yq インストールするのは python-yq であり、yq とは異なるのでご注意… fnyablog Obsidianプラグインの作り方 hatenablog://entry/6801883189056244570 2023-11-05T15:09:58+09:00 2023-11-05T15:09:58+09:00 はじめに Obsidian プラグインの作り方を、備忘録として残しておきます。 今までに作成した Obsidian プラグインは、以下になります。 Media Sync Merge Notes Remove Empty Folders はじめに 開発環境 プラグインを開発する GitHub Actions でビルドを実行する プラグインを申請する プラグインのアップデート おわりに 開発環境 Obsidian プラグインの開発には、以下が必要です。 Visual Studio Code Node.js TypeScript 開発用の Vault を作成します。ここでは、plugins という … はじめに Obsidian プラグインの作り方を、備忘録として残しておきます。 今までに作成した Obsidian プラグインは、以下になります。 Media Sync Merge Notes Remove Empty Folders はじめに 開発環境 プラグインを開発する GitHub Actions でビルドを実行する プラグインを申請する プラグインのアップデート おわりに 開発環境 Obsidian プラグインの開発には、以下が必要です。 Visual Studio Code Node.js TypeScript 開発用の Vault を作成します。ここでは、plugins という … fnyablog EvernoteからObsidianに移行しました hatenablog://entry/6801883189052593798 2023-10-22T20:29:54+09:00 2023-12-09T20:37:13+09:00 はじめに 今年の2月に情報を Evernote に集約し始めて早8ヶ月が経ちました。 その際に書いた記事が以下になります。 Evernoteが古くて新しい。情報蓄積と分析では非常に優秀だった。 ですが、最近の Evernote の動きが少し気になります。 2022年11月: EvernoteをイタリアIT企業が買収 「製品は存続」 - ITmedia NEWS 2023年04月: Evernote の価格プラン改定と今後の機能強化に関するお知らせ 2023年07月: Evernote、米国とチリの従業員をほぼ全員解雇 欧州への事業移管で - ITmedia NEWS 昨年の買収はともかく、値上… はじめに 今年の2月に情報を Evernote に集約し始めて早8ヶ月が経ちました。 その際に書いた記事が以下になります。 Evernoteが古くて新しい。情報蓄積と分析では非常に優秀だった。 ですが、最近の Evernote の動きが少し気になります。 2022年11月: EvernoteをイタリアIT企業が買収 「製品は存続」 - ITmedia NEWS 2023年04月: Evernote の価格プラン改定と今後の機能強化に関するお知らせ 2023年07月: Evernote、米国とチリの従業員をほぼ全員解雇 欧州への事業移管で - ITmedia NEWS 昨年の買収はともかく、値上… fnyablog Vite+Jest 逆引きリファレンス in TypeScript hatenablog://entry/820878482955966687 2023-08-06T20:09:12+09:00 2023-08-14T23:03:56+09:00 はじめに JavaScript や TypeScript のテストで、Jest を使う機会は多いかと思います。 この記事は、Jest の使い方を逆引きリファレンスの形式で掲載します。 今まで Jest でテストを行う際は webpack を使用することが多かったのですが、webpack はすでに開発が終了していてます。 人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る - Publickey この記事では webpack の代わりに、Vite(ヴィート) というフロントエンドツールを使用し… はじめに JavaScript や TypeScript のテストで、Jest を使う機会は多いかと思います。 この記事は、Jest の使い方を逆引きリファレンスの形式で掲載します。 今まで Jest でテストを行う際は webpack を使用することが多かったのですが、webpack はすでに開発が終了していてます。 人気のJavaScriptバンドルツール「webpack」の開発はなぜ終わり、後継として「Turbopack」の開発が始まったのか。開発者がその理由を語る - Publickey この記事では webpack の代わりに、Vite(ヴィート) というフロントエンドツールを使用し… fnyablog Evernoteが古くて新しい。情報蓄積と分析では非常に優秀だった。 hatenablog://entry/4207112889964309613 2023-02-18T21:00:44+09:00 2023-02-18T21:00:44+09:00 はじめに ここ数年、ニュース記事などを PDF ファイルにして保存していたのですが、保存するのも大変だし、情報活用もうまくできなくて困っていました。 PDF ファイルにするとき、ニュース記事のタイトルがファイル名になるのですが、これがとても長い。。 PDF ファイルは OneDrive に保存しているのですが、OneDrive は | などの文字が禁止文字とされていて変換するのも面倒でした。 しかも、フォルダで分類して保存していたので、分類が階層構造となってしまい頭を悩ますことにもなりました。 OneDrive は PDF を OCR で読み込みをしてくれているのか(未確認)、検索するとヒット… はじめに ここ数年、ニュース記事などを PDF ファイルにして保存していたのですが、保存するのも大変だし、情報活用もうまくできなくて困っていました。 PDF ファイルにするとき、ニュース記事のタイトルがファイル名になるのですが、これがとても長い。。 PDF ファイルは OneDrive に保存しているのですが、OneDrive は | などの文字が禁止文字とされていて変換するのも面倒でした。 しかも、フォルダで分類して保存していたので、分類が階層構造となってしまい頭を悩ますことにもなりました。 OneDrive は PDF を OCR で読み込みをしてくれているのか(未確認)、検索するとヒット… fnyablog Firefox拡張機能の作り方 hatenablog://entry/4207112889961223745 2023-02-07T23:52:01+09:00 2023-10-03T22:32:41+09:00 はじめに 個人用に Firefox の拡張機能を作ろうと思ったのですが、思いの外ハードルが高かったので、その作成方法を備忘録として残しておきます。 はじめに 開発環境 はじめてみよう 署名をして審査を受ける 拡張機能を公開する 情報源 Tips console.log でログを出力する方法 ポップアップ画面や設定画面でデバッグする方法 jQuery などの外部ライブラリを読み込む おわりに 参考サイト 開発環境 Firefox の拡張機能は、Visual Studio Code を使って、JavaScript で開発します。 Visual Studio Code - Code Editing.… はじめに 個人用に Firefox の拡張機能を作ろうと思ったのですが、思いの外ハードルが高かったので、その作成方法を備忘録として残しておきます。 はじめに 開発環境 はじめてみよう 署名をして審査を受ける 拡張機能を公開する 情報源 Tips console.log でログを出力する方法 ポップアップ画面や設定画面でデバッグする方法 jQuery などの外部ライブラリを読み込む おわりに 参考サイト 開発環境 Firefox の拡張機能は、Visual Studio Code を使って、JavaScript で開発します。 Visual Studio Code - Code Editing.… fnyablog TwitterへのURLシェアとはてブを確認できるブックマークレットを作ってみた hatenablog://entry/4207112889960259628 2023-02-04T18:37:06+09:00 2023-02-04T18:37:06+09:00 はじめに Firefox で自分用に拡張機能を作っていて、ようやく使えるようになってきました。 作り終わってから、「これ拡張機能じゃなくて、ブックマークレットでできるのでは?」と思って試してみたら簡単に作れてしまいました。 今までの苦労は。。 まぁ、拡張機能でないとできないことを、これからやるつもりなのでいいのですけどね。 せっかくなので、Twitter に現在ページの URL をシェアするブックマークレットと、はてなブックマークを表示するブックマークレットを載せておきます。 ブックマークレットとは、ブラウザのブックマーク(お気に入り)に、URL の代わりに JavaScript を入れること… はじめに Firefox で自分用に拡張機能を作っていて、ようやく使えるようになってきました。 作り終わってから、「これ拡張機能じゃなくて、ブックマークレットでできるのでは?」と思って試してみたら簡単に作れてしまいました。 今までの苦労は。。 まぁ、拡張機能でないとできないことを、これからやるつもりなのでいいのですけどね。 せっかくなので、Twitter に現在ページの URL をシェアするブックマークレットと、はてなブックマークを表示するブックマークレットを載せておきます。 ブックマークレットとは、ブラウザのブックマーク(お気に入り)に、URL の代わりに JavaScript を入れること… fnyablog Googleから離れて安心で安全な環境を手にいれることができた hatenablog://entry/4207112889958293223 2023-01-28T20:05:25+09:00 2023-02-12T13:26:50+09:00 はじめに 自分は、2006年から Gmail を使用していて、Google 検索も多用するし、Android のスマートフォンも10年以上使用していたので、 かなり Google に依存したユーザーでした。 また、インターネット上のサービスに登録しているメールアドレスがすべて Gmail だったので、移行負荷を考えるとげんなりしてリスクを抱えたままでいました。 そんな自分ですが、Android が抱えるセキュリティ問題からスマートフォンを iPhone に変更し、Google のサービスに依存する リスクから脱却することにして、形になったのでその方法をご紹介したいと思います。 はじめに Goo… はじめに 自分は、2006年から Gmail を使用していて、Google 検索も多用するし、Android のスマートフォンも10年以上使用していたので、 かなり Google に依存したユーザーでした。 また、インターネット上のサービスに登録しているメールアドレスがすべて Gmail だったので、移行負荷を考えるとげんなりしてリスクを抱えたままでいました。 そんな自分ですが、Android が抱えるセキュリティ問題からスマートフォンを iPhone に変更し、Google のサービスに依存する リスクから脱却することにして、形になったのでその方法をご紹介したいと思います。 はじめに Goo… fnyablog ブログから広告を削除しました hatenablog://entry/4207112889955977361 2023-01-20T23:02:49+09:00 2023-01-20T23:02:49+09:00 思うところがあり、当ブログから広告を削除しました。 広告がなくなると、はてなブログの Pro プランを使い続ける意味という話になりますが、 まぁ、独自ドメインをしばらくは使うからいいでしょう。(本当に?) 今後とも、当ブログをよろしくお願いします。 思うところがあり、当ブログから広告を削除しました。 広告がなくなると、はてなブログの Pro プランを使い続ける意味という話になりますが、 まぁ、独自ドメインをしばらくは使うからいいでしょう。(本当に?) 今後とも、当ブログをよろしくお願いします。 fnyablog npmライブラリの公開でdistディレクトリ配下のみ公開する方法 hatenablog://entry/4207112889934292584 2022-11-06T22:06:00+09:00 2022-11-06T22:06:00+09:00 npm ライブラリを公開しようと思って作業を始めてみたのですが、 src や test ディレクトリ配下のファイルが公開されるのに、dist ディレクトリ配下のファイルが公開されないという状況でハマりました。 npm 公開時に webpack などでビルドの仕組みを組み込む必要があるっぽくて面倒だなと思って調べていたのですが、簡単に dist ディレクトリ配下のみを公開する方法が分かりました。 以下の質問のコメントに答えがありました。 npm publish a package with only the children of dist folder - Stack Overflow 内容を… npm ライブラリを公開しようと思って作業を始めてみたのですが、 src や test ディレクトリ配下のファイルが公開されるのに、dist ディレクトリ配下のファイルが公開されないという状況でハマりました。 npm 公開時に webpack などでビルドの仕組みを組み込む必要があるっぽくて面倒だなと思って調べていたのですが、簡単に dist ディレクトリ配下のみを公開する方法が分かりました。 以下の質問のコメントに答えがありました。 npm publish a package with only the children of dist folder - Stack Overflow 内容を… fnyablog JWT for Google Apps ScriptというライブラリをGitHubとnpmで公開しました hatenablog://entry/4207112889934285248 2022-11-06T21:42:10+09:00 2022-11-07T09:08:20+09:00 はじめに JWT for Google Apps Script というライブラリを、GitHub と rpm で公開しました。 jwt-for-google-apps-script - GitHub jwt-for-google-apps-script - npm このライブラリは、TypeScript で作成された Google Apps Script 用の ライブラリです。 MIT ライセンスになります。 本当は、JWT のライブラリの自作なんてあまりしたくなかったのですが、Google Apps Script で使えるものがないのですよね。 まあ、仕方ありませんね。 以下の jwt.io… はじめに JWT for Google Apps Script というライブラリを、GitHub と rpm で公開しました。 jwt-for-google-apps-script - GitHub jwt-for-google-apps-script - npm このライブラリは、TypeScript で作成された Google Apps Script 用の ライブラリです。 MIT ライセンスになります。 本当は、JWT のライブラリの自作なんてあまりしたくなかったのですが、Google Apps Script で使えるものがないのですよね。 まあ、仕方ありませんね。 以下の jwt.io… fnyablog TypeScriptで外部プロジェクトの参照設定とエイリアスをつける方法 hatenablog://entry/4207112889930538728 2022-10-25T00:11:04+09:00 2022-10-25T00:11:04+09:00 はじめに TypeScript には プロジェクト参照(Project References) という、別プロジェクトのソースコードを読み込んで使用できる仕組みがあります。 ただ、このプロジェクト参照は、以下のように 1 つの tsconfig.json を持つ大きなプロジェクトがほぼ前提になっているようです。調べると大体この構成です。 . ├── projectA # 共通プロジェクト ├── projectB # projectAを参照 ├── projectC # projectAを参照 └── tsconfig.json ただ、自分がやりたかったのは、以下のように各プロジェクトが ts… はじめに TypeScript には プロジェクト参照(Project References) という、別プロジェクトのソースコードを読み込んで使用できる仕組みがあります。 ただ、このプロジェクト参照は、以下のように 1 つの tsconfig.json を持つ大きなプロジェクトがほぼ前提になっているようです。調べると大体この構成です。 . ├── projectA # 共通プロジェクト ├── projectB # projectAを参照 ├── projectC # projectAを参照 └── tsconfig.json ただ、自分がやりたかったのは、以下のように各プロジェクトが ts… fnyablog OpenSSLでHMAC-SHA256の秘密鍵を生成し署名する方法 hatenablog://entry/4207112889927668646 2022-10-15T13:52:52+09:00 2022-10-15T13:52:52+09:00 Google Apps Script で JWT の仕組みを作ろうと思って、HMAC-SHA256 を使用する際の秘密鍵の生成方法と署名方法を調べました。 本当は独自実装なんてしたくないのですが、ないものは仕方ですからね。。 まず HMAC-SHA256 の秘密鍵のサイズなのですが、RCF によるとハッシュのサイズと同じかそれ以上となっています。 SHA256であれば256ビット、32バイトということですね。 key of the same size as the hash output (for instance, 256 bits for "HS256") or larger MUST b… Google Apps Script で JWT の仕組みを作ろうと思って、HMAC-SHA256 を使用する際の秘密鍵の生成方法と署名方法を調べました。 本当は独自実装なんてしたくないのですが、ないものは仕方ですからね。。 まず HMAC-SHA256 の秘密鍵のサイズなのですが、RCF によるとハッシュのサイズと同じかそれ以上となっています。 SHA256であれば256ビット、32バイトということですね。 key of the same size as the hash output (for instance, 256 bits for "HS256") or larger MUST b… fnyablog Javaで動的キャストを行う方法 hatenablog://entry/4207112889925887997 2022-10-09T17:20:54+09:00 2022-10-09T17:22:56+09:00 はじめに Java で動的キャストを行いたいというケースはあるかと思います。 例えば、受け取った内容によって生成するインスタンスを切り替えたいとかですね。 まずは設計を見直せと言われそうですが。。 結論から言うと、Java で動的キャストは可能ですが、以下のような警告が出てしまいます。 Unchecked cast: 'java.lang.Class<capture<?>>' to 'java.lang.Class<T>' この警告を消すには、 @SuppressWarnings("unchecked") をつけるしかないようです。 詳しくは下記記事を参考にしていただければと思います。 How… はじめに Java で動的キャストを行いたいというケースはあるかと思います。 例えば、受け取った内容によって生成するインスタンスを切り替えたいとかですね。 まずは設計を見直せと言われそうですが。。 結論から言うと、Java で動的キャストは可能ですが、以下のような警告が出てしまいます。 Unchecked cast: 'java.lang.Class<capture<?>>' to 'java.lang.Class<T>' この警告を消すには、 @SuppressWarnings("unchecked") をつけるしかないようです。 詳しくは下記記事を参考にしていただければと思います。 How… fnyablog Google Apps ScriptのClaspでWebアプリのURLを変えないでデプロイする方法 hatenablog://entry/4207112889925825478 2022-10-09T13:08:24+09:00 2022-10-09T17:24:25+09:00 Google Apps Script には、TypeScript で開発するための Clasp というとても便利なライブラリがあります。 Clasp を使用すると、コマンドラインからも Web アプリをデプロイできるのですが、デプロイするごとにデプロイ ID が変わるため、Web アプリの URL も変わってしまうのが困ったところです。 Google Apps Script の Web アプリの URL は以下のようになっているためです。 https://script.google.com/macros/s/<デプロイID>/exec Clasp でデプロイするには、以下のように push 後… Google Apps Script には、TypeScript で開発するための Clasp というとても便利なライブラリがあります。 Clasp を使用すると、コマンドラインからも Web アプリをデプロイできるのですが、デプロイするごとにデプロイ ID が変わるため、Web アプリの URL も変わってしまうのが困ったところです。 Google Apps Script の Web アプリの URL は以下のようになっているためです。 https://script.google.com/macros/s/<デプロイID>/exec Clasp でデプロイするには、以下のように push 後… fnyablog Apache Commons LangのStringUtilsはとても便利 hatenablog://entry/4207112889897859492 2022-07-10T20:14:22+09:00 2022-07-11T17:24:54+09:00 はじめに Java で文字列を扱う時に、null や空白文字("")がある関係で、ちょっと条件判定が面倒なことがあります。 こんな感じですね。 if (value == null || value.isEmpty()) { // 値がない場合の処理 } そんな時に、Apache Commons Lang の StringUtils を使用すると、とても簡単に判定することができます。 StringUtils (Apache Commons Lang 3.12.0 API) こんな感じですね。 if (StringUtils.isEmpty(value)) { // 値がない場合の処理 } Spr… はじめに Java で文字列を扱う時に、null や空白文字("")がある関係で、ちょっと条件判定が面倒なことがあります。 こんな感じですね。 if (value == null || value.isEmpty()) { // 値がない場合の処理 } そんな時に、Apache Commons Lang の StringUtils を使用すると、とても簡単に判定することができます。 StringUtils (Apache Commons Lang 3.12.0 API) こんな感じですね。 if (StringUtils.isEmpty(value)) { // 値がない場合の処理 } Spr… fnyablog Spring BootでSLF4J+logback+Lombokを使いログ出力を行う hatenablog://entry/4207112889897588737 2022-07-09T22:05:10+09:00 2022-07-29T21:04:33+09:00 はじめに Spring Boot のプロジェクトで簡単にログ出力を行いたい場合は、SLF4J + logback + Lombok を使うとよさそうです。 簡単にログ出力ができますし、高速で多機能、書籍『Java本格入門』でもよく使われていると書かれていました。 この記事では、SLF4J + logback + Lombok の組み合わせでコンソールにログを出力する方法を詳しくご紹介します。 はじめに SLF4J とは logback とは SLF4J + logback + Lombok のメリット ログの設定 build.gradle logback.xml 実行してみる 実行環境ごとに設… はじめに Spring Boot のプロジェクトで簡単にログ出力を行いたい場合は、SLF4J + logback + Lombok を使うとよさそうです。 簡単にログ出力ができますし、高速で多機能、書籍『Java本格入門』でもよく使われていると書かれていました。 この記事では、SLF4J + logback + Lombok の組み合わせでコンソールにログを出力する方法を詳しくご紹介します。 はじめに SLF4J とは logback とは SLF4J + logback + Lombok のメリット ログの設定 build.gradle logback.xml 実行してみる 実行環境ごとに設… fnyablog JUnitのテストクラスでLombokのアノテーションを使えない問題の解消方法 hatenablog://entry/4207112889897513180 2022-07-09T17:25:27+09:00 2022-07-09T17:27:55+09:00 JUnit5 のテストクラスで、Lombok のアノテーションが使えなくて非常に悩んでいたのですが、build.gradle の設定に問題があったようです。 Spring Initializr で作成したプロジェクトは、以下のような build.gradle を作成します。 dependencies { compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' } ですが、このままだとテストクラスで Lombok が使用できません。 解決方法は、build.gralde を以下のよ… JUnit5 のテストクラスで、Lombok のアノテーションが使えなくて非常に悩んでいたのですが、build.gradle の設定に問題があったようです。 Spring Initializr で作成したプロジェクトは、以下のような build.gradle を作成します。 dependencies { compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' } ですが、このままだとテストクラスで Lombok が使用できません。 解決方法は、build.gralde を以下のよ… fnyablog Spring Boot にソースコードを整形する Spotless を組み込む hatenablog://entry/13574176438104143826 2022-06-21T00:09:40+09:00 2022-06-21T00:19:43+09:00 はじめに Java のシステム開発に限らないのですが、ソースコードの整形方法って人によって異なるし、場合によっては言い争いになりかねないので、開発プロジェクトではコード規約を作って遵守するようにします。 ただ、ソースコードの整形方法を目視で確認するのは、大変労力がかかる上に得るものが少ないものです。 このソースコードの整形を自動でできるツールがあります。 Java では Spotless が該当します。 Spotless は以下で開発され公開されています。 GitHub - diffplug/spotless: Keep your code spotless 今回は、IntelliJ IDEA… はじめに Java のシステム開発に限らないのですが、ソースコードの整形方法って人によって異なるし、場合によっては言い争いになりかねないので、開発プロジェクトではコード規約を作って遵守するようにします。 ただ、ソースコードの整形方法を目視で確認するのは、大変労力がかかる上に得るものが少ないものです。 このソースコードの整形を自動でできるツールがあります。 Java では Spotless が該当します。 Spotless は以下で開発され公開されています。 GitHub - diffplug/spotless: Keep your code spotless 今回は、IntelliJ IDEA… fnyablog Spring BootプロジェクトをIntelliJ IDEA CEで作成する hatenablog://entry/13574176438103752277 2022-06-19T20:15:23+09:00 2022-06-19T20:16:34+09:00 はじめに Spring Boot の開発をしたいけれど、最初はどうしたらいいか分からないことも多いかと思います。 そこで、以下の開発環境を構築する方法をご紹介したいと思います。 Spring Boot 2.7.0 Java 11 IntelliJ IDEA Community Edition はじめに IntelliJ IDEA とは IntelliJ IDEA CE のインストール Spring Initializr で Spring Boot のプロジェクトを作成 IntelliJ IDEA での設定 Java のバージョンを設定 アプリケーションの設定 おわりに IntelliJ IDE… はじめに Spring Boot の開発をしたいけれど、最初はどうしたらいいか分からないことも多いかと思います。 そこで、以下の開発環境を構築する方法をご紹介したいと思います。 Spring Boot 2.7.0 Java 11 IntelliJ IDEA Community Edition はじめに IntelliJ IDEA とは IntelliJ IDEA CE のインストール Spring Initializr で Spring Boot のプロジェクトを作成 IntelliJ IDEA での設定 Java のバージョンを設定 アプリケーションの設定 おわりに IntelliJ IDE… fnyablog 書籍『基礎から学ぶReact Native入門』を読んだ感想 hatenablog://entry/13574176438077313392 2022-03-27T23:48:31+09:00 2022-03-27T23:48:31+09:00 はじめに 書籍『基礎から学ぶReact Native入門』を読んでみました。 基礎から学ぶReact Native入門作者:WINGSプロジェクト 中川 幸哉翔泳社Amazon React Native は React をベースとした、クロスプラットフォームのモバイルアプリ開発環境になります。 この書籍は、React Native での開発の入門書になります。 なお、React については、以下の書籍がよかったです。 www.aruse.net はじめに よかったところ React Native の解説が詳しい よいところ つらいところ Expo 解説が詳しい React Native の向き… はじめに 書籍『基礎から学ぶReact Native入門』を読んでみました。 基礎から学ぶReact Native入門作者:WINGSプロジェクト 中川 幸哉翔泳社Amazon React Native は React をベースとした、クロスプラットフォームのモバイルアプリ開発環境になります。 この書籍は、React Native での開発の入門書になります。 なお、React については、以下の書籍がよかったです。 www.aruse.net はじめに よかったところ React Native の解説が詳しい よいところ つらいところ Expo 解説が詳しい React Native の向き… fnyablog TwitterアプリのTweetbotを5日間使ってみた感想など hatenablog://entry/13574176438075119813 2022-03-21T11:49:01+09:00 2022-03-21T11:53:06+09:00 はじめに Twitter 公式の仕様は、なかなかに厳しいものを感じています。 パソコンでは、TweetDeck を使用しているので不満はないのですが、iPhone, iPad では Twitter 公式アプリを使用していたため、さすがになんとかならないかとサードパーティ製の Twitter クライアントを探してみました。 それで、iPhone や iPad といった iOS 向けの「Tweetbot」というアプリを5日間ほど試してみたので感想などを書いてみます。 Tweetbot は月額100円、または年額650円の有料アプリになります。 利用開始から1週間、無料で使うことができます。 Twe… はじめに Twitter 公式の仕様は、なかなかに厳しいものを感じています。 パソコンでは、TweetDeck を使用しているので不満はないのですが、iPhone, iPad では Twitter 公式アプリを使用していたため、さすがになんとかならないかとサードパーティ製の Twitter クライアントを探してみました。 それで、iPhone や iPad といった iOS 向けの「Tweetbot」というアプリを5日間ほど試してみたので感想などを書いてみます。 Tweetbot は月額100円、または年額650円の有料アプリになります。 利用開始から1週間、無料で使うことができます。 Twe… fnyablog 書籍『React実践の教科書』が分かりやすくてよかった hatenablog://entry/13574176438075011696 2022-03-21T00:44:40+09:00 2022-03-21T00:44:40+09:00 はじめに よかったところ 段階を踏んで解説がされている Hooks について詳しく解説されている export についての解説あり export の記法 export default の記法 CSS の手法が複数解説されている TypeScript の解説がある 足りなかったところ パッケージマネージャーについて解説が欲しかった 用語の解説が不足している部分がある 開発プロジェクトですぐに使える設定がない おわりに はじめに React の解説本である『モダンJavaScriptの基本から始める React実践の教科書』を読んでみました。 モダンJavaScriptの基本から始める React… はじめに よかったところ 段階を踏んで解説がされている Hooks について詳しく解説されている export についての解説あり export の記法 export default の記法 CSS の手法が複数解説されている TypeScript の解説がある 足りなかったところ パッケージマネージャーについて解説が欲しかった 用語の解説が不足している部分がある 開発プロジェクトですぐに使える設定がない おわりに はじめに React の解説本である『モダンJavaScriptの基本から始める React実践の教科書』を読んでみました。 モダンJavaScriptの基本から始める React… fnyablog Macでファイル保存時にファイル名の自動変換を行う方法(Automator使用) hatenablog://entry/13574176438070067709 2022-03-06T16:16:36+09:00 2022-03-06T16:16:36+09:00 はじめに Mac で OneDrive を使用していると、ファイル名やフォルダ名の禁止文字のために同期エラーとなる問題が度々起きます。 私はWebサイトの内容をPDFに保存する際に「|」がよくエラーとなります。これがかなりうっとうしくて解決方法を探していましたが、ようやく解決方法が見つかりました。 Mac 標準アプリの Automator を使用すれば、ファイル保存時にファイル名の禁止文字を自動変換することができます。 この記事では、その方法をご紹介します。 なお、OneDrive のファイル名やフォルダ名の禁止文字は以下になります。 " * : < > ? / \ | OneDrive で無… はじめに Mac で OneDrive を使用していると、ファイル名やフォルダ名の禁止文字のために同期エラーとなる問題が度々起きます。 私はWebサイトの内容をPDFに保存する際に「|」がよくエラーとなります。これがかなりうっとうしくて解決方法を探していましたが、ようやく解決方法が見つかりました。 Mac 標準アプリの Automator を使用すれば、ファイル保存時にファイル名の禁止文字を自動変換することができます。 この記事では、その方法をご紹介します。 なお、OneDrive のファイル名やフォルダ名の禁止文字は以下になります。 " * : < > ? / \ | OneDrive で無… fnyablog MacのOneDriveでステータスアイコンが表示されない場合の対処方法 hatenablog://entry/13574176438070054756 2022-03-06T15:33:00+09:00 2022-03-06T15:33:00+09:00 MacのOneDriveで、ステータスアイコンが表示されないという現象が発生しました。 同期エラーになっても分からないので結構困ってしまいました。 結果として原因として考えられるのは、以下のように思われます。 macOS を Mojave から Monterey にアップグレードした OneDrive のアプリを最新版にバージョンアップした 上記により色々と複雑な状況になりましたが、なんとか解決できました。 まず、メニューにある OneDrive のアイコンをクリックして、設定から OneDrive を終了します。 Finder のアプリケーションの OneDrive で以下の操作を行います。… MacのOneDriveで、ステータスアイコンが表示されないという現象が発生しました。 同期エラーになっても分からないので結構困ってしまいました。 結果として原因として考えられるのは、以下のように思われます。 macOS を Mojave から Monterey にアップグレードした OneDrive のアプリを最新版にバージョンアップした 上記により色々と複雑な状況になりましたが、なんとか解決できました。 まず、メニューにある OneDrive のアイコンをクリックして、設定から OneDrive を終了します。 Finder のアプリケーションの OneDrive で以下の操作を行います。… fnyablog テレワークが長くなって頭の働きが悪くなり『脳が冴える15の習慣 記憶・集中・思考力を高める』という書籍を読んだら原因が分かった hatenablog://entry/13574176438035942780 2021-11-24T00:46:55+09:00 2021-11-24T00:47:24+09:00 このコロナ禍でテレワークが1年半以上となりましたが、日に日に頭の働きが悪くなっていることを実感しています。 結構悩んでいたので解決方法はないかと調べてみましたら、そのものズバリの書籍が見つかりました。 脳が冴える15の習慣 ―記憶・集中・思考力を高める 生活人新書作者:築山 節NHK出版Amazon この書籍は2006年出版で若干表現が古いところがありますが、当時は結構売れたようです。Kindle Unlimited で読めるというのもうれしいですね。脳機能の回復に関する医師の方が著者で書籍も多く出版されていて安心感があるのもよいですね。 この書籍で書かれているのは、時間的にも経済的にも負担に… このコロナ禍でテレワークが1年半以上となりましたが、日に日に頭の働きが悪くなっていることを実感しています。 結構悩んでいたので解決方法はないかと調べてみましたら、そのものズバリの書籍が見つかりました。 脳が冴える15の習慣 ―記憶・集中・思考力を高める 生活人新書作者:築山 節NHK出版Amazon この書籍は2006年出版で若干表現が古いところがありますが、当時は結構売れたようです。Kindle Unlimited で読めるというのもうれしいですね。脳機能の回復に関する医師の方が著者で書籍も多く出版されていて安心感があるのもよいですね。 この書籍で書かれているのは、時間的にも経済的にも負担に… fnyablog ドコモの2年縛りの解約金がなくなったので早速解約してみた hatenablog://entry/13574176438018254457 2021-10-02T19:47:38+09:00 2021-10-02T19:48:12+09:00 はじめに 2021年10月1日からドコモの2年縛りによる解約金がなくなりました。 私も2022年1月まで2年縛りのために解約できない iPhone 回線があったので、早速解約してみました。 使ってないのに通信費だけかかっていたので、困っていたのですよね。 解約金は、10,450円もしましたし。。 2021年3月よりドコモはオンラインで解約できるようになってるので、オンラインで解約してみました。 はじめに My docomo で解約 My docomo にログイン 解約手続き おわりに My docomo で解約 My docomo にログイン スマートフォンからも解約はできますが、今回はパソコ… はじめに 2021年10月1日からドコモの2年縛りによる解約金がなくなりました。 私も2022年1月まで2年縛りのために解約できない iPhone 回線があったので、早速解約してみました。 使ってないのに通信費だけかかっていたので、困っていたのですよね。 解約金は、10,450円もしましたし。。 2021年3月よりドコモはオンラインで解約できるようになってるので、オンラインで解約してみました。 はじめに My docomo で解約 My docomo にログイン 解約手続き おわりに My docomo で解約 My docomo にログイン スマートフォンからも解約はできますが、今回はパソコ… fnyablog 1Passwordが使い捨てメールに対応したので実際に試してみた hatenablog://entry/13574176438017553271 2021-09-30T20:32:17+09:00 2021-09-30T20:32:17+09:00 はじめに パスワードマネージャーで有名な 1Password が使い捨てメールに対応したとのことです。 internet.watch.impress.co.jp 記事によると、1Passowrd が Fastmail というサービスと連携することで「Masked Email」という使い捨てメール機能を提供しているとのこと。 Fastmail は有料サービスですが、30日間の無料体験ができるので早速試してみました。 はじめに 1PasswordとFastmailを連携させる Masked Emailを使う 使い捨てメールアドレスで受信したメールを確認する スマートフォンでは使えるの? そもそもこ… はじめに パスワードマネージャーで有名な 1Password が使い捨てメールに対応したとのことです。 internet.watch.impress.co.jp 記事によると、1Passowrd が Fastmail というサービスと連携することで「Masked Email」という使い捨てメール機能を提供しているとのこと。 Fastmail は有料サービスですが、30日間の無料体験ができるので早速試してみました。 はじめに 1PasswordとFastmailを連携させる Masked Emailを使う 使い捨てメールアドレスで受信したメールを確認する スマートフォンでは使えるの? そもそもこ… fnyablog Googleのアカウント停止(BAN)への対策を考える hatenablog://entry/13574176438016081505 2021-09-26T20:31:23+09:00 2021-09-26T20:31:23+09:00 はじめに Google はすばらしいサービスを提供してくれていますが、不幸なことに突然アカウント停止(BAN) にあう方もいるようです。 実際にアカウント停止になった方に共通していることが、どこに規約違反があったのか明確に知らされない内にアカウント停止されてしまい、メールも使えなくなりどうしようもなくなるということです。復活された方もいるようですが、そうでない方がどれくらいいるのかは不明です。 Google に依存しすぎるのはリスクになってしまいます。 そこで、Google のアカウント停止が突然やってきても大丈夫なようにするにはどうしたらよいか考えてみます。 ちなみに、私は 2006年から … はじめに Google はすばらしいサービスを提供してくれていますが、不幸なことに突然アカウント停止(BAN) にあう方もいるようです。 実際にアカウント停止になった方に共通していることが、どこに規約違反があったのか明確に知らされない内にアカウント停止されてしまい、メールも使えなくなりどうしようもなくなるということです。復活された方もいるようですが、そうでない方がどれくらいいるのかは不明です。 Google に依存しすぎるのはリスクになってしまいます。 そこで、Google のアカウント停止が突然やってきても大丈夫なようにするにはどうしたらよいか考えてみます。 ちなみに、私は 2006年から … fnyablog GmailでバックアップしたMBOXファイルの内容を確認する方法 hatenablog://entry/13574176438016033588 2021-09-26T18:11:56+09:00 2021-09-26T18:11:56+09:00 はじめに Gmail のデータをバックアップすると MBOX というファイルになりますが、バックアップができても内容を確認できないことにはどうしようもありません。 ですので、この MBOX ファイルの内容を確認する方法を調べました。 なお、Gmail のバックアップ方法は以下の記事をご確認ください。 www.aruse.net MBOXファイルを表示確認できるツール 調べたところ、MBOX ファイルをインポートして表示確認できるツールは以下の2つがあります。 ・Thunderbird ・mac 標準のメールアプリ 今回は mac で確認したのですが、Thunderbird は Windows … はじめに Gmail のデータをバックアップすると MBOX というファイルになりますが、バックアップができても内容を確認できないことにはどうしようもありません。 ですので、この MBOX ファイルの内容を確認する方法を調べました。 なお、Gmail のバックアップ方法は以下の記事をご確認ください。 www.aruse.net MBOXファイルを表示確認できるツール 調べたところ、MBOX ファイルをインポートして表示確認できるツールは以下の2つがあります。 ・Thunderbird ・mac 標準のメールアプリ 今回は mac で確認したのですが、Thunderbird は Windows … fnyablog