WEB MEMO LOG

  • JS

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

レスポンシブサイト等で、スマホのときには特定の処理をして、PCの場合は処理をしたくない場合がありますよね。 例えば、スマホではアコーディオンでクリックしたら詳細を表示するけど、PCの場合はアコーディオンを使用せず、詳細を常に表示状態にするなど・・・。 そんなときのための、ブラウザの画面サイズによって、処理をする方法をメモメモ。 ▼読み込み時とリサイズ時の画面サイズによって処理を判定する ▼リサイズ・・・

  • WordPress

【WordPress】メディアの最大アップロードファイルサイズを変更する方法(レンタルサーバ・マルチサイトの場合も)

【WordPress】メディアの最大アップロードファイルサイズを変更する方法(レンタルサーバ・マルチサイトの場合も)

WordPressのメディアでファイルをアップロードする際に、最大アップロードファイルサイズがアップロードするファイルサイズより小さいため、アップロードできないということがありました。 その解決方法をメモメモ。 ▼php.iniで変更する方法(※下記では30MBに設定) ▼.htaccessで変更する方法(※下記では30MBに設定) 【参考】WordPressの最大アップロードファイルサイズを変更・・・

  • CSS

【CSS】BODY内で外部CSSを読み込む方法

【CSS】BODY内で外部CSSを読み込む方法

<head>内を変更できない場合、<body>の中で<link>を使ってCSSを読み込んでも動作しますが、文法的にNG、今後不具合が起こる可能性もあるとのことで、JSを使って<body>内で外部CSS等を読み込ませる方法をメモメモ。 ▼「style.css」を読み込ませる方法

  • PHP

【PHP】現在のURLやホスト名等を表示する方法

【PHP】現在のURLやホスト名等を表示する方法

現在アクセスしているURL等を取得するサーバー環境変数「$_SERVER」。 非常に便利ですが、変数が多く覚えられないので、メモメモ。 ▼よく使う「$_SERVER」の変数 【参考】PHP($_SERVER)サーバー変数一覧と実用例 $_SERVER["HTTP_HOST"]と$_SERVER["SERVER_NAME"]の違い(というか意味合い)は? - ・・・

  • PHP

【PHP】実行時に発生したエラーを画面に表示する方法

【PHP】実行時に発生したエラーを画面に表示する方法

PHP実行時のエラーをブラウザ上に表示する方法をメモメモ

  • Web

【DESIGN】頻繁に使っているWebデザインのギャラリーサイト

【DESIGN】頻繁に使っているWebデザインのギャラリーサイト

Webサイトをデザインする際に参考にさせていただいているサイトをメモメモ。 ■I/O 3000 | Webデザインギャラリー ■縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG ■【S5-Style】Webデザインのリンク集・ポータルサイト ■Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmar・・・

  • PHP

【PHP】ユーザエージェント(デバイス)判定をして処理を行う方法

【PHP】ユーザエージェント(デバイス)判定をして処理を行う方法

PC・スマートフォン・タブレット等のユーザーエージェント(デバイス)を判定して、処理を行う方法をメモメモ。 ▼ユーザーエージェント(デバイス)判定 ▼使用方法 【参考】2015年版PHPユーザエージェント判別・判定

  • JS

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

jQueryで特定の親要素があるかないかを判別して特定の処理を行いたい場合の方法をメモメモ。 ▼closestを使用して判別 親要素を判別する方法として、「parent()」「parents()」「closest()」があります。 ・parent() 直近の親要素を取得 ・parents() 親要素、先祖要素まで取得 ・closest() 親要素、先祖要素のうち直近の要素を取得 【参考】jQuer・・・

  • JS

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

jQueryで動作を設定しているけど、特定の要素のみ動作を行いたくない場合があるかと思います。 例えば、「#」のリンクをクリックしたときにページ内でスルスルとスクロールするjQueryを使用していた場合、特定の要素(タブメニュー等)のみスルスルと移動するのを無効にする方法をメモメモ。 ▼特定の要素のみページをスルスルとしない方法

  • WordPress

【WordPress】シングルクォーテーションやダブルクォーテーションが全角で表示される

【WordPress】シングルクォーテーションやダブルクォーテーションが全角で表示される

通常では、投稿ページで半角で入力したシングルクォーテーション「'」やダブルクォーテーション「"」は全角へ自動変換されて表示されてしまいます。 その自動変換を無効にする方法をメモメモ。 ▼functions.phpに記載 【参考】WordPressで半角で入力したシングルクォーテーションやダブルクォーテーションが全角で表示される

  • Diary

主要な駅での乗換えの最短ルート情報が見れる「乗換道順ガイド」

主要な駅での乗換えの最短ルート情報が見れる「乗換道順ガイド」

急いでいるとき、電車での乗り換えはスムーズに行いたいものですが、新宿や渋谷・池袋・東京駅など、様々な路線が入り組んでいる駅で知らない路線に乗り換えるのは、中々難しいですね。 そんなときに、役に立つサイト「乗換道順ガイド」。事前にルートや乗換時間や注意点等が確認できます。 池袋で副都心線から丸の内線へ乗り換えたい!などそんなときよく確認します。 乗換道順ガイド【乗換案内】

  • Web

【Web】iPhoneで閲覧中のWebサイトのソースを表示する方法

【Web】iPhoneで閲覧中のWebサイトのソースを表示する方法

iPhoneのSafariでWebサイトを見ていると、たまにソース(HTML)を見たいときありますよね。 ブックマークレットを使って閲覧中のWebサイトのソース(HTML)を表示する方法をメモメモ。 ▼下記ソースを全て選択して、コピーしていただき、ブックマーク登録 javascript:(function()%7Bvar%20d%3Ddocument%2Cs%2Ce%3Bvar%20el%3Dd.・・・