CSS3でローディング画面 Single Element CSS Spinners

https://projects.lukehaas.me/css-loaders/

特定の文字列を含まないという正規表現 (Weblog on mebius.tokaichiba.jp)

http://ynomura.dip.jp/archives/2015/12/post_53.html

アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

http://icooon-mono.com/

ニッチな領域に勝機あり！人生をメールサーバに捧げたエンジニアの生存戦略 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

https://employment.en-japan.com/engineerhub/entry/2017/08/23/110000

スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG

https://liginc.co.jp/web/js/jquery/56550

javascript - Convert XML to String and append to page - Stack Overflow

https://stackoverflow.com/questions/9898698/convert-xml-to-string-and-append-to-page

機械学習素人が2か月半で機械学習を入門したことまとめ - あさのひとりごと

http://dr-asa.hatenablog.com/entry/2017/03/15/064354

Amazonは最大のハックである「税ハック」と日本のソフトウェア産業の競争優位 | 決算が読めるようになるノート

https://irnote.com/n/n6d9a3e7a17c0

無料の写真 - Pixabay

https://pixabay.com/

jQueryをつかって、中身はそのままでHTMLタグを書き換える | 9ineBB

http://9-bb.com/jquery%E3%82%92%E3%81%A4%E3%81%8B%E3%81%A3%E3%81%A6%E3%80%81%E4%B8%AD%E8%BA%AB%E3%81%AF%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E6%9B%B8%E3%81%8D%E6%8F%9B%E3%81%88/

AWS Lambda + S3 + CloudWatch

紙面ビューアーを支える サーバーレスアーキテクチャ / serverless architecture supports Nikkei's paper viewer // Speaker Deck

https://speakerdeck.com/ikait/serverless-architecture-supports-nikkeis-paper-viewer

IP Address Details - ipinfo.io

http://ipinfo.io/

OCaml 終了方法

OCaml を終了したいので quit を入力してもエラーが起こって終了できなくて困った。

# quit;; → Error: Unbound value quit

quit の直前に # を付ければよかった。

# #quit;; →OK

​

OCamlの日本語が文字化け

OCamlのインタプリタで日本語の文字を扱う - the code to rock
http://note103.hateblo.jp/entry/2016/07/03/112928


Windowsの日本語が文字化け（エスケープ文字）になってしまうので、上記を参考にしたらできました。

以下2行をターミナルで実行するか、.ocamlinit に書き込めばよいとのこと。

let print_non_escaped_string ppf = Format.fprintf ppf "\"%s\"";;
#install_printer print_non_escaped_string;;

【4日で体験】 TensorFlow x Python 3 で学ぶディープラーニング入門 | Udemy

https://www.udemy.com/tensorflow/

git初心者のための、安全できれいなgit push - さもしのブログ

http://www.uosansatox.biz/entry/2017/03/28/130748

Node.js から Headless Chrome を操作する

--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita

http://qiita.com/Quramy/items/26058e83e898ec2ec078

Node.js + Headless Chrome

Headless Chromeでデザイン変更履歴を追える魚拓を作ってみた - pixiv inside

https://inside.pixiv.blog/abcang/2064

Node.js製画像比較ツール blink-diff

GitHub - yahoo/blink-diff: A lightweight image comparison tool

https://github.com/yahoo/blink-diff

[AWS Start-up ゼミ] よくある課題を一気に解説！〜御社の技術レベルがアップする 2017 夏期講習〜

https://www.slideshare.net/AmazonWebServicesJapan/aws-startup-2017

Mikiki | 高橋悠治『めぐる季節と散らし書き 子どもの音楽』 平安時代の「寸松庵色紙」をもとにして作られた新曲からケージまで | INTERVIEW | CLASSICAL

http://mikiki.tokyo.jp/articles/-/14504

オープンソースの脆弱性スキャナ OpenVAS を使ってみる - CUBE SUGAR CONTAINER

http://blog.amedama.jp/entry/2017/08/09/004706

