wallacepolsom
No title available
Discoholic 🪩
I'd rather be in outer space 🛸
cherry valley forever
Lint Roller? I Barely Know Her
Jules of Nature
"I'm Dorothy Gale from Kansas"
oozey mess
❣ Chile in a Photography ❣
RMH
No title available
Kaledo Art
No title available
Peter Solarz
Claire Keane
@theartofmadeline
he wasn't even looking at me and he found me
NASA
PR's Tumblrdome
seen from Germany
seen from Indonesia
seen from Spain
seen from Germany
seen from United States
seen from United States
seen from United States
seen from India
seen from Germany
seen from Türkiye
seen from United States
seen from Lithuania
seen from Türkiye
seen from United States
seen from Belgium
seen from Japan
seen from Indonesia
seen from United States
seen from United States
seen from United States
@ecpplus
値に変更があった時だけSlackに通知するAPIを作った
ユーザ数などを cron などで定期的に Slack に POST していたが、変化が無い時に通知されてもあまり意味がないので、変化したときだけ Slack に通知する、というのを Serverless で作ってみた。 出来ること 監視する任意の値に変化があった時に Slack に通知してくれる。 もう少し詳細に 監視する値を API に POST し続け、前回の値から変化があったら Slack に通知するというシンプルなもの。例えば、 ファイルの md5 を1時間おきに取って API に投げれば、ファイル内容に変更があったら分かる。 サービスの登録人数の count を1時間おきに取れば、変化があったときに分かる。 クローリングしているデータの最終更新日時の文字列を15分おきに投げれば、変化があった時に分かる。 など、 trivial…
View On WordPress
PhoenixFramework の WebSocket に iOS からつなぐ
PhoenixFramework の WebSocket に iOS からつなぐ
PhoenixFramework の WebSocket に iOS から繋ぐのはとても簡単だった。 Awesome iOS with 🌟 で、 Swift で書かれている中から Starscream を選んで使ってみた。README にでかでかと表示されたロボットがカッコよかったので。 PhoenixFramework は ES6 で書かれた WebSocket 通信のためのクラスが最初から用意されてて、その仕組みに乗るとすごく楽なので、Swift 側で同じ仕組みに乗るような通信をすればよい。PhoenixFramework で実装された WebSocket の Chat を使ってみる。 PhenixFramework では、特定の topic に join するというのがあるが、これは JSON に event: "phx_join"…
View On WordPress
WKWebView で NetworkActivityIndicator を良い感じに表示(Swift3)
以前 iOS9 が出たときに書いたものが古くて使えなくなってたので、書き直した。 iOS9とSwift2の頃のやり方 iOS9 から追加された WKWebView で、networkActivityIndicator (iPhoneの上部のステータスバーで読込中にぐるぐるさせるやつ) を表示する方法。 UIWebView と WebView はもう使うなって API Reference に書いてある。 Swift3 になって書き方も変わっているのと、iOS9 から constrains の設定もしやすくなった。WebView の一種でコンテンツを読み込むとき、isNetworkActivityIndicatorVisible を処理しないことが無かったので、 pod でインストール出来るようにした。 EcpWebView (on GitHub) (more…)
View On WordPress
Mithril (JS Framework) で awesome-repos を render
Mithril (JS Framework) で awesome-repos を render
Mithril という軽量な JavaScript Framework を友人に勧められたので使ってみた。フレームワークとしてとてもシンプルなので、公式サイトの説明を読めばすぐ使い始められる。 ES6 で書いて babel した後のファイルが、 React を使っていた場合だと 120KB くらいになってたが（もしかしたら手元の設定がダメなだけでもっと小さく出来るのかもしれない) Mithril を使ったら、24KB くらいになった。 公式サイトの Performance を見ると、ローディングもレンダリングもかなり速いようだが。 (公式URL: Mithril) React のように仮想DOMを内部で持っていて、データバインディングして使えるので、React で書く感覚で書ける。試しにReact 使って書いたものを置き換えてみたらすぐ置き換えられた。。…
View On WordPress
Phoenix Framework で WebSocket のチャット
Phoenix Framework で WebSocket のチャット
WebSocketでチャットという、遠い昔に流行った題材で、 Phoenix Framework を使ってデプロイまでやってみた。 URL とりあえず Nginx の背後において動かしてみた。 EC2 の t2.nano インスタンスで動かしてみてる。割とサクサクしてる感じがします。 https://chat.ecpplus.net 2つブラウザ開くか、PCとスマホとかで見ると通信の速度が確認できます。 環境構築 d elixir elixir のインストールは Homebrew とかで出来ます。 $ brew install elixir $ brew install rebar3 # 手元だと、prod の compile で必要だった $ elixir -v Erlang/OTP 19 [erts-8.1] [64-bit] [smp:4:4] [async-threads:10]…
View On WordPress
xcodeproj を CONFLICT しづらくする mergepbx
Xcode を使って開発していると、.xcodeproj が、論理的には CONFLICT していないのに Xcodeのバージョンアップ等で激しく CONFLICT することがある。 mergepbx を使うと、理不尽に CONFLICT されるケースをある程度解消してくれる。複数人で開発している時は入れておいて助かることが多い。 Install brew install mergepbx Usage 以下の2ファイルに設定を追記(プロジェクト単位でもglobalでもOK)すれば、あとは git merge や git rebase とか通常の操作で mergepbx を使ってくれるようになります。 .gitconfig 下記を追加。 [merge "mergepbx"] name = Xcode project files merger driver = mergepbx %O %A…
View On WordPress
Awesome 某のスター付き一覧
Awesome Hoge のページをよく見ることがあり、特に iOS をよく見ていたのだが、スターの数をまとめて見たいと思い、主に自分用にスター付きの一覧を生成してみました。Awesome repositories の contributors と全てのレポジトリの developers の方々に感謝です。 URLはこれです。 Awesome repos with 🌟 GitHub API で取得した stargazers_count を使っています。 GitHub API、レポジトリの取得なら1時間に5,000回のLimitなので結構叩ける印象。 サーバは要らなそうだったので、AWSのサービスを組み合わせてサーバレスでページを生成しています。 Lambda でレポジトリ一覧を取得 まとめて GitHub API を叩くと Lambda がタイムアウトするので、一旦 SQS に JSON…
View On WordPress
Nginx で Let's Encrypt 使う時の設定
Nginx で Let’s Encrypt 使う時の設定
Using Free SSL/TLS Certificates from Let’s Encrypt with NGINX これに比べると Caddyを使う場合 が簡単すぎて泣ける。
View On WordPress
AWS API Gateway を使ってサーバレスな ifconfig API を作ってみる
AWS API Gateway を使ってサーバレスな ifconfig API を作ってみる
サーバが自分自身のグローバルIPアドレスを調べるとき面倒なことがよくあるので、API Gateway を使って ifconfig のようなことをする。単純に、リクエストしてきたIPアドレスを返すだけ。(こういうサービスは他にもあるけど、レスポンスが遅めだったり、信用できるか分からなかったりするので、自分で作るのが安全そう) curl https://ip.ecp.plus としたら自分のIPアドレスが返るというのがゴール。ブラウザで見ても同じ。ちなみに↑はもう動いているのでご自由にお使いください。 最初、API Gateway -> Lambda として、Lambda に IPアドレスを渡して、Lambda はそれを返して、API Gateway はレスポンスをそのままスルーする。というのをやったが、実は Lambda なしで出来たようだ。 はじめ Lambda…
View On WordPress
HamlでTextarea(Rails)
Rails + Haml で textarea を出力しようとすると、textarea 内に表示しようとしたテキストまでインデントされてしまう。 find_and_preserve というヘルパーメソッドを使えば、中身のインデントは保持されるようだ。 = find_and_preserve(f.text_area) Simple Form を使ってる場合も、同様にいける。 = find_and_preserve(f.input :comment, as: :text) 参考URL: How do I stop Haml from indenting the contents of my pre and textarea tags?
View On WordPress
MacでIEの確認をリモートで行う
IEの確認で、Azure の RemoteIE というのが知らないうちに出てた。これだと、手元に virtual machines のイメージを置いておかなくて良いので、ディスク容量の節約になる。 登録すれば無料で使えるようだが、inactive な時間が10分続くか、 active な状態でも60分経過すると切断される制限がある。短時間の確認なら問題無さそうだが、長時間の確認は繋ぎ直す必要がありそう。 まずは、RemoteIE で Register for access して、自分の Region を選ぶ。日本なら East Asia が良い。 Mac で使う場合は、Microsoft Remote Desktop アプリを App Store からダウンロードして、Azure RemoteApp というところをクリックすると、ログイン画面になるので、ログインする。…
View On WordPress
kswapd0 プロセスが CPU を食ってた
kswapd0 プロセスが CPU を食ってた
Load average が高いので、top でプロセスを見たら kswapd0 というプロセスが CPU を使いまくってた。 メモリがスワップアウトしたときに、ディスクに書き込んだりするプロセスらしいけれど、貧弱なサーバだとその処理が重くて Load average が上がってサーバが遅くなって…のループでつらそうだった。 vm.drop_caches の値を変えることで、メモリ内にあるキャッシュを削除して、このプロセスがやるべきことをなくしてあげれば CPU は解放されるようだ。 例えば、ページキャッシュだけ解放するときは、下記のようにする。sync をして、強制的にキャッシュの内容をディスクに書き込んだ後に実行します。 sudo sync sudo /sbin/sysctl -w vm.drop_caches=1 数字は、下記の中から適切なものを選ぶ必要がある。 [0] 初期値…
View On WordPress
AJAXでファイルダウンロード
バイナリでもテキストでも、AJAX でリクエストしたら JavaScript で受けることになるので、ブラウザにファイルをダウンロードさせるように処理を作る必要がある。 Blob オブジェクトはファイルに似たオブジェクトで、immutable な生データです。データを表す blob は必ずしも JavaScript ネイティブなフォーマットではありません。File インターフェースは Blob を基礎にしており、その機能を継承する一方で、ユーザのシステム上のファイルをサポートするための機能を拡張しています。 https://developer.mozilla.org/ja/docs/Web/API/Blob とのことです。レスポンスから Blob オブジェクトを作って、createObjectURL すれば、ダウンロード可能なURLを生成する事ができます。…
View On WordPress
WKWebViewでnetworkActivityIndicatorVisibleを表示
networkActivityIndicatorVisible (iPhoneの上部のステータスバーで読込中にぐるぐるさせるやつ) を表示する方法。UIWebView は、html,js,css,画像などの区別がつかなくて結構大変だったけど、そういうの気にせずだいぶ楽に実装できる。 (more…)
View On WordPress
AWS の g2.2xlarge (Ubuntu14.04) に CUDA7.5 をインストール
AWS の g2.2xlarge (Ubuntu14.04) に CUDA7.5 をインストール
AWS の g2.2xlarge インスタンスで Ubuntu14.04 を動かして、CUDA 7.5 をインストールした時のメモ。そのままで動くはず。 (more…)
View On WordPress
Let's Encrypt を Caddy で簡単に使う
Let’s Encrypt を Caddy で簡単に使う
Caddy という web server がデフォルトTLSというポリシーで、Let’s Encrypt を簡単に設定出来て、証明書の自動更新をしてくれるようだったので使ってみた。Let’s Encrypt は無料でTLS証明書使えるサービスです。 VultrのVPSを使ってみたら、DocumentsにCaddyのインストールについて載ってたので知りました。Vultr の Tokyo リージョン良さそうですね。 Caddy のインストール https://caddyserver.com/download から、ダウンロードするとバイナリが落ちてくるので、それを実行するだけです。バイナリ生成時に、Select Features として、追加機能を入れる事ができます。 Caddy の設定 /path/to/caddy.conf hoge.example.com { tls…
View On WordPress
Amazon API Gateway で Endpoint URL のドメイン名によるエラーが起きることがある
やりたかったこと https://hogehoge.execute-api.ap-northeast-1.amazonaws.com/sample/api/product/{id} というURLにアクセスすると、HTTP Proxy で設定した別のサーバの https://example.com/api/product/{id} へリクエストが飛ぶこと。 設定したこと /api/product/{id} という Resource を作って、それを HTTP Proxy に /api/product/{id} としたかったら、[Integration Request] で、Endpoint URL として http://example.com/api/users/{id} を設定して、 [URL Path Parameters] で Name: id, Mapped from:…
View On WordPress