Webエンジニアのブログ

画像や図などにキャプション（説明）を入れることで、ユーザーに画像や図を理解してもらいやすくなります。またテキストコンテンツとしてGoogleが画像の近くにある画像の説明として認識しやすくなるため、SEOにも効果がでます。 画像の代替となるテ...
続きを読む>>

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

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

仕事などで大事なファイルを共有する際に、パスワード付きのzipファイルに圧縮して共有することがあります。 しかしWindowsは7から8、10とOSの機能でフォルダにパスワードを設定してzip圧縮することができません。 そこで無料のソフトを...
続きを読む>>

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

WindowsでXAMPPを使ってローカル開発環境を構築して実際にサイト制作などする際、複数のドメインを管理できると非常に便利です。 そこで複数のドメインを扱えるようにするには、バーチャルホストの設定をしていきます。 まだXAMPPでローカ...
続きを読む>>

Web開発をするにあたり、HTMLやCSS、ブラウザ上で動くクライアントサイドのJavaScriptはローカル環境でも動かすことができます。 しかしWordPressでも使用されているPHPなどのサーバーサイドスクリプト言語やデータベースを...
続きを読む>>

webページ全体のスクリーンショットを撮る時にブラウザの拡張機能などを使うことがありますが、webブラウザもだんだん進化してきてブラウザの機能だけでwebページ全体のスクリーンショットを撮ることができるようになりました。 ほとんどのブラウザ...
続きを読む>>

MacでMAMPを使ってローカル開発環境を構築し、テストサイトやサーバサイドスクリプトの学習などする際に複数のドメインで管理したいことがあります。 ここではバーチャルホストを設定して複数のドメインを使う方法をご紹介します。 まだMAMPでロ...
続きを読む>>

Web開発をするにあたり、WebサイトでしたらHTML,CSS,JavaScriptを中心に構築していくかと思います。 HTMLのマークアップ言語やCSSのスタイルシート言語、ブラウザ上で動くクライアントサイドのJavaScriptは普通に...
続きを読む>>