約束の地

キャロ組

Web

よちよち.rb & Sendagaya.rb 合同開催「よちがや.rb」 〜REST アーキテクチャを理解しよう会〜 に行ってきました

よちよち.rb & Sendagaya.rb 合同開催「よちがや.rb」 〜REST アーキテクチャを理解しよう会〜 2019/01/07 に開催された「よちよち.rb & Sendagaya.rb 合同開催「よちがや.rb」 〜REST アーキテクチャを理解しよう会〜」に行ってきました。内容の詳細につい…

Cloudflare で 接続元IPアドレス や 接続先ホスト(サブドメイン)でアクセスを制限する

Web

Cloudflare を用いる場合に、アクセス元(接続元)のIPアドレスや、接続先のホスト(サブドメイン)で判別してアクセス制限をかけたい場合の方法です。 1. メニューから Firewall を選択する ログインしてホストを選択し、Firewall のメニューを選びます。 2…

ConoHa の VPS では作ることができるサーバの数に上限がある

Web

結論 512MB だと 5個 まで 1GB だと 12個 まで それ以外は調べていないです 実例 備考 ヘルプなどを探したんですが見つからなかったです。また、上記の画面にもあるように、問い合わせをすれば対応してくれるものと思われます。

Chrome 73.0.3637.0 でブックマーク バーのアイコンに半角スペースが入ってしまう

Web

前置き Chrome のブックマーク バー に表示する情報を増やしたいために、アイコン(Favicon)だけにして文字情報*1を削除しているとします。 すると、ふとした時にそのブックマークの文字情報が「空っぽ」から「半角スペース1つ」になっています。 具体例 こ…

Lightsail で インスタンス名 を変更する方法

Web

結論 2018/12/11 現在、無い。 補足 スナップショットを取得し、インスタンスを新たに作るという方法はあるようです。 参考 AWS Developer Forums: How to change an instance name? ...

nginx で リダイレクト をする設定

Web

結論 以下の書き方で http で hello.example.com に飛んできた場合に https://www.yahoo.co.jp/ にリダイレクトさせます 以下の書き方は 302 の場合です 301 にする場合は rewrite ^(.*)$ https://www.yahoo.co.jp/ redirect; の部分を rewrite ^(.*)$ https…

nginx + Apach2 の構成で JavaScirpt や CSS が 404 Not Found になるとき

Web

