Web制作

Web制作

【ロリポップ!】ベーシック認証を設定する

動点Pよく聞くけどベーシック認証ってなんなの?動点Qちゃんベーシック認証は、ユーザー名とパスワードを知っている人だけがwebサイトにアクセスできるようにする方法です。ベーシック認証はまだ公開していないサイトを、許可した人にだけ見せたり、テス...
Web制作

Google reCAPTCHA 設定

google reCAPTCHAを使ってみようと思い、設定などをメモどうやら2024/8くらいに大幅な変更があったようで、今までのようにreCAPTCHAを単独で使うことが不可能になっていた。(あったのかもしれないが探せなかった。)今まで使...
Web制作

【VSCode】Code Spell Checkerでスペルチェック除外設定(関数エラーについても追記)

動点PVSCodeでスペルのエラーが消えない!直さないといけないエラーと混ざってわかりにくいよ‼動点QちゃんCode Spell Checkerは単語を登録するとエラーが出なくなる設定があるのでそれを使うのです・・・。快適なコーディング環境...
Web制作

プロジェクトをgithubに上げる

実行前に.gitignoreで上げないファイルをきちんと指定する最初にプロジェクトを上げるまでの処理ターミナルgit init でgit管理下にプロジェクトを置くgit add . すべてのファイルをインデックスに登録git commit ...
Web制作

コマンドプロンプト基本コマンド

windowsで使いがちなコマンドを纏めますバージョン確認node -vnpm -vインストールされてる場所確認where node場所移動cd Desktopcd xxxフォルダの中身確認dirフォルダを作るmkdir xxxVScode...
Web制作

フォントのサブセット化とセルフホスティング

今までフォントのサブセット化はサブセットフォントメーカーを使っていたんですが、バリアブルフォントの場合うまくいかず、pythonで書かれたツールであるfonttoolsを使うことにしました。pythonをインストールしていればpipですぐイ...
Web制作

ロリポップにffftpを使ってftp接続する

今回はffftpを使って、ftps接続しファイルをアップロードしてみたいと思います。ロリポップにはロリポップ!FTPがあるので、管理画面から行けばftpソフトを使う必要もないですが、ftpソフトを使った場合です。ffftpを起動。①新規ホス...
Web制作

webpack使ってみる

webpackを使ったjavascriptのバンドル、cssのトランスパイルのやり方を解説しています。babelやautoprefixerをインストールし、webpack.config.jsで詳細を設定していきます。
Web制作

【ロリポップ】サブドメイン取得

そろそろこのブログを新しくしたり、新しいサイトを作りたいと思い、ロリポップでサブドメインを作ってみました。サブドメインとはロリポップ使っている方は独自ドメインとしてすでに〇〇〇.netとか〇〇〇.comなどのドメインを持っているかと思います...
HTML

SNSシェアが快適に!OGPを設定しよう

twitter facebookなどSNSシェアでもっと見てもらうために、OGPの設定の仕方を解説しています。