プロフィールPROFILE

Neoさんのプロフィール

住所
豊島区
出身
豊島区

ウェブ、プログラミングの勉強メモ。HTML・CSS・JavaScript・Java・Ruby・Bash など。

ブログタイトル
Corredor
ブログURL
http://neos21.hatenablog.com/
ブログ紹介文
ウェブ、プログラミングの勉強メモ。
更新頻度(1年)

265回 / 365日(平均5.1回/週)

ブログ村参加:2017/04/26

読者になる

Neoさんの人気ランキング

  • IN
  • OUT
  • PV
今日 12/12 12/11 12/10 12/09 12/08 12/07 全参加数
総合ランキング(IN) 圏外 圏外 圏外 46,750位 46,874位 46,978位 46,966位 980,494サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 158位 159位 158位 157位 7,925サイト
IT技術メモ 圏外 圏外 圏外 40位 42位 38位 36位 1,118サイト
プログラム・プログラマー 圏外 圏外 圏外 21位 19位 19位 19位 789サイト
今日 12/12 12/11 12/10 12/09 12/08 12/07 全参加数
総合ランキング(OUT) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 980,494サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,925サイト
IT技術メモ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,118サイト
プログラム・プログラマー 圏外 圏外 圏外 圏外 圏外 圏外 圏外 789サイト
今日 12/12 12/11 12/10 12/09 12/08 12/07 全参加数
総合ランキング(PV) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 980,494サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,925サイト
IT技術メモ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,118サイト
プログラム・プログラマー 圏外 圏外 圏外 圏外 圏外 圏外 圏外 789サイト

新機能の「ブログリーダー」を活用して、Neoさんの読者になりませんか?

ハンドル名
Neoさん
ブログタイトル
Corredor
更新頻度
265回 / 365日(平均5.1回/週)
読者になる
Corredor

Neoさんの新着記事

