JavaScriptでcanvasタグで円グラフを描画する

JavaScript canvas

canvasタグをJavaScriptで制御して、グラフを描画することがあるので、メモフォームに何パーセントかを入力し、送信したらcanvasタグでそのパーセンテージを描画するサンプル <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Canvasで円グラフ…</meta></meta></meta></head></html>

2019-12-25

Cognito Identity PoolsとJavaScriptで、AWSのS3にファイルアップする方法

AWS S3 JavaScript

1.AWSコンソール上で、CORSの設定をする。以下を参考に実施。設定をしないと、クロスドメインリクエスト許可されていないのでエラーになる。 https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html#s3-exa…

2019-12-19

JavaScriptで、AWSのS3にファイルアップする方法

JavaScript AWS S3

1.AWSコンソール上で、CORSの設定をする。以下を参考に実施。設定をしないと、クロスドメインリクエスト許可されていないのでエラーになる。 https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/s3-example-photo-album.html#s3-exa…

2019-12-19

GoogleスプレッドシートのIMPORTXML関数でWebページのメタ情報スクレイピングして指示通りか自動チェックする方法

GoogleSpreadSheet

Webのコーダーとして働いていると、クライアントや代理店、ディレクターから、URLごとにtitleやmeta descriptionなどをエクセルか何かでまとめて、「この通りに適用してください」といった指示がよくある。チェックする時はわざわざソースを見て、目視かエ…

2019-12-09

寛解の連続上映会観に行った

映画

12/8（日）は、かっつんこと小林勝行さんの2ndアルバム『かっつん』の制作過程を追ったドキュメンタリー映画『寛解の連続』上映会 in 京都海宝寺に行った。自分の言葉に感情が動かされて泣きながら歌いながら制作している姿。 SGIについて、言及するか葛藤…

2019-12-09

週２、３日勤務のフルリモート正社員とか最高そう

日記

2019年の売り上げ確定したので会計ソフトのfreeeで収支を確認。収入が良い月もあれば悪い月もあったので、年収としては思ったよりショボかった。。色々経験出来て、これからについて思考整理もまあまあ出来たので、良しとする！ 2019年はまるっとフリーラ…

2019-12-07

Vue.jsで、特定の要素が画面に表示されたら実行したい時に便利なvue-intersect

JavaScript Vue.js

vue-intersectがシンプルで便利だったので、使い方をメモ。こちらを参考にインストール github.com NPM npm install vue-intersect --save Yarn yarn add vue-intersect 使い方使いたいVueファイルに、importして、@enter=で表示した時に実行したいmethods…

2019-11-21

JavaScriptだけで、訪問者のIPアドレスをGoogleAnalyticsで取得する方法

GoogleAnalytics JavaScript

静的サイトや外部サービスを利用したサイト等で、PHPの埋め込み不可でJavaScriptだけで訪問者のIPアドレスを取得したい場合についてメモ。グローバルIPアドレスを取得出来るipifyのAPI（https://api.ipify.org/?format=json）を読み込む。 jsonの中のipとい…