はてなブックマーク

概要 ローカルでS3が使えるように環境を作る。 アプリなどから画像をS3に登録してサイト側で閲覧できるようにしたい。 お知らせ minIOのバージョンがアップされています。 この記事のminIOは１つ前のもの (RELEASE.2021-06-17T00-10-46Z) です。 ※ 最新のminIOの場合、異なる部分があると思うのでご注意ください ├ docker │ └ minio │ ├ config ... minio設定 (git管理対象外) │ ├ data ... minioデータ (git管理対象外) │ ├ export │ │ └ static ... 起動時に取り込むファイル │ │ ├ 150x150.png │ │ └ 640x480.png │ └ policies │ └ buckets │ └ static │ └ policy.json ... static

概要 Seleniumでページの読み込みが終わらない現象が時々発生し、エラーとなってテスト実行が不安定となるため、リトライを試してみる。 ページの読み込み最大待ち時間の指定する とりあえず、読み込みを待つ最大の時間をセットして、 ページ読み込みが終わらない場合は終了させる。 from selenium import webdriver driver = webdriver.Chrome("D:\chromedriver") driver.set_page_load_timeout(10)　　# 10秒 try: driver.get("https://google.co.jp/") print("The page was loaded in time！") except: print("time out!") #!/usr/bin/python import unittest, time

