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のみです。それ以外のブラウザは使用できません。。 ...
css

コンテンツを開閉できる『もっと見るボタン』をつくりました【javascript/jQuery】

ウェブページで、途中まで文章が表示されていて『もっと見る』ボタンをクリックすると、残りのコンテンツが表示される動きがあります。 今回、リストなどの長いコンテンツを開閉できるボタンをjavascriptで実装したのでメモ。 ...
JavaScript

ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】

今回はWEB制作でよくあるテスト環境と本番環境のURL切り替えを、ブックマークレットで実装したのでメモしときます。※動作確認はChromeのみです。 ブックマークレットとは 気に入ったウェブサイトをブラウザのお気に入りに登録すると、通常そ...
JavaScript

レスポンシブデザイン javascriptでウィンドウのリサイズを検知する【javascript/jQuery】

レスポンシブページを作成するとき、javascriptで動的に切り替えるときによく使うコードなのでメモ。最近はCSSでもいろいろできるみたいですが。 $(function() { let timer = false; let ini...