はてなブックマーク

はじめにaxios で、添付ファイルありのリクエストを送信する方法を整理した。 【React】axiosを使用してmultipart/form-data形式の通信をする - モノクロタイム を参考にさせてもらった。 TL;DR FormData の append でデータを構築 Request Config の transformRequest でも対応できるかも？(未検証) FormData はブラウザのみなので、CLI ツールなどは別フォーマットを使う必要がありそう

はじめにVue.js を使って Chrome 拡張機能を開発する方法について簡単に整理した。 前回の記事 では、Kocal/vue-web-extension を使った Chrome 拡張機能の開発方法について調べた。が、「Kocal/vue-web-extension では Popup Page や Options Page で Vue.js を使うもの」、つまり「メインページ(メインコンテンツ?)側では使えないもの」という結論に至った。(※自分の中では、の話) 冷静に考えて「メインページ側に使えないわけがない」と思って、どのようにすれば実現できるかについて調査した。 実際に拡張機能を作ってリリースした話 : Vue.js を使ってChrome 拡張機能を作った話(はてなブックマークのコメントを Qiita 記事内に表示) - Qiita TL;DR vue.config.js を用意し

はじめにChrome 拡張機能で外部サイトへの HTTP リクエスト時に Request Headers をカスタマイズする方法について整理した。 User Agent を変更したり、Cookie を付与したり、色々とできるようになる。 TL;DR chrome.webRequest.onBeforeSendHeaders を使う 一部の内容はイベントハンドラ内で参照できないし、設定しても保証されない User Agent を変更したり、Cookie を付与したりできる 目次はじめにTL;DR環境・条件詳細Chrome 拡張機能のライフサイクル実装方法manifest.jsonbackground.jsまとめ参考文献 環境・条件Google Chrome バージョン: 78.0.3904.108（Official Build） （64 ビット） 詳細リポジトリ: 17number/chro

はじめにOSS の CSS Framework Bulma を使って、メルカリ風のレスポンシブなデザインを構築する方法について整理した。 「メルカリ風のレスポンシブなデザイン」というのは、 デスクトップなどでは「サイドバー」＋「コンテンツ」 モバイルでは「サイドバー」が非表示になり、クリック(タップ)で表示される というような構成を意味している。 TL;DR モバイル表示時には隠したい部分に is-hidden-mobile クラスを付与する モバイル表示時に隠した要素を表示するためのボタンなどに is-hidden-tablet クラスを付与する 上記ボタンをクリックした時に is-hidden-mobile をトグル(On/Off)する 全体のデザインは columns + column + is-<n>-<device> で調整する 目次はじめにTL;DR環境・条件詳細完成イメージポ

window.YTD.tweet.part0 = [ { "tweet": { "retweeted" : false, "source" : "<a href=\"https://twitter.com/hogehoge\" rel=\"nofollow\">hogehoge</a>", "entities" : { "hashtags" : [ ], "symbols" : [ ], "user_mentions" : [ { "name" : "アカウント名", "screen_name" : "hogehoge", "indices" : [ "3", "16" ], "id_str" : "1234567890", "id" : "1234567890" } ], "urls" : [ { "url" : "https://t.co/ABCDEF", "expanded_url"

はじめにHexo + GitHub + Netlify でブログを作って公開するまでの手順をまとめる。 手探りで進めたので、設定できてるけどそうじゃない、みたいな項目が結構あるかもしれない。 2019/09/29 16:40 時点で執筆途中、随時追記中 TL;DR 基本的に公式手順通りに進めれば OK 手順整理したから参考にしてね Hexo(SSG) + GitHub + Netlify はいいぞ 目的・やったことHexo + GitHub + Netlify でこのブログを作ったので、その手順をまとめておく。 ブログテーマは Tranquilpeak を使用。ちょっと細かい箇所をいくつかカスタマイズしてある。 ドメインは Google Domains で取得。某お◯前ドットコム みたいに無駄なメールが来ないので良い。 目次はじめにTL;DR目的・やったこと環境・条件前提知識HexoGit

はじめにAWS lambda で S3 の画像を圧縮する チュートリアル を試したので、それに関するメモ。 TL;DR チュートリアル 通りにやれば OK 事前に aws-cli のセットアップをしておく必要あり インストール: pip install awscli 設定: aws configure 調子に乗ってランタイムを Node.js 8.10 から Node.js 10.x に変えると動かないので注意