はてなブックマーク

サービスアカウントのロール付与で試行錯誤が必要だったのでメモです。ロールで権限付与していくならこれが一番コンパクトだと思う。 ServiceAccount の作成 サービスアカウントへのロール設定 App Enging デプロイ担当者 or App Engine サービス管理者 デプロイだけする場合はプロイ担当者、トラフィックの切り替えまで行う場合はサービス管理者を付与する Cloud Build サービスアカウント *1 デプロイに使われるCloud Storageバケットへの権限設定 <project_id>.staging.appspot.com のストレージのオブジェクト管理者として 1. で作成した ServiceAccount を設定する .github/workflows/actions.yml の定義 GitHub - GoogleCloudPlatform/github-

この記事は はてなエンジニア Advent Calendar 21日目の記事です。昨日は id:papix さんでした。 この記事では、はてなの開発合宿で AWS メディアサービスをつかってVOD動画配信の仕組みを作ったときの様子を紹介します。 初期のアーキテクチャ案 合宿初日にチームメンバーの id:masawada と id:hokkai7go とAWSのドキュメントを眺め、以下のようなアーキテクチャを目指すことにしました。 配信までの流れは以下のとおりです。 - アップロード用のS3バケットに動画を保存する - ファイル保存イベントをトリガとして MediaConvert に変換 job を投入する - HLS フォーマットの配信データを配信準備用S3バケットに保存する - m3u8 ファイルの作成をトリガに MediaPackage にアセットを登録する - MediaPackag

こんにちは、私は id:side_tana。この記事は Mackerel Advent Calendar 17 日目の記事です。昨日は koudenpa さんでした。 この記事では部屋にモニタリングを導入するまでの経緯とその結果をご紹介します。 序 私は春に引っ越したのですが、引っ越してからしばらく睡眠の質が低い日々を過ごしていました。1週間ほどその状態で過ごしたとき、夜間に寝室のCO2濃度が高まって、それが悪影響となっているのではないか、とひらめきました。 その日の晩に寝室のドアを開けて寝たところ、寝苦しさについてはかなり改善されました。おそらくこれが原因だったのではないか、と思っています。 ともあれ私は睡眠の質を取り戻しました。めでたしめでたし。 本当に? 果たして本当にそうでしょうか? 私は専門家ではないので睡眠の質とCO2の関係性はわかりません。しかし本当にCO2が変化したのかは計

このクリスマスの日に side_tana の新しいパートナーAPIについてみなさんにアナウンスできることに大変興奮しています！ 経緯 「ひさいちくんに彼女ができたら通知がくるウェブサービス」— ひさいち (@hisaichi5518) 2018年12月23日 俺も彼女がいるかどうか返すAPI作っとくか— アーツ・アンド・クラフツ運動 (@side_tana) 2018年12月23日 リアルタイムに状況を確認できる stream API でお願いします— ドッグ (@Linda_pp) 2018年12月23日 ヨッシャFirebase Realtime DBで行くぞ— アーツ・アンド・クラフツ運動 (@side_tana) 2018年12月23日 ヤッター！— ドッグ (@Linda_pp) 2018年12月23日 問題 パートナーの状態についてAPI経由で取得したいといった要求が急峻に高ま

