はてなブックマーク

本番環境にJavaScriptファイルをアップした際、デモ環境やローカルで正常に動作していたはずのコードが、突然動かなくなった経験はありませんか？ 特に、HTTPS（SSL通信）が導入されている環境では、スクリプトの記述方法が原因で動作しなくなることがよくあります。 今回は、HTTPS環境でJavaScriptが動かなくなる原因とその対策について、具体的な解決方法を交えて詳しく解説します。 HTTPS（HyperText Transfer Protocol Secure）は、SSL/TLSプロトコルを使用して通信を暗号化するため、Webページのデータが安全に送受信されます。しかし、この環境下では、セキュリティ上の理由から、HTTPでのリソース読み込みがブロックされることがあります。これが、HTTPS環境でJavaScriptが動かない主要な原因のひとつです。 例えば、外部のJavaScri

Photoshopは、その強力な画像編集機能で知られていますが、それに伴いメモリ使用量が多くなることでも有名です。長時間作業していると、動作が重くなりイライラすることもあるでしょう。 そんな時に、Photoshopのパフォーマンス設定を見直すことで、作業を快適に進めることができます。この記事では、Photoshopの動作を高速化するための具体的なパフォーマンス設定について詳しく解説します。 関連記事：Photoshop CCで起動時やファイルを開くとクラッシュ(強制終了)する場合の解決方法 1. メモリの使用量の調整 Photoshopが利用するメモリの割合を調整することは、動作速度に大きな影響を与えます。Photoshopのメモリ使用量を調整するには、以下の手順に従います。 [編集] – [環境設定] – [パフォーマンス] を開きます。 「メモリの使用状況」でPhotoshopに割り当

あけましておめでとうございます。今年も私が利用しているFirefoxのおすすめアドオン・拡張機能をまとめて紹介。 最近はアドオンを厳選することで、不具合を減らし管理しやすくするようにしました。また、ブラウザの機能として最も重要なスピードも、不要なアドオンを削除することで効果があるようです。2013年の当ブログの記事を見ると、当時はアドオンを52個も入れていたようです…入れ過ぎだよ、昔のオレ（汗） 関連記事：【2015年版】Firefoxを便利にカスタマイズするおすすめアドオンまとめ 2016年 管理人が利用しているFirefoxアドオン ・Autoclose Bookmark&History Folders IEと同じようにブックマーク・履歴フォルダを開くと自動的に他のフォルダを閉じるようにします。 ・Classic Theme Restorer 「Firefox」のデザインをカスタマイズ

WordPressで理想的なパーミッションの設定 パーミッション設定は、環境や運用面などで適切な設定は変わってきます。 ここでは一般的におすすめされているファイルのパーミッションを紹介します。 .htaccess 「604」か「606」 「.htaccess」ファイルが書き換えられる事例が多発しており、パーミッション設定は必須です。パーマリンクの設定が出来るようにするには「606」にします。 wp-config.php 安全なのは「400」 オーナーのみが呼出できる「400」が最も安全な設定になります。 インストーラ（レンタルサーバーなどで用意されている自動インストールなど）でwp-config.phpを作った場合、パーミッションは「646」か「666」になっています。この場合、オーナーは「Apache」になってしまうので、自分自身では変更できません。 そのため、FTPソフトなどでwp-c