選ばれる理由 | データベース ソフト「Plusdb」とは | 商品データベース作成ソフト「Plusdb」

https://www.plus-db.jp/plusdb/reason.html

サーバーレスアーキテクチャのパターン別ユースケース

サーバーレスアーキテクチャのパターン別ユースケース - yoshidashingo

http://yoshidashingo.hatenablog.com/entry/serverlss-usecases-2017

CMSのコンテンツ管理と配信を分離する

ex. Serverless CMS

• 目的：コンテンツ管理と配信の分割とイベント連携
• 説明：コンテンツ管理のワークロードと配信のワークロードのアンバランスさ（投稿はしないがたくさん読まれる、投稿はよくするが読まれない）を解消し、必要なリソースのみ調達するために、CMSで生成・更新されるコンテンツをトリガーで連携して、配信プラットフォームと同期する。配信プラットフォームと分割されたCMSはデマンドベースで利用できればよいためコンテナ化して必要に応じて起動することで、コスト削減だけでなく、セキュリティ的にCMSがつねに攻撃にさらされることを避けられる。
• 実装：WordPressからS3へアップロードするプラグイン StaticPress を用いてコンテンツを生成して配信用のS3やCDNにアップロードする。あるいはそれをサービス化している Shifter を使うことで、WordPressのインスタンス自体を常駐不要にする。

https://speakerdeck.com/digitalcube/serverlessconf-tokyo-2016-shifter

Shifterの例）

AWSのセキュリティ

AWSのセキュリティが気になるなら読んでおくべきAWSセキュリティのベストプラクティス - yoshidashingo

http://yoshidashingo.hatenablog.com/entry/2014/08/24/211825

Firebase と Vue.js

やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita

http://qiita.com/Yatima/items/b9f1962da1a304dc7604

Firebase

チャットなどサーバレスで簡単に作れてしまうサービス6（いわゆるmBaaS）．
無料枠もそれなりにあり．ウェブアプリにおいて，以下の機能が活用できる．

・　リアルタイムデータベース
・　ウェブホスティング
・　認証
・　クラウドストレージ
・　サーバ側での関数実行（いわゆるFaaS）
・　通知

データベースがNoSQLで癖があるが，従来のdbは一旦忘れて以下のように考えていくと容易である．
・　仕様：ツリー状に保存される
・　仕様：参照すると，そのすべての子を含めまるごと取得
・　なるべく表示させる直前の状態に加工してから保存する
・　基本的に連番は使わない(push()という関数が用意されている)
詳細はまた後日別記事にしようかとも思う．

ブラウザへのプッシュ通知も対応（2017/08/08現在はChrome, Firefox, Opera Mobileのみ）．
JavaScript Firebase Cloud Messaging クライアント アプリを設定する
（Thanks to @koki_cheese !）

FaaSを使ってSSR（サーバサイドレンダリング；ページ内のJavaScriptのサーバ側での描画）もいける．
Cloud Functions による動的コンテンツの配信

Vue.js

手軽に始めて大規模に拡張していくことが容易（プログレッシブフレームワークと呼ばれる）．

公式のdevtoolsが便利（Chrome, Firefox）．

ツール集やテンプレートも準備されていて，すぐに開発に取り掛かれる（PWAのテンプレートもある！）．
もうgulpやwebpackで消耗しない！vue-cliを使ったVue.js開発

Vuefire

文字通り，Vue.jsでFirebaseを使いやすくする．
この章の最初に示したサンプルコードは，これを利用して実現している．
VueFire - Firebase meets Vue.js

vue-material

文字通り，Vue.jsでMaterial Designが容易に使える．
用意されたカスタムhtmlタグを書くだけである．
vue.jsにVue Materialを適用してみた

vue-router

SPA（シングルページアプリケーション；よりネイティブに近い使い心地のウェブアプリ）の開発を容易にする．
個々のページを定義しておいて，リンクを貼るだけである．
動的なURLや，正規表現の活用なども可能．

Vuex