みなさん puppeteerつかってますか? 私は使ってません。なぜなら安定的に稼働させるための環境がないから...*1。 しかしそれも今日までです。 先日 beta になった GAE/SE Node について GAE/SE Node は puppeteer も動くよ— ぐら (@grapswiz) June 13, 2018 という話を聞きました。聞いたからにはやります。以下の通り。 const puppeteer = require('puppeteer') async function takeScreenShot(url, filePath) { const browser = await puppeteer.launch({args: ['--no-sandbox']}); const page = await browser.newPage(); await page.setV

ところで皆さんは1年前の今日，2016年の1月の28日に何が起きたかを覚えていますか? 私は覚えています．そう，Parse.com が1年後にサービス終了する，と宣言したあの日です．*1 ということで死にゆく Parse.com への最後の手向けとして parse-shutdown-monitor というサービスを作りました．斎場とも言えます．*2 Parse Shutdown Monitor いわゆる外形監視になるんですかね? そういう意味では普通の外形監視使ってもよかったのですが，今回は Google App Engine氏に喪主をお願いしました． 監視しているのは ParseObject の取得と書き込み Query の実行 User のSign-in File の取得/アップロード ParseConfig の 取得 Hosting で設置した静的コンテンツ CloudCode の

歳末ご多端の折、皆様いかがお過ごしでしょうか。 mixiグループ Advent Calendar 2015 - Qiita 12日目ということで、簡単な内容ではございますが、ネットワーク周りのデバッグやトラブルシュートのTipsを共有させていただきます*1。 さて、ネットワーク周り、といえども簡単に手を加えられる箇所/環境であれば基本的にはデバッガで状態を追っていけば問題はありません。簡単にはprintfデバッグができれば大丈夫です。 開発環境の機能を使う まずはブラウザの開発者ツールを使ってみましょう。 今回は以下の機能を満たす簡単な掲示板的なWebアプリケーションを用意しました。 メールアドレスと本文から成るメッセージを投稿できる メールアドレスはフロント/サーバでバリデーションを行う 投稿/記事取得はXHRで行う メールアドレスのバリデーションに関してですが、まじめにやると人間が死ぬ

700億円ほどのお金がかかっているといわれ，why-kaisan.comなんてサイトも作られ巷を賑わせた第四十七回衆議院選挙の投票日が今日でした．投票日と言うことはその後に来るのは開票で，開票と言うことは開票速報がはじまるわけです． 報道各社を見てみますと，各々工夫を凝らした開票速報ページを用意しておりまして，これがなかなかおもしろいということで，その比較でございます． まとめ 長いので先にまとめです． まずテレビと新聞で圧倒的に態度が違います．テレビはあくまで番組の補助だったり宣伝が目的．ウェブページではあまり情報を出したくない様子です．一方新聞各社は　トップページ上段，ファーストビューのど真ん中を思いっきり使い，文字通り全面展開といったパターンが多い． フロントエンドの実装から見ると，基本的にグラフが必要な場面ではCSS，日本地図が必要な場面では「画像+mapで部分リンク」か「要素の絶

JavaScriptの変数は巻き上げ(hoisting)と呼ばれる挙動をするのでね……と言う話． 実際にコードで挙動を示した．RUNって書かれたボタンを押すと動く． http://jsfiddle.net/6xczopuv/3/ http://jsfiddle.net/6xczopuv/5/ なんか昨日あたりからカッコで括るJavaScriptの無名関数 (function(){/*処理*/})(); | Big Bangがバズってて，本筋とは関係ないんだけど，関数定義と関数を変数に束縛するのを同じですって書かれててもんにょりしたから書いた．たぶん先の記事を書いた人わかっていて，記事の中心的な話題じゃ無いから全体の流れを優先して同じってことにしたんだと思う．JavaScriptの変数の巻き上げについて知っていれば問題ない話である． ## 追記 @side_tana つ http://t.c

ひとで君さんのブログの感想を書くボタンがおもしろ便利すぎてどんなブログでも使いたかったからブックマークレット作った． ちゃんと動くかどうかあんまり試してないから不安．とりあえず何となく動くと思う． 以下をブックマークに追加することで使える． javascript:(function(){var a=document.getElementsByClassName("entry-title-link")[0].href;location.href="http://blog.hatena.ne.jp/my/edit?title="+encodeURIComponent(document.getElementsByClassName("entry-title-link")[0].textContent+"\u306e\u611f\u60f3")+"&;body="+encodeURICompone

.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(

開発中など，iOSの通信をWireSharkでみたいという場面がしばしばある．rvictlコマンドを利用することで，iOSの通信をキャプチャできる用になるのだけれど，キャプチャしたデータの扱いが上手くできなかったので書く．rvictlを使う方法は以下の記事に大まかなやり方が書かれてる． iOS - iPhone端末とかのパケットキャプチャ - Qiita 実は最初，rvictlで渡すUUIDの取得にとまどった．世の中のiOSデベロッパ各位であれば躓かないのだろうけれど，iOSデベロッパではないウェブやさんとか普通困るから，どう調べるのか書いてあげるのが丁寧だと思った．*1 実際にキャプチャしてみるとこういう画面になる． 確かにキャプチャできていることはわかるが，僕は人間なのでこれでは困る． MavericksのWiresharkでiOSデバイスのパケットキャプチャを行う - Qiita M

要約 JavaScirptだってペンタブ使いたい Wacom製のペンタブレットの場合web pluginがドライバと一緒にインストールされる*1 でもあんまり古いタブレットだと動かないっぽい? demo: http://tanatana.info/wacom-api-sample JavaScriptでもペンタブが使いたい? 拝啓 HTML5に変わり新たなバズワードとしてビッグデータやUI/UX，グロースハックが流行りだしたことをお慶び申し上げます．皆様におかれましてはクロスプラットフォームなどといった幻想に押しつぶされることも減り，いくらか過ごしやすくなったことかと思います． しかしながらスマートフォン，タブレットデバイスの普及による新たなフロントエンド技術が広まりから，ネイティブ/WEB，またB2B/B2Cを問わず，フロントエンドに要求される機能は日増しに高度化していることと存じ上げま

世間はクリスマスですね． 僕は今夜も一人で静かな夜を満喫していたのですが，クリスマスに恋人や家族にプレゼントを贈っている人々をみていると，僕も世界の経済にすこしばかり貢献したいなと，そういう気持ちがむくむくとわき上がってくるのは自然なことかと思います． さて，世界人口の半分が使っていると言われるvimと呼ばれるエディタがありますが，起動するとこんなメッセージが出てきます ~ VIM - Vi IMproved ~ ~ version 7.3 ~ by Bram Moolenaar et al. ~ Vim is open source and freely distributable ~ ~ Help poor children in Uganda!注目してほしいのは最後の行です． "Help poor children in Uganda!" 日本語ならこう出ているかもしれません． "ウ

はじめに 近年，インターネット上で手軽にページを作成することが出来るブログサービスが注目されている．代表的なサービスのひとつにはてなブログがあり，はてなブログでは表現力の高い記事作成を行えるよう，脚注機能がサポートされている． 脚注をつける（脚注記法） - はてなダイアリーのヘルプ このような脚注機能は一部のWikiシステムなどにも組み込まれており，本文中に書くまでもないが一部の読者には伝えたい情報を書き添える場合に非常に重宝する．*1 しかしながら，長い記事の場合は当然脚注が増えることとなり，脚注と併せて記事を読み進めたい読み手にとっては，ページの上下移動を繰り返すこととなる． あきた*2 本提案でははてなブログの脚注を傍注にすることで，情報へのアクセシビリティを高めることを提案する． 提案手法 がんばる*3 評価実験と考察 便利だと思う 今後の課題 たぶん長い脚注が集中すると，脚注同士

どこでもグリッチできるブックマークレット書いた． 以下をブックマークに加えて好きなページでクリックすればページ内の画像がグリッチされる． Glitch me わかりやすいようにgifにしたけど実際には点滅しない． 一度Canvasを通しているのでCross-originな画像はグリッチできない．逆手にとって，クリック一発でどの画像が同じOriginで配布されているのかを調べるのに使えると思う． あと一応jpeg壊しているので，ブラウザが落ちて他のタブで編集していた記事が消えたとか，そういうことがあっても知らないよっていうことを書いておきます．一応，念のため． よろしくおねがいします．

deploygateチームでインターンしてきましたよって事なんですけど． 2013年は観測史上に残る最高の夏でしたが，いまはもうすっかり秋ですね．ってことでこれ以上記憶が薄れないうちに記事にしておきます． ミクシィに限らず，来年インターンを考えている人の参考になればと思います． なおdeploygateについての詳しい説明は省かせて頂きます（ほんとはめっちゃしたい）．取り急ぎ，この辺の記事を参照して頂ければいいのかなと思います．紹介動画も見れる． きっかけ 某ソフトウェアコンテストに出したときに知り合った人を売る会社の方から「インターンのマッチングイベントがあるからこないか」というメッセージを受けたのが6月のことでした． ——タダで東京に行ける*1 当時，とにかく人の金で東京に行きたかった僕は二つ返事で参加を決定，人の金で東京に行くことに成功します． 株式会社ミクシィのインターンの詳細を知

ギガっていうの受け入れちゃったね*1。 こうなります。検証のために追加クーポン(200円)を買いました、これって経費で落とせますか？数年前 IIJmio に乗り換え、以来便利に使っているのだけれど、最近は気がつくと月のデータ通信量を使い切って破滅、と言ったことが増えてきた*2。 それほど困っているわけではないが、一体いつ使い切ったのか調べようとすると、公式のアプリでは5日ほどしか遡れず、また1日単位でしか確認ができないのでよくわからない。 調べてみると API があるとのことなので、mackerel にサービスメトリックとして投稿することで可視化してみた。 IIJmioクーポンスイッチAPI | クーポンについて | IIJmio これをみながら実装する。 認証周りをエイヤし、`/mobile/d/v2/coupon/` API を叩くとのようなレスポンスを得られる*3。 { "retur

革新的コミュニケーションツールをリリースしました． 回転寿司 嬉しい事があったらクリックして寿司に伝えましょう．クリックすると寿司も一緒に喜びます．喜んでいる寿司の状態はWebSocketでこのページを見ている全ての人に共有されます．寿司が喜んでいるということは，世界の誰かが喜んでいるということなので，それはとっても嬉しいですね． 以上になります，よろしくおねがいします． イタリア・ミラノにて