1件〜30件

  • GCE インスタンスに Apache と PHP をインストールして Web サーバを公開してみた

    以前、GCP (Google Cloud Platform) の永久無料枠で GCE (Google Compute Engine) インスタンスを作った。 neos21.hatenablog.com neos21.hatenablog.com この記事のとおり進めたところだと、作成した GCE インスタンスは、再起動しても変動しない固定 Public IP アドレスを持ち、SSH 接続ができるだけ、という状態だった。 今回はこのインスタンスにセットアップしていって、Apache (Web サーバ) を動かし、その上で PHP スクリプトが動くようにしてみる。 GCE インスタンスの設定 Ap…

  • iOS 版 Google Drive で Markdown が開けないので Notebooks というアプリに移動して閲覧する

    iOS 版の Google Drive で、拡張子 .md (Markdown) のファイルをプレビューできない。中身はテキストファイルなのに、テキストファイルとしては表示してくれないようだ。 Google Drive から「ファイルのコピーを送信」という操作ができるので、Markdown ファイルを開ける別のアプリに投げれば良いかな、と思ったのだが、意外と Google Drive アプリから Markdown ファイルを送りつけられるアプリがなくて結構探した。 一番お手頃なところでいくと、Evernote アプリに転送すれば、Markdown ファイルを添付したノートが作成されるので、Ev…

  • Avast をアンインストールするための「Avast Clear」がアンインストールできなくて苦戦した

    Avast Passwords が便利なので、Avast のアンチウイルス系のコンポーネントはインストールせずに Avast Passwords 部分のみ使っている。 neos21.hatenablog.com メインのアンチウイルスソフトは「ウイルスバスター」を使っているので、ウイルスバスターを更新する時に Avast をアンインストールする必要があった。 しかし、どうにもこうにも、Avast のアンインストールが上手くいかない。「プログラムの追加と削除」から削除しても変にゴミが残ったり、ようやくアンインストールできたかと思えば再インストールが成功しない状態になってしまった。 そこで色々調べ…

  • Windows に Chocolatey を使って PHP と Composer をインストールする・HTTPS 通信に失敗する時は認証局設定を行う

    PHP のツールを動かしてみたくなったので、Windows に PHP 環境を構築する。Chocolatey をインストールしてあるので、コイツを使ってサクッと構築する。 PHP のインストール Composer のインストール php.ini でタイムゾーン設定をする ある PHP アプリを動かしてみる HTPS 通信時にエラーが出る PHP のインストール Chocolatey の公式ページを見ると、何やらパラメータを指定して ThreadSafe なバージョンをインストールできたりするみたい。 参考:Chocolatey Software | PHP (Hypertext Preproc…

  • OS 設定に沿って Web サイトもダークモード化させる CSS

    最近は PC でもスマホでも取り入れられている「ダークテーマ」。OS 設定でダークモードに切り替えると、ウィンドウのカラーテーマが暗くなったりする。 今回は、OS 設定でダークモードを選択した時に、Web サイトもダークモードに合わせてスタイル変更するための CSS の書き方を紹介する。 prefers-color-scheme メディアクエリを使用する prefers-color-scheme メディアクエリを使用する 書き方は簡単で、prefers-color-scheme というメディアクエリを使えば良い。 @media (prefers-color-scheme: light) { /…

  • テキストファイルを確認する Linux コマンドのまとめ

    普段 Linux 環境でテキストファイルを見たり編集したりする時、僕はもっぱら Vim を使っている。しかし、ログファイルを閲覧したりする時は、less とかを上手く使えるとカッコイイ気がする。 そこで今回は、今更ながらテキストファイルを閲覧するコマンド類をまとめてみようと思う。 vi vim view more less emacs cat tac 以上 vi おなじみテキストエディタ。VIsual editor とか Visual Interface とかの略らしい。 POSIX 準拠らしく、Linux OS にはプリインストールされているのが特徴。コレの使い方だけ覚えておけば、閲覧も編集…

  • Microsoft Azure に登録してみた

    GCP (Google Cloud Platform)、AWS (Amazon Web Services)、OCI (Oracle Cloud Infrastructure) に引き続き、Microsoft Azure に登録してみる。 Microsoft Azure Cloud Computing Platform & Services ↑ 無料で始める。 ↑ Microsoft アカウントを持っていればログインして、それと紐付けて Azure アカウントが作れる。 ↑ 氏名・住所を入力。続いて SMS (電話番号) による認証と、クレジットカード情報を登録する。 ↑ 全部登録できたら進む。…

  • Amazon AWS に登録する・1円も課金したくないので請求アラームも設定する

    この前、GCP (Google Cloud Platform) に登録し、永久無料枠だけを使うため1円も課金されないよう予算アラートを設定した。 neos21.hatenablog.com neos21.hatenablog.com 今回は AWS に登録して、コチラも永久無料枠だけを使う狙いで、1円も課金されないよう、請求アラームを設定してみる。画像多めでお送り。 AWS に登録する 請求アラートの受信設定 1円でも課金されたらアラームを通知する 以上 AWS に登録する まずは AWS に登録しよう。以下のページに飛び、「コンソールにサインイン」を選んだら「新しい AWS アカウントの作成…

  • 過去の Git コミットのコミッタを変更するには

    やりたいことが今すぐわかる 逆引きGit入門作者: 高見龍,鶴本彰子出版社/メーカー: 秀和システム発売日: 2019/09/14メディア: 単行本この商品を含むブログを見る ある Git リポジトリを git clone して、黙々と作業を進めていたのだが、途中でコミッタを間違えていることに気付いた。この Git リポジトリで使うべき user.name と user.email を指定し忘れたまま、異なるユーザでコミットしてしまっていた。 今回はたまたま作ったばかりの Git リポジトリなので、以下の記事にあったコマンドを利用して一括修正できた。 参考:GitのCommitユーザを修正する…

  • Zeit Now を使ってみた。GitHub 連携したら Vue のデプロイも now.json 不要だった

    Zeit という企業が提供する、NOW というウェブサービスがある。当初はゼロコンフィグで静的サイトをデプロイできる、とかいう話で Netlify みたいな感じのサービスだったと思うのだが、最近見てみたら V2 (第2世代) となっていて、Node.js や Python などのプログラムも動作するようになっていた。Heroku よりもさらにお手軽に使える PaaS になっているっぽい。サービス名のググラビリティが低いので、ココでは Zeit Now v2 と表現する。 今回はこの Zeit Now v2 を使って、Vue プロジェクトをビルドし、静的サイトとしてデプロイしてもらおうと思う。Z…

  • .gitattributes ファイルで改行コードを制御できる

    Gitによるバージョン管理【電子書籍】[ 岩松信洋 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天Kobo電子書籍ストア価格: 3,080円 .gitattributes ファイルを置いておくと、各自が ~/.gitconfig で core.autocrlf を設定していなくても、リポジトリ内の改行コードの扱いを統一できる。 $ man gitattributes で確認できる公式サンプルの読み方。 * text=auto # 全てのファイルのうち、テキストと判断したファイルは LF に変換する *.txt text # .txt ファイルは改行コード変…

  • BootstrapVue:Vue CLI 3 で Bootstrap 4 を使う

    Vue CLI 3 で作った環境に、Bootstrap 4 を入れて使ってみたい。静的なスタイル適用だけであれば、Bootstrap 4 自体を導入して SCSS を読み込めば良いだろうが、jQuery に依存している動的な一部機能が使えない。 Angular だと ngx-bootstrap などの Bootstrap ラッパーがあるのだが、Vue の場合は BootstrapVue というラッパーツールがあり、コレを使うのが良さそうだ。 BootstrapVue 今回は Vue CLI (@vue/cli) でプロジェクトの雛形を作り、そこに BootstrapVue をプラグインとして導…

  • WPScan を使ってみる

    WordPress で作ったサイトの脆弱性をチェックできる、WPScan というツールを試してみた。 Docker 環境があると、面倒なインストール作業をすっ飛ばして実行できるので、Docker を使うのが良いだろう。 $ docker run -it --rm wpscanteam/wpscan --url 'http://example.com/' こんな感じ。 --rm は、EntryPoint のプロセスが終了したり exit したりすると、自動的にコンテナを破棄するオプション。--url オプションに調べたいサイトの URL を渡すと良い。 管理画面からログインできそうなユーザを探す…

  • GitHub Sponsors と npm fund を設定してみた

    GitHub 上でスポンサーを募れる GitHub Sponsors というサービスと、npm で資金提供を呼びかけられる npm fund コマンドがそれぞれ提供開始されたので、セットで作ってみた。 GitHub Sponsors の登録方法 GitHub リポジトリごとに Sponsor ボタンを付ける npm fund を始めてみる 僕の投げ銭アカウント一覧 GitHub Sponsors の登録方法 GitHub Sponsors を始めるには以下のページから。 GitHub Sponsors · GitHub まずは GitHub Sponsors 用のプロフィールと、提供してもらい…

  • Docker CentOS 7 内で日本語を使えるようにする

    Docker で起動した CentOS 7 環境で ls したら、日本語が文字化けしていたので解消法を調べた。 参考:Dockerfileで日本語ロケールを設定する方法。およびロケールエラーの回避方法。 - Qiita 取り急ぎ以下を叩けば文字化けが直る。 localedef -f UTF-8 -i ja_JP ja_JP.UTF-8 export LANG="ja_JP.UTF-8" export LANGUAGE="ja_JP:ja" 以下は叩いても適用できなかった。 export LC_ALL="ja_JP.UTF-8" 以上。 自宅ではじめるDocker入門―人気のコンテナ型「仮想化ソ…

  • Oracle Java Cloud Service (JCS) を PSM CLI で操作してみる

    Oracle Java Cloud Service (JCS) という PaaS を使ってみた。サーバの台数を指定するだけで、クラスタリングされた WebLogic Server が立ち上がり、あとはアプリをデプロイするだけというサービスだ。 Oracle Cloud の「PaaS」は、Oracle Cloud Infrastructure という IaaS 環境に、PaaS が自動的に作ったリソースを間借りして配備する形になる。JCS インスタンスは「ManagedCompartmentForPaaS」というコンパートメント内に自動配備される。 参考:Oracle Cloud Infrast…

  • シェルスクリプトの Lint ツール「shellcheck」を使ってみた

    シェルプログラミング実用テクニック (Software Design plusシリーズ) [ 上田隆一 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > OS > Linuxショップ: 楽天ブックス価格: 3,278円 日頃、Bash で簡単なスクリプトを書くことがある。何もインストールされていないマシンでも、とりあえず書いて実行できるから、未だ活用する機会は多い。 しかし、シェルスクリプトは独特の構文が多く、現代的な言語に慣れ親しんだ人が片手間に書くには罠が多いと感じている。 以前 bats というテストツールを紹介したが、コレは実際にスクリプトを実行してみて、その結果をテストす…

  • Git For Windows SDK に expect コマンドが入っていなかったので pacman でインストールする

    パスワードを使って SSH 接続する時に、expect コマンドを使うと、入力を自動化できたりする。 neos21.hatenablog.com このシェルスクリプトを作ったのは MacOS だったので、Windows でも同じことをしたくなった時に、GitBash に expect コマンドが入っていなくてビックリした。 普通の GitBash にはパッケージ管理ツールの pacman が入っていないが、Git For Windows SDK なら入っているので、コレを使って expect コマンドをインストールしてやる。 neos21.hatenablog.com $ pacman -S …

  • GitHub Actions を触ってみた

    GitHub 上で CI/CD を実現できるコンテナ・パイプライン機能である GitHub Actions を使ってみた。 お試ししたリポジトリは以下。 github.com まずはテキトーに動かしてみる Secret : クレデンシャル情報を渡してみる 結構使えるやんけ! 構文の勉強 他に何ができるの?の参考に 以上 Effective DevOps ―4本柱による持続可能な組織文化の育て方作者: Jennifer Davis,Ryn Daniels,吉羽龍太郎,長尾高弘出版社/メーカー: オライリージャパン発売日: 2018/03/24メディア: 単行本(ソフトカバー)この商品を含むブログ…

  • SSH Config の管理を捗らせる Include と、ホストを一覧表示するワンライナー

    ~/.ssh/config (SSH Config) というファイルに、SSH 接続情報を記載しておける。当然、コマンドをイチイチ打つより便利なので多用しているのだが、最近そろそろ登録ホスト数が増えてきて、1ファイルに書いておくのが大変になってきた。 そこで調べてみると、どうやら Include という命令文を使うと SSH Config の内容を別ファイルに切り出せるようだ。 ~/.ssh/config Include config-something.conf Include config-other.conf こんな感じ。config-something.conf と config-ot…

  • GitBash を起動するバッチファイル

    以前作ったバッチファイルと機能的にはモロ被りだが、Git For Windows SDK を起動したかったので作り直した。 neos21.hatenablog.com gitbash.bat @Echo Off Rem GitBash を起動する Start C:\git-sdk-64\git-bash.exe このバッチファイルを PATH が通っているところに配置し、エクスプローラのアドレスバーなどから gitbash と打てば起動できるようになる。エクスプローラのアドレスバーから起動すると、カレントディレクトリを引き継いでくれる。 コマンド&スクリプト 最強の指南書 (日経BPムック 日…

  • PowerShell をより短い文字数で起動する

    コマンドプロンプトや、エクスプローラのアドレスバーなどから PowerShell を起動する時、powershell と入力するのは文字数が多くてタイプが面倒くさい。コマンドプロンプトのように、cmd と3文字くらいにしてみたい。 ということで、以下のようなバッチファイルを作ってみた。 ps1.bat @Echo Off Rem PowerShell を起動する Start PowerShell.exe -NoExit %* このバッチファイルを PATH の通っているディレクトリにでも置いておく。僕のオススメはユーザホームディレクトリ直下に bin ディレクトリを作り、そこにスクリプトを放り…

  • Windows コマンドプロンプトのカラースキームを変更する

    Docker Toolbox に同梱の _Docker Quickstart Terminal というターミナルを使い始めたのだが、このターミナルは「Windows コマンドプロンプト」上に GitBash を表示していて、カラースキームが通常の GitBash と若干異なる。全体的に文字が薄暗いのだ。 neos21.hatenablog.com そこで、Windows コマンドプロンプトのカラースキームを変える方法を調べたところ、MS 公式で ColorTool.exe というモノを発表していた。 microsoft/terminal - Release - Color Tool Initi…

  • PowerShell の GetDetailsOf を使ってファイルの詳細プロパティを取得する

    久々に PowerShell を書いてみた。 「メディアの作成日時」というファイルプロパティを取得したい 先にコードを載せておく 詳細プロパティを拾うには GetDetailsOf を使う 一括リネームするスクリプトを書いてみる カレントディレクトリを取得する 指定ディレクトリ配下のファイルをフルパスで取得する ファイルを順に操作する 「メディアの作成日時」や「撮影日時」プロパティの情報を取得する 日付文字列を整形してリネームする ファイルから日付情報を取得し、そのディレクトリを作成、そこにファイルを移動する スクリプトの実行方法 PATH のとおったディレクトリを用意すると楽 実行方法1 実…

  • 踏み台サーバを2台経由して SSH ログイン・ポートフォワーディングする

    通常、最もシンプルな構成で別のサーバに SSH 接続する際は、 ローカルマシン 目的のサーバ という登場人物で、ローカルマシンから $ ssh -i 【ローカルマシンにある秘密鍵のパス】 【目的のサーバのユーザ名】@【目的のサーバのパブリック IP】 と叩けば SSH 接続できた。 踏み台サーバを用いる構成については以前も解説したことがある。 ローカルマシン 踏み台サーバ 目的のサーバ を順に繋いで、以下のようなコマンドで接続するやり方だ。 $ ssh -o ProxyCommand='ssh -W %h:%p -i 【ローカルマシンにある踏み台サーバ用の秘密鍵のパス】 【踏み台サーバのユーザ…

  • awk を使って出力のアラインメントを揃える

    Node.js スクリプトを書く際は、console.table() とか、columnify という npm パッケージとかを使うと、出力するデータをイイカンジに整形できる。 neos21.hatenablog.com 今回は Bash スクリプトの中で、イイカンジに整形したくて、やり方を調べた。 参考:awkの出力を揃える | ハックノート ほとんど上の記事どおり。 hoge-server RUNNING fugafuga-server STOPPED foo-server RUNNING something-server RUNNING こんな感じの出力結果となるコマンドがあったとする。…

  • Vue.js を Vue CLI で始めてみる・React や Angular との比較も少し

    create-react-app で少しだけ React を触ったあと、ガッツリ Angular 人間になっていたので、今回は Vue.js にも手を出してみることにした。 Angular・React・Vue の比較色々 Angular 寄りな感想 Next.js とか Nuxt.js とかって何? その他 どうやって Vue を学習するか Vue CLI と Nuxt.js の違いを探る いよいよコトハジメ・Vue CLI をインストールする プロジェクトを作る 動かしてみる 雛形ファイルを見ていく リンクの書き方 テンプレート構文によるバインディング ビルドしてみる 以上 Angular・…

  • Windows10 Home に Docker Toolbox を使って Docker をインストールするまでの戦いの記録

    Windows10 Home は Hyper-V が使えないため、通常の Docker for Windows はインストールできない。Docker for Windows が対応しているのは Windows10 Pro なのだ。 そんな残念な Windows10 Home のために用意されているのが、VirtualBox を組み合わせて Docker を動かす、Docker Toolbox というツールだ。VirtualBox 上に、Docker が使用する基本 VM を立てて (docker-machine) 使用するという構成だ。 今回はこの Docker Toolbox を使って、Wi…

  • VSCode で Spring Boot アプリケーションの開発を始めてみる

    僕の Java 経験というと、長らく Struts1 を業務で使わされてきていて、Struts2 や Spring などはコードをチラ見してデバッグしたりすることはあったものの、イチから作ってみたことがなかった。 そこで今回、Spring ベースのアプリケーションを簡単に構築できる Spring Boot を触ってみようと思い立った。さらに今回は、Java 開発でお馴染みの Eclipse ではなく、Node.js 開発で使い慣れた VSCode を IDE として使ってみようと思い、そのための設定も調べてみた。 ソースコードと参考文献 前提環境確認 VSCode 拡張機能を準備する プロジェ…

  • 改めて Windows Subsystem For Linux (WSL) を使ってみる

    2017年4月、当時は「Bash on Ubuntu on Windows」という名前だったが、Windows 上で Linux を動かす方法を検証した。 neos21.hatenablog.com あれから2年、まずサービス名称が変わり、今では「Windows Subsystem For Linux (WSL)」と呼ばれている。当時は Insider Program に参加してプレビュー版をインストールしないと使えなかったが、現在は Microsoft Store から簡単に導入できるようになっている。 で、現在一般的に導入できるのは WSL 1 というバージョンで、本稿執筆時点では Win…

カテゴリー一覧
商用