[Route53][Amazon S3] Zone Apex へのアクセスをサブドメインにリダイレクトさせる

Zone Apex へのアクセスをサブドメインにリダイレクトさせたメモ。サブドメインは既にAmazon S3でウェブホスティングしていて、Zone Apexに関しては某VPSにAレコードを当てていたのだけど、実質放置していた状態だったので、S3とRoute53を使ってサブドメインにリダイレクトさせることにしました。

Amazon S3の設定

  • バケットを作成する(バケット名はドメインに合わせる)
  • バケットポリシーを作成する
  • 静的ウェブサイトホスティングメニューですべてのリクエストをリダイレクトさせる(画像ご参照)
スクリーンショット 2016-09-22 19.30.19

Route53の設定

  • Zone ApexにAliasを設定
  • Alias Target にS3のアドレスを設定(画像ご参照)
スクリーンショット 2016-09-22 19.29.01

参考サイト

Route53でZone ApexドメインのS3ホスティングサイトをリダイレクトする | hacknote

Flickrのおせっかいな埋め込みコードをJavaScriptで何とかする

ブログなどにFlickrの写真を貼り付ける為の埋め込みコードはちょくちょく変更があって現在はこのような感じになっています

スクリーンショット 2016-09-07 22.19.35

埋め込みコード

<a data-flickr-embed="true"  href="https://www.flickr.com/photos/aoshiman/29246324066/in/datetaken/" 
title="スクリーンショット 2016-08-28 13.38.41"><img src="https://c1.staticflickr.com/9/8373/29246324066_25a75afcac_o.png" width="1024" height="640" alt="スクリーンショット
 2016-08-28 13.38.41"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

これを余計なものを取っ払ってこのようなシンプルな形にしたい

<a href="https://www.flickr.com/photos/aoshiman/29246324066/in/datetaken/" title="スクリーンショット 2016-08-28 13.38.41"><img src="https://c1.staticflickr.com/9/8373/29246324066_25a75afcac_o.png" width="1024" height="640" alt="スクリーンショット 2016-08-28 13.38.41" class="img-responsive"></a>

不要なのは頭のこの部分と

data-flickr-embed="true" 

最後についてくるJavaScript

<script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

逆に必要なのはこれ(これはBootstrapにおけるimgタグのレスポンシブ用クラスです)

class="img-responsive"

で、昼休みの時間で出来上がったのがこのbookmarkletです(雑)。これを上記埋め込みコード生成画面で実行してあげると

javascript:(function(){var e,text,textA,textB,textC; e=document.getElementsByClassName('embed-code-text-field');text=e[0].value;textA=text.replace("data-flickr-embed=\"true\"  ",'');textB=textA.replace("\<script async src=\"\/\/embedr.flickr.com\/assets\/client-code.js\" charset=\"utf-8\"\>\<\/script\>",'');textC=textB.replace("\>\<\/a\>"," class=\"img-responsive\"\>\<\/a\>");e[0].value=textC;console.log(textC);})();

このように埋め込みコードをコンバートしてくれます

スクリーンショット 2016-09-08 21.27.20

参考サイト

Flickrの生成するEmbedコードをユーザースクリプトで自動加工する方法(Firefox + はてなブログの場合) - 酔人日月抄

リポジトリの引っ越しメモ(Bitbucket → GitHub)

TwitterbotのリポジトリをBitbucket(プライベート)からGitHub(パブリック)へ移行したメモ

BitbucketリポジトリのAccess levelの変更

まずBitbucketのリポジトリをプライベートからパブリックにする必要があるのでリポジトリのSettingsよりAccess levelのプライベートリポジトリのチェックを外す

スクリーンショット 2016-08-28 13.34.07

GitHubのインポートツールにてインポート

GitHubが用意しているリポジトリの移行ツールがあってこちらを利用すると一瞬でインポート出来る
Import a Repository

スクリーンショット 2016-08-28 13.37.16

あっという間にインポート出来ます

スクリーンショット 2016-08-28 13.38.41

リモートリポジトリのアドレス変更

$ git remote set-url origin git@github.com:aoshiman/adminkun-bot.git
$ git remote -v
origin  git@github.com:aoshiman/adminkun-bot.git (fetch)
origin  git@github.com:aoshiman/adminkun-bot.git (push)

以上


Vim Plugin Managerをvim-plugに変更

今まで使っていたShougo/neobundle.vimが今後はバグフィックスのみと聞いたので、気分転換も兼ねてプラグインマネージャをjunegunn/vim-plugにチェンジしてみました

1時間程で大まかな置換は完了してすんなり動いてくれて拍子抜けしたのですが、よく考えたらこれは Vundle → NeoBundle とプラグインマネージャを導入し続けてきた経験値があったからですね。 因みにvimrcのdiffはこんな感じです。

Change vim-plugin-manager And update vimrc · aoshiman/dotfiles@f512bae


[Python]Shizuoka.py #5 に参加しました

約一年半ぶりにShizuoka.pyが開催され参加及び発表をしてきました。色々なタイミングが合わず中々開催出来ずにいましたが、今回はその一年半がまるで充電期間だったかのように内容が濃い勉強会になりました。

発表スケジュールを見て頂ければ分かるのですが、Pythonらしいですね、データ解析、構成管理ツールとテスト、スタティックジェネレータ、AWS、クローラ、機械学習と守備範囲広いです。私はPythonのこの守備範囲の広さが好きで、自分が普段関わらない分野でPythonが使われている、すごく刺激を受けるのです。

因みに今回の私の発表はVagarant+DigitalOcean+AnsibleでPython開発環境を構築するというものでした。諸事情によりローカルディスク容量がかなり減ってしまい、このブログの作成環境をDigitalOceanへ外出ししたいことからVagrant、Ansibleの勉強が始まりました。

発表して判明したのですが、Vagrantの使用率って高いですね、是非DigitalOceanも使ってみてください。あとAnsibleのハマりどころに関しては、Qiitaなどにも掲載されているのですがやはり断片的なまとめが多いので、頑張って体系だってまとめてみました。あとついでなので普段使っているプロジェクト、Bitbucketの非公開リポジトリからGitHubの公開リポジトリへ引っ越ししました。そのままでは動きませんが、playbookは参考になるかもしれません。

今回の発表内容一覧です

  • Python、neo4j、Cytoscape.jsでデータ可視化入門 @oec014
  • Vagarant+DigitalOcean+AnsibleでPython開発環境を構築する @aoshiman
  • python-pelicanでブログを作る話 @hrs_sano645
  • 不適切だが違法ではないクローラー @fmkz___
  • Testinfra を使ってみた @ftnk
  • AWSで最近アツい話(AWS lambda) @sakibara
  • 静岡支部長がAWSの闇を語る @ando_ando_ando
  • joblibでキャッシング @fmkz___
  • 「みんなのPython勉強会」参加報告的なLT @bonohu
  • 日経平均予想上下予想botを作った話 @dokechin

よく4時間半で発表し終えたと思います(笑)

今回はじめて参加された方にも最後にお話しでき、楽しかったとおっしゃっててとても嬉しかったです。是非次回はなにか発表してみてください^^

最後に毎度のことながら会場確保など動いていただいている@fmkz___さんありがとうございました。


PAGE TOP