概要 EC2インスタンスを起動して、Apache2.4とPHP7.2とMariaDBをインストールしてみたのでメモしておく。 インスタンス起動 学習用の起動なので、スタンドアロンで起動してすべてインストールするので、インスタンスを１つ起動。 EC2 -> インスタンス -> インスタンスの作成 ※ Amazon Linux 2 AMIを選択 ※ セキュリティグループは、80ポートと22ポートを解放する。 （22ポートは不要だが学習用なので簡略化のため設定） サーバへ接続する ターミナルを使って起動したEC2インスタンスに接続する。 ※ IAMユーザーにてssh接続。 ※ アカウントは、多要素認証 (MFA) を設定し、利用しない。 $ ssh aws __| __|_ ) _| ( / Amazon Linux 2 AMI ___|\___|___| https://aws.amazon.

FROM node:11.1 # locale & timezone (Asia/Tokyo) # https://github.com/moby/moby/issues/12084 ENV LANG C.UTF-8 ENV TZ Asia/Tokyo # system update RUN apt-get update && \ apt-get install -y vim less WORKDIR /root # install yarn command. # - https://yarnpkg.com/lang/ja/docs/install/#alternatives-stable # - https://github.com/yarnpkg/yarn/releases ARG CMD_YARN_VERSION=1.13.0 RUN npm install --global yar

概要 dockerを運用していると不要なコンテナやvolumeなどが溜まっている場合があるので、一括削除するためのメモを残す。 停止コンテナ一括削除 status=exitedで停止コンテナの一覧を取得して、一括削除する。 ※ docker container prune | Docker Documentation

概要 EC2インスタンスを起動して、Apache2.4とPHP7.2とMySQL5.7をインストールしてみたのでメモしておく。 インスタンス起動 学習用の起動なので、スタンドアロンで起動してすべてインストールするので、インスタンスを１つ起動。 EC2 -> インスタンス -> インスタンスの作成 ※ Amazon Linux AMIを選択 ※ セキュリティグループは、80ポートと22ポートを解放する。 （22ポートは不要だが学習用なので簡略化のため設定） サーバへ接続する ターミナルを使って起動したEC2インスタンスに接続する。 ※ IAMユーザーにてssh接続。 ※ アカウントは、多要素認証 (MFA) を設定し、利用しない。 $ ssh aws __| __|_ ) _| ( / Amazon Linux AMI ___|\___|___| https://aws.amazon.com

概要 お名前.comのドメインをRoute53に移管する際、設定で迷ったのでメモしておく。 ドメインの移管 移管可能なドメイン 移管する際は、下記条件を満たしている必要があるようです。 ドメインレジストラに登録後、60日経過している 期限切れのドメインの場合、期限切れから60日経過している ドメインレジストラに移管してから、60日経過している ドメインのステータスコードが次の状態でないこと ※ pendingDelete, pendingTransfer, redemptionPeriod, clientTransferProhibited ドメインのステータスコードは、whoisコマンドで確認 ドメイン設定の確認 (お名前.com） ドメインの設定内容をチェックする。 > お名前.com Navi -> ドメイン ※ ドメインを移行できるようにアンロックになっているか？ ※ ドメインの登

概要 Embulkで処理を作成する際、DB接続情報などの環境によって変更したい設定をどう定義すればいいか調べた内容をメモしておきます。 Embulkのテンプレート機能を利用する Embulkに搭載されているテンプレートエンジンLiquidの機能を使って共通化してみます。 ※ Embulk 0.7.7以上 ファイル構成 │ # 設定情報 ├ _env.yml.liquid │ | # bundle plugin. ├ bundle │ ├ .bundle │ ├ .ruby-version │ ├ Gemfile │ ├ Gemfile.lock │ ├ embulk │ └ jruby │ │ # 処理内容 └ users.yml.liquid

# pythonのバージョン確認 (Python 2.6.5+ or Python 3.3+ ) $ python --version # pipインストール # ※ --user で、pipのスクリプトを ~/.local/bin にインストール $ curl -O https://bootstrap.pypa.io/get-pip.py $ python get-pip.py --user $ echo export PATH='~/.local/bin:$PATH' >> ~/.bash_profile $ source ~/.bash_profile $ pip --version # aws-cliインストール # ※ --user で、pipのスクリプトを ~/.local/bin にインストール $ pip install awscli --upgrade --user $

概要 AWSを操作するのに、terraformを使ってみようと思い、どこでも使えるようdocker化する 前提条件 macOS Docker Toolbox ( Docker for mac ) ファイル構成 下記のようなファイルを作成します。 opt ├ docker │　└ terraform │　 ├ .aws │　 │ ├ config.default │　 │ └ credentials.default │　 ├ Dockerfile │　 └ init.sh ├ src │ ├ main.tf │ └ variables.tf └ docker-compose.yml FROM python:3.6 ARG pip_installer="https://bootstrap.pypa.io/get-pip.py" ARG awscli_version="1.16.168" # i

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

# フォルダ作成 $ mkdir ~/.ssh && cd ~/.ssh # 秘密鍵・公開鍵の作成 $ ssh-keygen -t rsa -b 4096 -C "hoge@example.com" -f ~/.ssh/id_rsa Generating public/private rsa key pair. Enter passphrase (empty for no passphrase): <-- パスフレーズを入力（ Enterキーを押す ） Enter same passphrase again: <-- もう一度、パスフレーズを入力（ Enterキーを押す ） Your identification has been saved in id_rsa. Your public key has been saved in id_rsa.pub. # ファイル確認 $ ls id_

概要 現在、ブラウザで開いているページのクッキーをcurlでリクエストする際に追加したかった。 調べても、curlで連続してページを移動する場合のやり方はよくあるのですが、 現在のクッキーをセットして一度だけリクエストする方法がなかなか見つからなかったので 調べたことをメモしておく。 $_COOKIEの値を一緒に送る $_COOKIEの値をヘッダー情報に追加してリクエストする /** * 情報を取得する * @return array */ function getAuthInfo() { static $auth; // 何度もリクエストしない対応 if ($auth) { return $auth; } // header情報に追加するCookieパラメータ作成 $cookie = []; foreach ($_COOKIE as $key => $val) { $cookie[] =

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 ページネーションを作成してみようと調べたのでメモしておく。 とりあえず、ページネーションに専念したいので、データの取得等は省略します。 また、vuetify自体のインストールは、別途下記ページで記述しているので省略します。 Vuetifyをインストールして使ってみる プラグイン作成 共通処理を使い回せるようにプラグインにしておく。 計算関連やページネーションの情報は、このプラグインに集約しておく。 const Pagination = { install (Vue, options) { const store = new Vue({ data: { current : 0, // 現在のページ番号 visible : 7, // ページネーションのリンクに表示するページ数 total : 0, // ページの総数 rows : 0, // データの総数 rows_per_page

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

<template> <div> <button v-bind:disabled="isProcessing()" @click="submit">何かしら処理する</button> <p>※押すと2秒間ロックされます</p> </div> </template> <script> import Processing from '@/mixin/processing' export default { mixins: [Processing], name: 'articleRegister', methods: { submit: function () { // ボタンのロックを開始する this.startProcessing() // 何かしらの処理... // 2秒待つのは、Ajaxなどの処理を擬似的に表現しています setTimeout(function () { // ボタンの

概要 下記記事で紹介したやり方で作成した秘密鍵を使ってSourceTreeでGithubに接続しようとするとそのままではGithubの認証ができなかったのでやり方をメモとして残す。 秘密鍵・公開鍵を作成する（Win） 秘密鍵（id_rsa.ppk）の作成 WindowsのSourceTreeで秘密鍵を「 id_rsa 」から「 id_rsa.ppk 」を作成する。 SSHキーの作成/インポート SourceTreeを起動して、「ツール」 → 「SSHキーの作成/インポート」をクリックする。 Puttyが起動するので、「Load」ボタンをクリックする。 パスの部分に「C:¥Users¥{ユーザー名}¥.ssh」を指定する。 ファイルの種類で「All Files (.)」を選択する。 「id_rsa」を選択して「開く」ボタンをクリックする。 「OK」をクリックする。 秘密鍵（id_rsa.pp

FROM ruby:2.5 ENV LANG C.UTF-8 ENV WORKSPACE=/usr/local/src # install bundler. RUN apt-get update && \ apt-get install -y vim less && \ apt-get install -y build-essential libpq-dev && \ gem install bundler && \ apt-get clean && \ rm -r /var/lib/apt/lists/* # create user and group. RUN groupadd -r --gid 1000 rails && \ useradd -m -r --uid 1000 --gid 1000 rails # create directory. RUN mkdir -p $WORK

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 レスポンシブ対応できない状況があるが、同じURLでPC/SPのビューを切り替えたいといった場合の対応方法をメモしておきます。 環境 Laravel 5.4 ※ 5.3以下では動作確認していないのでエラーが出る場合は適時修正が必要かも？ やり方の検討 各ビューを呼び出す部分で調整するような仕組みを作る ミドルウェアでビューの検索もとのパスを切り替える 各ビュー作成時に対応する 1. 各ビューを呼び出す部分で調整するような仕組みを作る やり方を変えたい場合に、呼び出し方法自体が変わった時には 全てのコントロールのViewの呼び出し箇所の修正が必要になりそうなので却下。 2. ミドルウェアでビューの検索対象フォルダのパスを切り替える viewsフォルダが一番上の階層からきっちり別れる。 明確にPS/SPのビューが一番上の階層から別れていて見やすい フォルダのパスは複数定義でき、優先順位の設

概要 ajax, api のルーティングのグループを作成したが、通常の処理は、JSON形式で返るが、 エラー発生時（400, 404, 500, 503など)の際にHTMLが返ってしまう。 エラーの時にもJSON形式で応答して欲しいので、調べた結果をメモに残す。 例外処理のrenderメソッドで対応する 下記のように特定のURL(ajax,api)などへのリクエストに対してまとめて変更する。 // レスポンスをJSON形式に変更 if ($request->is('ajax/*') || $request->is('api/*') || $request->ajax()) { $status = 400; if ($this->isHttpException($exception)) { $status = $exception->getStatusCode(); } return res

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 自動のエンドツーエンドテスト環境を作る必要があり、チーム全体で共通で簡易に設置して使えるようにしたい。 そこで、dockerで構築を検討した結果をメモとして残します。 seleniumについて 下記サイトにてとりあえずの基礎知識を得る 入門、Selenium - 第1回 Seleniumの仕組み LinuxのOS選定 上記の資料を読んでいろいろとGoogle先生に聞いたところ、chromeやfirefoxをインストールして正常に動く環境がまず必要。 LinuxとしてCentOSに自分でchromeやfirefoxをインストールして環境を作るとなるとそれなりに手間(構築・メンテ)がかかり他の人に引き継いで継続するのは難しい... そこで、dockerにてコンテナとして扱うことで、簡易に構築できることを目指す。 dockerのseleniumの公式コンテナを使った下記サイトが多機能でいい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?