Webエンジニアのブログ

サーバにアップロードされている公開前のWebサイトやテスト環境は観覧されると困るので、アクセス制限をかけたいところです。今回はWebサイトにベーシック認証（Basic認証）でアクセス制限をかける方法をご紹介します。 Basic認証とは、HT...
続きを読む>>

Web制作においてテスト環境を準備することはよくあることです。サイト内の修正をする際に本番環境で直接作業をして、もし記述を間違えて表示を壊してしまったとなると壊れたWebサイトが見られてしまいます。 しかし、テスト環境でも公開してしまうと検...
続きを読む>>

Web制作を学習している方に向けてWebページを作成するにあたり、HTMLで最低限必要な記述のベースとCSSのメディアクエリ（Media Queries）を使ったレスポンシブWebデザインの書き方、そして学習方法をご紹介します。...
続きを読む>>

WordPressのタクソノミーでカテゴリ分けして記事を分類している場合にアーカイブやタクソノミーのアーカイブページにカテゴリリストのリンクを載せることがありますが、アクティブ表示に対応するとなると少し手こずります。今回はタクソノミーでカテ...
続きを読む>>

Macで画面操作などを動画として録画ができたら、、、 また、その動画をGIFアニメーションにできたら、、、 こんな機能あったらいいなと思うことがあったのでちょっとメモってみました。   Mac標準ソフトのQuickTime Pla...
続きを読む>>

画像や図などにキャプション（説明）を入れることで、ユーザーに画像や図を理解してもらいやすくなります。ユーザーにコンテンツを理解してもらいやすくなるよう、WordPressやHTMLでキャプション設定し表示させて、しっかりと説明してあげましょ...
続きを読む>>

Webデザイン上、PCとスマホのレイアウトの順番を変える時にCSSでどうしてもコントロールしきれない時があります。そんな時に使えるCSS3のFlexboxを使ってHTMLの記述を変えずに表示順を変えるテクニックをご紹介します。 今回紹介する...
続きを読む>>

パソコンでインターネットを利用するときにWeb観覧に必要なWebブラウザですが、セキュリティ面を考えると常に最新バージョンにしておきたいものです。 Macをお使いのかたはSafariをApp Storeにアップデートのお知らせが来るかと思い...
続きを読む>>

仕事などで大事なファイルを共有する際に、パスワード付きのzipファイルに圧縮して共有することがあります。ここではWindows用の無料ソフト「Lhaplus（ラプラス）」を使ってフォルダをパスワード付きのzipファイルにする方法をご紹介しま...
続きを読む>>

Web開発をするにあたり、Google Chromeの「Google Chrome Developer Tools」、Firefoxの「Firefox Developer Tools」の検証モードを使うことで効率よくWebサイトのデバッグを...
続きを読む>>