ウェブアプリ内でのデータ共有を容易にする（基本はコンポーネントという単位内でデータを扱う）．
上記Vue devtoolsは，Vuexにも対応している．

GPSを使わずにユーザーの位置情報を取得する方法 - Qiita

http://qiita.com/plasticstraw/items/bb60fa645c807234d33f

複雑なJavaScriptアプリケーションに立ち向かうためのアーキテクチャ // Speaker Deck

https://speakerdeck.com/shinpeim/fu-za-najavascriptapurikesiyonnili-tixiang-kautamefalseakitekutiya

osqueryでセキュリティログ集計

OSSで始めるセキュリティログ収集/oss-securitylog-builderscon2017 // Speaker Deck
https://speakerdeck.com/bungoume/oss-securitylog-builderscon2017

XSLTでHTML5のDOCTYPEを出力する - reflux flow

http://refluxflow.net/2014/07/xslt-html5.html

CSS 要素が一つだけのリストにCSSを別指定する

通常は連番のリストですが、要素が一つだけの場合は連番無しにしたいときは、

:only-child を使用します。

以下の順序で指定します。

ul li { list-style-type: decimal; ... }

ul li:only-child {

    list-style-type: none; /*リストスタイルなしにします*/

    margin-left: -20px; /*左インデントをリセットします*/

... }

<ul>
<li>これ</li>
<li>それ</li>
<li>あれ</li>
</ul>

<ul>
<li>これ</li>
</ul>

参考

first-childとlast-child、要素数が1つしかない時 - journal de kyart プログラマ／通訳の備忘録

http://d.hatena.ne.jp/kyart/20110307/1299483946

日本語文章のスタイルガイドのまとめ - Qiita

http://qiita.com/azu/items/623e5f50ccac2d4a8ac8

PHPでデータベースに接続するときのまとめ - Qiita

http://qiita.com/mpyw/items/b00b72c5c95aac573b71?utm_source=Qiita%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9&utm_campaign=48f1466740-Qiita_newsletter_266_02_08_2017&utm_medium=email&utm_term=0_e44feaa081-48f1466740-33160825

コマンド1つで作れる！かんたん自宅Amazon S3互換環境！ - Qiita

http://qiita.com/kotauchisunsun/items/c870bb65cfa12edcce13?utm_source=Qiita%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9&utm_campaign=48f1466740-Qiita_newsletter_266_02_08_2017&utm_medium=email&utm_term=0_e44feaa081-48f1466740-33160825

簡単にガントチャートとかクラス図とか書けるやつ - Qiita

http://qiita.com/rana_kualu/items/da394fd33ce019bf0ba7?utm_source=Qiita%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9&utm_campaign=48f1466740-Qiita_newsletter_266_02_08_2017&utm_medium=email&utm_term=0_e44feaa081-48f1466740-33160825

Electronでよく使いそうなネタの覚え書き

Subject: Electronでよく使いそうなネタの覚え書き - Qiita

http://qiita.com/indometacin/items/0a436338165dc8b76ec4

javascriptで画像読み込みエラーを検知する

javascriptで画像読み込みエラーを検知する - やったこと

http://absg.hatenablog.com/entry/2015/06/10/161334

JavaScriptでリダイレクトする場合の注意点

リファラー情報を付けてリダイレクトするには、以下を参照。

やはり、お前らのJavaScriptでのリダイレクト実装は間違っている - Qiita

http://qiita.com/1987yama3/items/5ff58b6195fe6c3f268b

通常、このような感じですが、

// PCサイト側のJavaScript  if ( isMobileDevice() ) {    location.href = "http://example.com/sp/index.html";  }

↓ こうする。

if ( isMobileDevice()) {    var redirect_url = "http://example.com/sp/index.html" + location.search;    if (document.referrer) {      var referrer = "referrer=" + encodeURIComponent(document.referrer);      redirect_url = redirect_url + (location.search ? '&' : '?') + referrer;    }    location.href = redirect_url;  }