HTMLのIMG要素のSRC属性に設定しておけば、ランダムに画像を表示するURLです。 複数の画像をAWS S3のバケットに置いておき、CloudFront - API Gateway - Lambda Function というルートで画像を返します。 当初は上の画像をそのURLから取ってきていたのですが、AWSの請求額がグイグイ上がっていくので（CloudFrontのせいだと思う）怖くなって固定画像に変えました。ｽﾝﾏｾﾝ。 Stravaのワークアウト完了時に、IFTTTを使って結果（距離、時間など）をTwitterに流していて、走行経路の地図（GoogleMaps）を添付しているのですが、常に「Image not found」となっており（今思えばセキュリティ設定に関連しているのかもしれない）、アクセスするたびに画像が入れ替わるURLを作ればいいやと、初夏の風吹く4月の土曜日に、朝メシ

前回記事の読み込みに引き続いて、WEBアプリからGoogleドライブにファイルを保存するサンプルコードを掲載します。 公式ガイドにWEBブラウザのJavaScript向けサンプルコードは有りませんでした。 しかし前回懲りて学習しました。 XHRで直接APIを叩けばOK。 今回は、あまり停滞せずに0.5人日でなんとかなった。 いくつになってもお勉強です。 takamints.hatenablog.jp 絵で見てわかるクラウドインフラとAPIの仕組みposted with amazlet at 18.07.28翔泳社 (2016-02-25) 売り上げランキング: 46,593 Amazon.co.jpで詳細を見る ここに書いてる機能を、npmとしてまとめましたので是非どうぞー takamints.hatenablog.jp 目次 シンプルアップロードを使います 新規作成はAPIを二度叩く 既

Flickr： Google Self-Driving Car ( Creator： smoothgroover22, License： CC BY-SA 2.0 ) ここしばらく「できないわけがないじゃないか」と調べていた個人的な大問題、「ブラウザで動作するWebアプリから、ユーザーのGoogleドライブに保存されているファイルを読み込む方法」を解決できたので小躍りしながら書いております。 Googleドライブのファイルを読み込むサンプルコードは、下記APIの説明ページで示されています。 しかしWebページのJavaScript用のがありません。 Node.jsのはありますが、これはWebのJavaScriptでは動きません。fs(ファイルシステム)モジュールを使用しており、パイプでストリームへコンテンツを流しているからです。 Download Files | Drive REST AP

HTML5のDOMイベントに、mouseenter と mouseoverという、よく似たマウスイベントがあります。ここには、その違いについて調べたことを書いておきます。 どちらもマウスポインターが要素の上に入ってきた時に発生するイベントで、それぞれに対応する「マウスポインタ―が要素から外れた」時のイベントとして mouseleave と mouseout もありますね（mouseenter には mouseleave 、mouseover には mouseout が対応します）。 この2種類のイベント間には、発生要因や伝播（バブリング/プロパゲーション）に関する違いがあります。 私は最近まで、この違いを意識しておらず「歴史的理由による別名？」かと思っていて、その場で適当に思いついた方を使っていました。 先日ふと疑問に思ってMDNで調べてみたら、どうやら上記のように明確な違いがあると知った

This is the new Gmail design A new sidebar includes Google Calendar alongside messages 新しいサイドバーには、メッセージと一緒にGoogleカレンダーが含まれます。 Google revealed yesterday that it’s planning to launch a new Gmail design in the coming weeks. The refreshed design will appear for Gmail users on the web, bringing it closer to the company’s tweaks for Gmail on mobile devices. The Verge has obtained screenshots of the new

photo credit: vinayaketx Top 12 Tips To INCREASE ADSENSE REVENUE | Adsense Optimization 2018 via photopin (license) 元Google AdSense担当が教える 本当に稼げるGoogle AdSense 収益・集客が1.5倍UPするプロの技60posted with amazlet at 18.03.07石田 健介 河井 大志 ソーテック社 売り上げランキング: 3,736 Amazon.co.jpで詳細を見る 最近AdSenseで「自動広告」なるものが使えるようになりました。 とても便利でお手軽で、素晴らしいソリューションだと感動しました。 しかし「AIが人々の仕事を奪っちゃう！」とまでは行きませんが、少し危機感も感じてます（後述）・・・。 てことで、ちょっとホットなAdSe

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます MicrosoftとGoogle、Mozillaの各社は米国時間10月18日、自社のブラウザ関連ドキュメントを「MDN Web Docs」上に集積していくことで合意したと発表した。 これによりMDN Web Docsは、「Firefox」関連のWeb APIや情報をまとめたサイトという位置付けから、「Google Chrome」と「Microsoft Edge」、Firefoxに関連する情報の拠点という位置付けとなる。同サイトには、JavaScriptやCSS、HTMLのほか、さまざまなWeb APIに関するウェブ開発者向けの情報やチュートリアルが集積されている。 情報の拠点が1カ所に集約されることで、開発者はクロスブラウザアプリの開発