.message { position: relative; } .message span.remark { display: none; } .message a:hover span.remark { background: none repeat scroll 0 0 #EEFFEE; border: 1px solid #CCCCCC; color: #000000; display: block; line-height: 1.2em; margin: 0.5em; padding: 0.5em; position: absolute; top: 50px; width: 12em; } コードの解説 HTML構造 <div class=”message”> はメッセージを囲む親要素であり、内部に <a> タグを配置しています。 <a> タグの内部に <span class=”

「WordPressの画面が真っ白に！」 WordPressでサイトを運営していると、一度は画面が真っ白になる経験をするかもしれません。この現象は「ホワイトスクリーン・オブ・デス」と呼ばれることもあり、管理画面にすらアクセスできなくなることがあります。 表示が崩れるだけなら管理画面で修正可能ですが、画面が真っ白だと対処に困ることもあります。この記事では、WordPressのホワイトスクリーン現象の原因と解決方法について詳しく解説します。 WordPressの画面が真っ白になる原因は？ WordPressの画面が真っ白になる主な原因は、サーバーで何らかのエラーが発生していることです。処理が途中で停止し、エラーが表示されないため、結果として真っ白な画面が表示されることがあります。 代表的な原因は以下の通りです。 PHPのメモリ制限超過: プラグインやテーマが多くのメモリを使用して動作不能になる

使い方のポイント 一般的な企業サイトであれば、上記のリストで基本的な構成は整います。ただし、企業や業界に特化したコンテンツが必要な場合は、その都度適切な英語表現を検索し、命名することをおすすめします。 私の方法として、和英辞書などを使うこともありますが、基本的には「調べたい日本語 + 英語」でGoogle検索を行います。例えば「概要 英語」や「採用 英語」などです。この方法が最も効率的で、正確な翻訳結果を得ることができます。 命名規則の重要性 Webサイトのディレクトリ名やファイル名は、検索エンジン最適化（SEO）の観点からも非常に重要です。適切な英語の単語を使うことで、Googleなどの検索エンジンで適切にインデックスされ、検索結果にも影響を与えます。 以下のポイントに気を付けて命名しましょう。 シンプルでわかりやすい名前を付ける：ファイル名やフォルダ名は短く、簡潔にします。長すぎる名前

今までiPhoneのブラウザはSafariを使っていたのですが、以前から気になっていたMercuryのPro版が期間限定で無料になったので試しに使ってみたところ、便利すぎてSafariに戻れなくなっちゃいました！ Google Chromeを使っている方は、iPhoneもChromeで問題ないと思いますが、私のメインブラウザはFirefoxです。私のようなFirefox使いに特におすすめしたいのがMercuryです。 ※現在はサービスを終了しているようです。 Mercuryウェブブラウザのここが (・∀・)ｲｲ！！ ユーザーインターフェースが素敵 見た目の好みは人それぞれだと思いますが、個人的に今まで使ったブラウザの中で一番素敵だと思いました。テーマを変えられるのもFirefoxっぽくていいですね。なんだかんだデフォルトのままが一番カッコいいと思います。 スピードダイアルが便利 Opera

Firefoxプラグイン「Echofon for Firefox」は2012年末に開発終了となったため、現在はMozillaの公式サイトからダウンロードできません。これは「Echofon for Firefox」が、API 1.1に非対応のためです。 FirefoxでTwitterを閲覧していた人には必須のアドオンだったと思うので、Twitterクライアント難民となってしまった方もいるのではないでしょうか。私もその一人ですが、開発終了となっているので待っていても対応される可能性は低いと思われます。 そこで、今回は「Echofon for Firefox」の代替として使えそうなFirefoxアドオンをまとめてみました。 Yoono Twitterをはじめ、各種SNSからウェブメールやRSSリーダーなどをまとめて表示できる高機能アドオンです。 使ってみたところ、仰々しいサイドバーが出現して設定

企業のウェブサイトで、個人情報を取り扱う際に欠かせないのがプライバシーポリシーです。お問い合わせフォームやサービス登録時に個人情報を収集する場合、ユーザーに安心感を与えるためにも、適切なプライバシーポリシーのページを設けることが重要です。 しかし、実際には「何を書けばいいのかわからない」といったクライアントの声を耳にすることも少なくありません。そんな時に役立つのが、汎用的で簡単にカスタマイズ可能なプライバシーポリシーのひな形です。 今回は、サイト制作時にクライアントに提示できる、汎用性の高いプライバシーポリシーのひな形と作り方のポイントを紹介します。 関連記事：サイトのご利用について（利用規約）のサンプル雛形 プライバシーポリシー（個人情報保護方針）のひな形 株式会社xxxx（以下「当社」といいます）は、個人情報の保護に最大限の努力を払い、以下の個人情報保護方針を定め、従業員一同がその実践

Evernote（エバーノート）、流行っていますね。オンラインで簡単にメモを保存できるので、特にブロガーさんなどが重宝しているようです。 私もアカウントを作りました。プラグインもiPhoneアプリもインストールしました。…でも、やってませんｗこんな人、意外といるのではないでしょうか？ 私のように「アカウントを作ったけど挫折してしまった人」「使い方がわからない人」「もっと便利な使い方を知りたい人」に役立つEvernoteの活用術と使い方をまとめ記事の紹介。 WebデザイナーにおすすめのEvernote活用術 Webクリエイターボックスさんのまとめ記事。 特にWebデザイナーやブロガーさんは使い方の参考になるのではないでしょうか。 LINK：WebデザイナーにおすすめのEvernote活用術 Evernoteを4年使って「本当に入れておいて良かったもの」12選 iPhone女史さんではEver