FFFT

主にwebプロダクト開発に関連する話をつらつらと

2020-04-01から1ヶ月間の記事一覧

【1分設定】Visual Studio Codeをターミナルから起動

こんな感じでターミナルからVisual Studio Codeを起動できるようになります。 $ code // 起動 $ code ./PROJECT_ROOT // プロジェクトを指定して起動 Visual Studio Codeを起動させて、メニューの「View」から「Command Palette...」を選択します。 「code c…

puppeteerでフォームのinput要素の値をクリア・リセット

puppeteerはChromiumブラウザをAPIで制御するnode.jsのライブラリです。 デフォルトでheadlessモードで動作し、Cloud Functionsなどのサーバレス環境で動作させることもでき、簡単にクローラAPIの開発が可能です。ブラウザ操作の自動化では、しばしばフォー…

【2020年度版】Slack通知はSlack AppのIncoming Webhooksを使おう!やり方を解説

Slackの特定のチャネルにAPI経由でメッセージを送るカンタンな仕組みをSlackではIncoming Webhooksと呼びます。 このIncoming Webhooksは、2020年現在、2通りのやり方があります。旧方式と新方式です。旧方式は、非推奨です。 下記の公式ページにも明確にdep…

【2020年度版】FacebookとTwitterのOGPのキャッシュ対応!最新に更新するやり方

OGP

先日、時限的なキャンペーンを打った際にLPのOGPを変更したんですが、全然反映されず「あら?」となりました。 OGPは各サービス側でキャッシュしており、「変更したよ!」というのをこちら側から知らせてあげなくちゃなりません。 その際にやった対応をまと…

【2020年7月】Google AdSenseは新型コロナウイルスの影響で審査をストップ

ブログの投稿記事数がある程度溜まったので、Google AdSenseに申請してみました。 ちなみに申請日は2020年4月18日(土)。翌日には審査結果が返ってきました。 タイトルのとおり、Google AdSenseの審査は新型コロナウイルスの影響で全面ストップしているようで…

ブラウザ側のデータ管理はWeb Storageで良いよねって思ってたけど容量問題にぶつかった

どんな背景からどんな問題が起きたか あるアプリケーションの開発。 サーバサイドの都合で、一時保存APIが用意できない状況。 ただ、それなりに入力量が多いフォームでユーザーが途中まで入力しても離脱してまた再入力するケースを救いたい。上記の状況を解…

bashからzshに3分移行 ~ MacOS catalinaからデフォルトシェルがbashからzshに ~

Macを使っている方は、catalinaからデフォルトシェルがbashからzshに変わりましたね。(今更感ありますが...) 後述しますが、訳あってmojaveからcatalinaにアップグレードを数ヶ月前に行いました。 ターミナルアプリ(自分はiTerm2)を起動する度に The defau…