結論 nginx の設定ファイル中に、以下のように記述します。 location / { 内に include /etc/nginx/mime.types; と書く 例 server { (省略) location / { include /etc/nginx/mime.types; (以下省略) 参考

Database Search and Replace Script in PHP をコマンドラインで用いて WordPress のデータベースの内容を移行(変換)する

Database Search and Replace Script in PHP こちらです。ダウンロードするためには登録が必須です*1。 コマンドラインで用いる このスクリプトを Webアプリ として用いるやりかたは多く見かけます。ここではコマンドラインで実行する方法を示します。この方…

Chrome の favicon のキャッシュを上書きする

Web

結論 favicon.ico のアドレスに直接アクセス*1してスーパーリロードをする。 スーパーリロードの方法(Chrome) Windows Shift + F5 Mac Command + Shift + R 補足 Chrome の favicon のキャッシュは相当にしつこくて、もしかしたらこれを明示的に行わないと…

Cloudflare + nginx + Let's Encrypt という構成で ERR_SSL_VERSION_OR_CIPHER_MISMATCH というエラーが出た場合

Web

結論 サブサブドメインを使ってませんか。 参考

Cloudflare を使う設定をしたら SSH でつながらなくなった

Web

はじめに ごくごく当たり前のことを書いています。 現象 example.com というドメインを例とするとして、example.com の Aレコード を Cloudflare に 割り当てる設定をしたら、example.com に SSH で接続できなくなった。 対処方法 たとえば ssh.example.com …

「幻想水滸伝攻略真書」の管理人様を探しております

「幻想水滸伝攻略真書」 「幻想水滸伝攻略真書」という素晴らしいサイトがあります。 当時はサイトがリアルタイムで更新され、その内容にはリアリティがあり熱気と活気に包まれていることが見て取れます。「フレームワーク」や「ジェネレータ」といったもの…

Google スプレッドシート や ドキュメント の自分のマシンのローカルのファイルを消すとクラウド上でも消える

Web

現象 スプレッドシートやドキュメントを作成した ローカルのマシンに「バックアップと同期」でスプレッドシートやドキュメントのファイルを同期していた 上記ファイルを別のフォルダに移動した クラウド上で「ごみ箱」を空にした スプレッドシートやドキュメ…

Integromat に Discord のシナリオが登場

Web

Integromat とは Discord のシナリオが登場 先日 Google Cloud Vision と Markdown のシナリオが追加されたことを記事にしました。 2018/09/26 に Discord のシナリオが追加されました。 すごい。

Integromat に Google Cloud Vision と Markdown の シナリオ が登場

Web

Integromat ポスト IFTTT と名高い Webサービス です。 「シナリオ」に Google Cloud Vision と Markdown が登場 ついこの前、Integromat の「シナリオ」に、Google Cloud Vision と Markdown が追加されました。 使い方次第では面白いことができそうです。

Webブラウザ を自動で操作することができる Kantu Browser Automation

Kantu Browser Automation 知ったのは MOONGIFT 経由です。 Selenium 実際に使ってヘルプページを見たりすると分かりますが Selenium ベースなので、最近のモダンなフロントのページには使用できないです。ただ、それ以外のページではとても便利に使えます*1…

Puppeteer でポップアップ画面を操作の対象とする

Web

Puppeteer こちらです。読み方は「パピティア」のようです*1*2。 ポップアップ画面を操作の対象とする。 page.goto でページを訪れ、その際にポップアップが出てきたとき、このポップアップのボタンを押そうとしても「要素が見つからない」と怒られてしまい…

Puppeteer でページ全体のスクリーンショットを撮影する

Web

Puppeteer こちらです。読み方は「パピティア」のようです*1*2。 ページ全体のスクリーンショットを撮影する スクリーンショットは page.screenshot で撮影できます。このとき options として引数に fullPage: true を与えるとページ全体のスクリーンショッ…

Bonfire Frontend #2 速記メモ

Bonfire Frontend #2 【増枠】Bonfire Frontend #2 - connpass 画像回帰テスト Snapshotテスト 前回成功したDOMをexpectedにする UIコンポーネントのキャプチャ画像の比較 Storybookでコンポーネントのテストツール キャプチャを取得するツールも色々ある 画…

Puppeteer でページの読み込み完了を待つ

Web

Puppeteer こちらです。読み方は「パピティア」のようです*1。 ページの読み込み完了を待つ page.goto したあとにページの読み込み完了を待つには、引数に options として waitUntil: 'networkidle0' を付与します。以下、例です。 await page.goto('https:/…

appear.in でデスクトップ共有ができない(画面が真っ黒)

Web

環境 おま環の可能性が高いですが、以下の状況にて appear.in でデスクトップ共有をすると、Guest の画面では真っ黒になります。 状況 共有元のWebブラウザ Chrome 70.0.3528.3 68.0.3440.106 どちらでも同様だった Guest の Webブラウザ だめ Chrome 70.0.3…

OSS の IDE(コードエディタ)の選別を断念した話

背景 クローズドで利用できる OSS の IDE(エディタ)がほしい。 結論 どれも実用に至ると判断できませんでした。以下、試したものと所感です。 Codebox 最終コミットは3年半前 基本的な機能はある ペアプロできる Chrome だと インデント が 3以下 の場合に…

CodePen の クローン である OSS の CodePan をインストールする

CodePen CodePen とは、ご存知、Webブラウザで完結できるフロントエンドの開発環境です。 CodePan その CodePen の クローン OSS の CodePan というものがあります。これをインストールします。 なお、デプロイ済みのデモはこちらです。 手順 特に難しいとこ…

Docker を管理する Webアプリ Portainer を Docker Compose で起動する

Web

Portainer これです。 Shipyard という素敵なプロダクトがあったのですが、そちらが終了のためにこちらへの移行がなされています。 結論 以下のような docker-compose.yml になります。 version: '2' services: portainer: container_name: my-portainer hos…

NET::ERR_CERT_SYMANTEC_LEGACY 一覧

Web

前提 いわゆるシマンテックの証明書の問題 Chrome 70 2018年8月上旬ごろの話です この記事を読まれている時点では状況が異なる可能性があります 参考

nginx の設定ファイルテスト (dry-run) で "http" directive is not allowed と出たとき

Web

nginx の設定ファイルのテスト (dry-run) これです。 $ sudo nginx -t 結論 /etc/nginx/sites-enabled/ 配下などのところに設定ファイルを置いていませんか。

nginx のリバースプロキシを IPアドレス だけで構成する

Web

結論 conf ファイルを以下のように書きます(抜粋)。 server { listen 12345; server_name 192.168.123.123; location / { proxy_pass http://192.168.123.124:54321; (以下省略) 上記の設定をすれば、http://192.168.123.123:12345 にアクセスすると htt…

メルカリはConoHaで建てたプロキシを経由するとForbiddenになる(5chも、プリコネRも)

Web

結論 表題どおりです。Squid3 を使っています。 補足 5ch も封じられています。 さらに補足 プリンセスコネクト!Re:Dive (プリコネR)もだめでした。エラーコード「218」が出ます。 考察 さくら や AWS などに建てた場合も封じられているかもしれません。

Twitter API で、ツイートをリツイートした人を 100人 より多く取得する方法

Web

背景 Twitter API には GET statuses/retweeters/ids: というエンドポイントが用意されており、これを用いると「あるツイートをリツイートした人の情報」を得ることができます。 しかし、このエンドポイントで取得できる人数は 100人 までです。他のエンドポ…

Chrome で NET::ERR_CERT_SYMANTEC_LEGACY のエラーが出た時

Web

状況 メッセージにあるようにシマンテック系の証明書(Rapid SSL)が原因です。 前提 バージョンは 70以上 とします。 結論 以下のいずれかになります。 Chrome 70 以上を使うのをやめる そのサイトを使うのをやめる(推奨) チェックする方法 以下のサイト…

Powered by はてなブログ