約束の地

キャロ組

Web

WordPress の REST API の Users エンドポイントにアクセスするためのブックマークレット

結論 WordPress Users API 中身のコード(Minify) 特に難しいことや技巧的なことはしていないです。 javascript:(function(){location.href = location.protocol + "//" + location.host + "/wp-json/wp/v2/users"})() 参考

サイトをそのままローカルに保存する方法(wget を用いる)

Web

動機 方法 wget を用います。オプションがやたらめったら多いので、どのオプションを使うのかを検討します。末尾に 1.20.1 の --help で表示されるヘルプを添付しますので(長いですが)ご参照ください。 結論 結論ですが、私の場合は以下のようなコマンドに…

Uptime Robot で作った Public Status Pages は Heroku っぽい挙動をする(っぽい)

Web

Uptime Robot いわゆる外形監視のWebサービスです。無料プランの範囲が広いのが魅力です。 uptimerobot.com Public Status Pages Uptime Robot のサービスの中に、通常は管理画面からしか確認できない監視状況のページを public な URL として設定できる、と…

RSS を IFTTT 経由で Slack に飛ばすときのタイトルや本文のマイベストカスタマイズ

Web

結論 以下のような感じです。 テキストによる記述 コピペしやすいようにテキストで以下に記述します。 Message {{EntryContent}} Title (optional) [日刊スポーツ] {{EntryTitle}} ( {{EntryPublished}}) Title URL (optional) {{EntryUrl}} Thumbnail URL (…

nginx を用いて Cloudflare 経由のアクセスをアクセス元の IPアドレス で区別して 認証させる/そのまま通す 方法

前提 以下の記事の具体例を端的に書きます。 conf ファイル 設定ファイルは以下のようにするとよいかと思います。$http_x_forwarded_for を用いるのがポイントです。 ここでの条件および期待する結果は次のとおりです。 123.123.123.123 および 231.231.231.…

nginx を用いて Cloudflare 経由のアクセスをアクセス元の IPアドレス で区別して 弾く/通す 方法

前提 以下の記事の具体例を端的に書きます。 conf ファイル 設定ファイルは以下のようにするとよいかと思います。$http_x_forwarded_for を用いるのがポイントです。 ここでの条件および期待する結果は次のとおりです。 123.123.123.123 および 231.231.231.…

よちよち.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…

Powered by はてなブログ