Web開発の時に使うと便利なChromeやFirefoxのデベロッパーツールの使い方
Web開発をするにあたり、Google Chromeの「Google Chrome Developer Tools」、Firefoxの「Firefox Developer Tools」の検証モードを使うことで効率よくWebサイトのデバッグを...
続きを読む>>
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を使ってローカル開発環境を構築して、テストサイトの構築やサーバサイドスクリプトの学習などする際に複数のドメインで管理したいことがあります。ここではバーチャルホストを設定して複数のドメインを使う方法をご紹介します。...
続きを読む>>
Web開発をするにあたり開発環境を整えるのですが、費用を費やして実際のサーバを借りなくても自分のパソコン内に開発環境を整えることができます。PHPなどのサーバーサイドスクリプト言語を学習する際にも使えます。ここではMacのローカル環境にMA...
続きを読む>>
Webサイトで日付や時間、曜日を扱って表示または情報を使ってなんらかの制御をさせたいことがあるかと思います。クライアントサイドスクリプトのJavaScriptでも日付や時間の取得が可能ですが、ユーザー側でJavaScriptをオフにしている...
続きを読む>>
Webサイト(ホームページ)やブログでYouTubeやGoogle Mapを埋め込むことがありますが、PCだけでなくタブレット端末、スマートフォンといったいろんなデバイスできれいに表示させるには手間がかかります。 埋め込みにはiframeを...
続きを読む>>
Webブラウザにある戻るボタンとは別に、Webサイトのページ内に1つ前のページに戻るためのボタンを設置したい時があります。UIデザインを意識した時に必要なページが出てくることもあるでしょう。 そんなWebサイトのページ内に戻るボタンの機能を...
続きを読む>>
ファビコンやホームアイコンをしっかり設定することで、「見やすい」「使いやすい」「信頼性」という部分に関係することがあります。ファビコンとは「favorite ico」の略で、パソコンのWebブラウザでアクセスした際にブラウザのタブやブックマ...
続きを読む>>