Linux WordPressの画像をAmazon S3にアップロードする【AWS/WordPress】
WordPressにアップする画像の保存先を、WebサーバーからAmazon S3に変更したのでメモ。Amazon S3とはAWSのクラウドストレージサービスです。容量を圧迫しがちな画像の保存先をS3に変更することで、Webサーバーの容量を...
Linux 
Linux MySQLでWordPress用のデータベースを作成する【データベース/MySQL】
WordPress用にデータベースを作成したのでメモ。今回、AWSのデータベースであるRDSを使用しました。サーバーにはRDSを設置済みです。また、マスターユーザーのログインIDはrootで作成しました。 AWSといっても、他のサーバーでも...
Linux よく使うコマンドまとめ-通常作業編【Linux/CentOS】
Linuxで良く使うコマンドをメモ。都度追加していく予定。 SSH接続 ポート番号をデフォルトの22から変更しており、鍵認証で接続する場合。 $ ssh -p -i @ ファイル・ディレクトリ操作 カレントディレクトリのフルパスを表示 $ ...
Linux 初心者がポート番号とは何か？を調べました【Linux】
サーバーを勉強していると、ポート番号という言葉が出てきます。そもそもポート番号とは何か？を調べたのでメモ。 ポート番号はIPアドレスとセットで使う まず前提として、ポート番号はIPアドレスとセットで使用するものらしいです。パソコンは様々な通...
css グリッドレイアウトをfloatで実装する【CSS/SASS(SCSS)】
あまり需要がなさそうですが、floatでグリッドレイアウトを実装したのでメモ。特に今回はSassで実装したので、その忘備録も兼ねてのメモです。 そもそもグリッドレイアウトとは？から良くわからなかったので調べました。 グリッドレイアウトとは、...
css Sass(SCSS)を使えるようにする（環境開発設定）【css/javascript】
最近使用頻度が多くなってきたSass(SCSS)の環境構築の方法をメモしておきます。 具体的には、node-sassパッケージをnpmでローカルにインストールします。 これだけだと意味不明ですが、調べながら手順をメモしていきます！ちなみに使...
JavaScript live-serverをグローバルインストールする【javascript/npm】
live-serverとは簡易ローカルサーバーを起動できるnpmのパッケージです。開発環境を立ち上げるほどでもないときに、手軽に使えるので便利。 今回、live-serverをグローバルインストールしたのでメモ。 グローバルインストールとロ...
JavaScript 連動するプルダウンで選択するカートボタンを作成しました【javascript】
アパレル系のショッピングサイトで見かける、色やサイズを別々に選択するタイプのカートボタンを作成しました。カラーとサイズを選択したらカートボタンをクリックできる仕様です。最終的にformでデータを送信することを想定して、パラメーターも設定でき...
Excel HTML要素の一覧を取得してエクセルに取り込む（スクレイピング）【EXCEL/VBA】
VBAでウェブページのデータを取得して、エクセルの表に取り込みます。例としてyahooのトップページ（）を取り込んでみます。 VBAでウェブページを取り込む時の対応ブラウザはIEのみです。それ以外のブラウザは使用できません。。 HTMLコー...
JavaScript ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】
今回はWEB制作でよくあるテスト環境と本番環境のURL切り替えを、ブックマークレットで実装したのでメモしときます。※動作確認はChromeのみです。 ブックマークレットとは 気に入ったウェブサイトをブラウザのお気に入りに登録すると、通常その...
JavaScript レスポンシブデザイン javascriptでウィンドウのリサイズを検知する【javascript/jQuery】
レスポンシブページを作成するとき、javascriptで動的に切り替えるときによく使うコードなのでメモ。最近はCSSでもいろいろできるみたいですが。 $(function() { let timer = false; let initWid...
JavaScript javascriptで無限ループスライダーをつくりました【javascript/jQuery】
javascriptで横に流れるスライダーを作成しました。jQueryのプラグインを使えば比較的簡単に作れます。スライダープラグインで有名な「slick」を使って実装しました。 今回、クリックした画像をモーダルウィンドウで大きくするという動...
JavaScript ブックマークレットで楽天のPC版とスマホ版を切り替える【javascript】
楽天RMSで商品を登録して、スマホ版のページをチェックしたい！って時に使えるブックマークレット
JavaScript ブックマークレットでテスト環境のタグが入っていないか確認する【javascript】
がんばって制作したウェブページをついに本番公開！なのにうっかりテスト環境の測定タグを入れちゃってた！！ってことないですか？ 私はあります。。 最近ではGoogleタグマネージャーをはじめとするタグ管理サービスがあるので、そういった事故はなく...
css CSSでいつも使っているメディアクエリ(Media Queries)をまとめました【CSS/SASS(SCSS)】
ウェブページをいちから作成する場合、Sassでコーディングすることが多くなりました。ミックスインを使うと、Media Queriesの記述が大変ラクになります。この為にSassを使っているといっても過言ではない。。でも、いつも記述を忘れるの...
css CSSとJavascriptでカードスタイルのリストをつくる【javascript/CSS】
ブログの記事一覧でよくみかけるカードスタイルのリストを作成したく、今更ながらFlexboxでレイアウトを組んだのでメモ。
Excel HYPERLINK関数とSUBSTITUTE関数でURL一覧をつくる【Excel/関数】
今回、HTMLファイル一覧を元に、Excelの関数を使ってURL一覧を作成しました。複数の関数を組み合わせての実装が難しかったので、忘れないようメモします。 完成したURL一覧を確認する 完成したExcelファイルがこちらです。M列が関数で...
Linux よく使うコマンドまとめ-ユーザー管理編【Linux/CentOS】
ユーザー管理でよく使うコマンドをまとめたのでメモ ユーザー一覧を確認 # less /etc/passwd ユーザー名やユーザーID、ホームディレクトリやログインシェルは「/etc/passwd」に記載されています。lessコマンドでファイ...
Linux ターミナルでよく使うショートカット
Macのターミナルでよく使うショートカットをメモ。 ctrlとの組み合わせが多いです。 カーソル移動 カーソルを一文字進める ctrl + f 十字キーの→と同じ動き カーソルを一文字戻す ctrl + b 十字キーの←と同じ動き 行頭に移...
Excel VBAでウェブページを大量生産したのでメモ【Excel/VBA】
ExcelのセルデータをHTMLファイルに差し込んで大量のウェブページを作成したい時、いちいちセルからコピペするのは大変です！今回、VBAを使ってHTMLファイルを大量生産する方法を調べました。 いろいろなサイトのコードを参考にさせてもらい...