Web制作 HTML・CSSで文字の改行や折り返しを調整する方法
幅が変わる要素で起きる不自然な改行ナビゲーションやカードのように幅が制限された要素では、横幅が変わることで文字が意図しない位置で折り返されます。ひとまとまりで見せたい語句が、オンラインサとポートのように分割されます。逆に改行を禁止すれば、テ...
Web制作
Web制作 
Web制作 よく使うhtaccessの記述まとめ
Apache 2.4系で動作を確認した .htaccess の記述をまとめます。必要な項目だけをコピーして使用してください。各項目は独立しており、相互の関連性はありません。コード内のドメイン名はすべて説明用の仮名です。実際に使用するドメイン...
Web制作 手間を掛けずに高品質！有料WordPressテーマ徹底比較｜デザイン・SEO・機能で選ぶ
有料WordPressテーマを選ぶときに迷いやすいポイントWebサイトを作るときに、「手間を掛けずに高品質な仕上がりを実現したい」と思う方は多いはずです。無料テーマでもある程度の見栄えは整えられますが、作業効率やデザイン性、SEO効果までト...
Web制作 SEOに時間をかけられない人のための「ランクエスト活用術」完全ロードマップ
SEOで困っているあなたに「SEOって何から始めればいいのか分からない」「外注したけど全然効果が出なかった」「検索順位が安定せずに毎月ヒヤヒヤする」――そんな経験、ありませんか？ 私自身、かつてはブログのアクセス数が思うように伸びず、試行錯...
Web制作 AdobeがユーザーのPCのhostsファイルを無断で書き換えていた
気づいた人だけが知っている、静かな侵入自分のPCの設定ファイルが、気づかないうちに書き換えられていたとしたら、どう感じますか。Adobe Creative Cloudをインストールしているユーザーの間で、まさにそんな事態が報告されています。...
Web制作 【脱・メディアクエリ依存】CSSのclamp()でレスポンシブをスマートに制御する方法
画面サイズに応じた文字サイズ、面倒じゃありませんか？レスポンシブデザインって、ついメディアクエリだらけになりがちですよね。「スマホでは小さく」「PCでは大きく」と思っても、細かく条件を書き分けるのは骨が折れます。そんなときに使えるのが、cl...
Web制作 CGIでSQLite3を扱うときに絶対に押さえておきたいパーミッションの落とし穴
なぜCGI × SQLite3でトラブルが起きるのか？CGI（Common Gateway Interface）でWebアプリケーションを動かす際に、SQLite3を使う場面は意外と多いですよね。軽量で扱いやすく、セットアップも簡単。でも、...
Web制作 :has()疑似クラスを使いこなす！次世代CSSの実用例集
CSSに新しく加わった強力なセレクター:has()。この関数型疑似クラスは、親要素が特定の子や兄弟要素を持っているかを条件にスタイルを変えることができ、これまでJavaScript頼みだった「条件付きのスタイル変更」をCSS単体で実現できる...
Web制作 初心者向けWordPressテーマを徹底比較｜デザイン・機能・価格で選ぶ最適な1つ
WordPressテーマを選ぶときに迷うポイントとは？WordPressでサイトを作るとき、テーマ選びで悩んだ経験はありませんか？見た目のデザインやカスタマイズのしやすさ、価格、SEO対応の有無など、気になるポイントはたくさんありますよね。...
Web制作 MacのVSCodeでできる、便利な選択・置換・削除
特定の文字を含む行を抽出する検索したい文字列をドラッグで選択「 command + F」で検索モードにする「option + Enter」で文字列を含む検索結果をすべて選択「command + L」で検索結果が含まれる行を選択改行を削除して...