LANの速度が遅くなったときの対処まとめ
LANの速度が遅くなったと感じたときの対処を紹介します。 １．問題点 自宅のインターネットはNTTフレッツを利用しているのですが、ある日突然速度が遅くなってしまいました。 具体的には、Windowsのタスクマネージャの「ネットワーク」で、ネットワーク使用率が1%以上になりません。 USENのスピードテストもせいぜい1Mしか出ません。 メールの取得でさえ1件につき10秒くらいかかります。 もうひとつ使っているWiFiの方が快適なくらいです。 ということで色々調べて少し解消したようなので、試した方法をまとめておきます。 ２．アダプタの優先順位を変更する Windowsでローカルエリア接続とワイヤレスネットワーク接続を使っている場合、アダプタの優先順位があるようです。 「ネットワーク接続の管理」で開いた画面にある「詳細設定」→「詳細設定」をクリック。 （クリックで拡大） 「アダプタとバインド」タ
【WP】ワードプレスで使用する名前の付け方の注意事項 - 静岡県藤枝市のデザインスタジオ・エフ
WordPressを使用してWEBサイトやブログを構築するとき、ページの名前、カテゴリーの名前、タグの名前などに英単語で名前をつける際に注意することがあります。プログラミングに馴染みのある方にとっておなじみだと思いますが、名前をつけるときには「予約語」を避けることです。 特にカスタム投稿、カスタム分類などを使う時は「予約語」になっている英単語と重複しないことが重要です。重複していると正しく情報が取得されずコンテンツが表示されないなどの不具合が生じます。不具合が生じる場合は、エラーなどの情報を出さないことが多く、原因の判断がつきにくいので、エラーが表示されない不具合の場合は「予約語」と名前が重複していないか確認をしてみてください。 予約語一覧 「category」などは標準の投稿で使われているので使用できないのがわかると思います。部類名に「type」、「order」という単語を使ってしまいや
WebサイトにSNSシェアボタンを設置する方法のまとめ - Qiita
ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル（google+の例） 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook（※いいねボタンではなくシェアボタンです） Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか？ → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか？ → シェアボタン押された回数計測できます 2.1 メタタグ
PowerPointのスライドで「このイメージは、現在表示できません。」となる場合の対処
PowerPointのスライドで「このイメージは、現在表示できません。」となる場合の対処について紹介します。 １．問題点 PowerPointを開くと、特定のスライドに貼り付けた図（キャプチャ画像）で「このイメージは、現在表示できません。」というメッセージが表示され、スライドが正常に表示されないものがありました。 ちなみにこの画像（というかファイル全体）は他のPowerPoint資料をコピーしただけで、元ファイルの方は画像を含むスライドも正常に表示されています。 このメッセージを消して正常にスライドを表示させたいのですが、方法がわかりません。 ２．原因と対処 原因は不明ですが、スライドの図を元ファイルからコピーして貼り付け直すことで回復しました。 ネットで対策を調べたところ「PCを再起動する」という方法もあるようですが、私の場合は回復しませんでした。 また過去のバージョンであれば「ハードウ
保護されたPDFのテキストをコピーする方法
保護されたPDFのテキストをコピーする方法を紹介します。 １．問題点 PDFファイルのテキストをコピーしたのですがペーストできません。 どうもPDFファイルが保護されているため、コピーができないようです。 文字数が多く手入力が面倒なので、できればコピーしたいのですが方法がわかりません。 ということで、保護されたPDFのテキストをコピーする方法を紹介します。 ２．対処方法 該当のPDFファイルをGoogle Chromeにドラッグして表示させ、印刷アイコンをクリック。 送信先を「PDFに保存」にして「保存」をクリック。ここでは「テスト2.pdf」で保存します。 保存したファイルを開くと保護が解除されています。 これでテキストをコピーできる状態になりました。
wordpressのget_postsは検索結果ページでposts_searchフィルターが掛かる |
結論はタイトルの通りですが、wordpressの検索をカスタマイズしていて引っ掛かったことがあったので書き留めます。 ＜wordpressの検索機能について＞ wordpressの検索機能の検索対象は、投稿・固定ページのタイトル・本文です。 ブログとしての利用であればそれで十分ですが、企業サイトや商品サイト等では、よく下記の様なニーズがあり、物足りません。 ・複数カテゴリで検索したい ・カスタムフィールドに限って検索したい ・カスタム投稿を検索に含めたい ・チェックボックスで検索したい ・OR検索したい 等々。 プラグインでも検索対象を広げたり、ある程度のカスタマイズが可能ですが、 wordpressのフィルターフックを利用すると、SQLをいじれるため、広範にわたるカスタマイズが可能です。 ※フィルターフックについてはこちら ＜カスタム投稿・カスタムフィールドをOR検索したい＞ 今回、下記
ブラウザのウィンドウサイズを取得する際のjQueryとJavaScriptとCSSメディアクエリの違い｜BLACKFLAG
レスポンシブサイトではウィンドウの幅（画面解像度）によって、レイアウトの調整や動作処理の制御を行います。 ウィンドウサイズ（画面幅／高さ）の取得方法に関しては、スクリプト制御ではjQueryの「.width()」メソッドのほか、JavaScriptの「.innerWidth」メソッドや「.matchMedia」メソッドを使用する方法などがあり、CSSメディアクエリでは「@media only screen and (max-width:○○px)」などといった手法でウィンドウサイズを取得することが可能になります。 それぞれの取得する方法によってすこし厄介なのは、ページ内にスクロールバーがある時とない時で取得する値が変わってくるというもの。 さまざまな場面でウィンドウサイズを取得する機会が増えてきているので、上記のそれぞれ取得方法について比較してみました。 まずは各スクリプト処理とCSSメデ
意外と盲点だったCSS3の役立つ小技まとめ - コムテブログ
TL;DR リニューアルを行った時に、CSS3 で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。 CSS3 オートフィルの背景色を解除 chrome にて、テキストボックスのオートコンプリートした際、背景色が黄色になります。これを消したかったので を追記。色指定の箇所に任意の色を指定できますが、とりあえず白色で。 無事消えました。 Coderwall | Change background color for autocompleted inputs in Google Chromeでinputがオートフィルされてると背景色が黄色になるのを回避 – CSS | ごろつきめも backface-visibility で Chrome のチラつきを解決 fadeIn などのアニメーションを取り入れると Chrome でヘッダーやサイ
PHP で $_GET $_POST で Notice: Undefined index: が出る : Serendip – Webデザイン・プログラミング
以下のような記述が .php 内にあった場合、Notice: Undefined index: id in /Users/foo/public_html/hoge.php on line n と表示される。 $id = $_GET['id']; これは、外部からの汚染された引数が渡されたことが原因なので、htmlspecialchars を使ってサニタイズすると警告が表示されなくなる。 $id = htmlspecialchars(@$_GET['id']); 上の方法では、@を使ってエラー出力を抑制しているだけ。 $_GET['id'] の値が初期化されていないためにエラーとなっているので、isset で初期化チェックをおこなう。 $id = isset($_GET['id']) ? htmlspecialchars($_GET['id']) : null; 修正：2011/6/1
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処
WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 １．問題点 WinMergeでPowerPointの比較を行ってみたのですが、比較実施時に「エンコーディングエラーにより情報が失われています。」というエラーのダイアログが表示されます。 またそのまま処理を続行すると、文字化けした状態で結果が表示されます。 （クリックで拡大） ということで、WinMergeで「エンコーディングエラーにより情報が失われています。」が表示される場合の対処について紹介します。 ２．原因 原因はOfficeファイルを比較するための「xdocdiff WinMerge Plugin」の設定がきちんとできていないためです。 ３．対処方法 メニューバーの「プラグイン」→「プラグインの設定」を選択。 「プラグインを有効にする」と「amb_xdocdiffPlu
なくしたスマホを見つけるGoogleの新機能「スマートフォンを探す」を使ってみた
スマートフォンやタブレットなどの紛失時にやるべきことをリスト形式で表示してくれる新機能「スマートフォンを探す」がGoogleのアカウント情報ページに追加されました。 スマートフォンを探す https://security.google.com/settings/security/find-your-phone Google Japan Blog: Google アカウント情報に新しい機能を追加しました http://googlejapan.blogspot.jp/2016/06/myaccount.html 「スマートフォンを探す」のページにアクセスしたら「ログインして開始」をクリック 探したいスマートフォンで使っているGoogleアカウント名(Gmailのメールアドレス)を入力し、「次へ」をクリック パスワードを入力し、「ログイン」をクリック 所持している端末が一覧で表示されるので、なく
CompassをインストールするMac OS X El Capitan編 〜Sass（７） | IT工房｜AI入門とWeb開発
CompassはSassを利用したCSSフレームワークです。導入はちょっと面倒ですが、うまく導入できるとCSSがすごく楽に書けるようになります。 Compassでできることは、ベンダープレフィックスなどの複雑なCSSを簡単に記述できたり、画像のwidthやheightを取得してくれたり、スプライト画像を作成してくれたりもします。 Compassのインストール〜Mac OS X El Capitan編 Compassのインストールはやっかいです。PCの状況で色々と設定が必要になります。 OSのバージョンや色々な環境でエラーが出た際はそのエラー内容を検索するなどで自分で解決するより他になさそうです。 今回はMac El Capitanでのインストール方法です。参考になれば幸いです。 SassはRubyで書かれていますので、Rubyの仕組みを使います。RubyにはGemという便利なライブラリ追加
MAMPとGoogleDriveの共有でMySQLが起動しなくなったときの備忘録
WordPressやサイトの開発環境としてMAMPを使っているのですが、急にMySQLが起動しなくなりました。 一回設定してしまえばあまり扱うこともなく、結構苦戦したのでその様子を備忘録として残しておきます。 設定上Google Driveで進めますが、ドロップボックスをお使いであれば以下の文章のGoogle ドライブを「Dropbox」に変更しても可能かと思います。 現状 ・MAMPのデータ保存先をローカルマシンからGoogleDriveに設定 ・そのため、MAMPのmysqlデータはGoogledrive側のmysqlデータをシンボリックリンク設定 流れ ・いつものようにMAMPを起動させるがMySQLサーバーが立ち上がらない ・phpMyAdminは「#2002 – Can’t connect to local MySQL server through socket ‘/Applic
Wordpressのショートコードが pタグ で囲まれてしまう | サイトスパイラル(Sitespiral) - 沖縄で ホームページ制作 / WordPressのことなら
WordPressのショートコードはfunctions.php等で自作のショートコードを追加して、とても便利なのですが、ショートコードが pタグ で囲まれてしまいます。 例えば、下記のようなショートコードがあった場合 function my_hogehoge($attr) { return '<div class="hogehoge">hogehoge</div>'; } add_shortcode('hogehoge', 'my_hogehoge'); [hogehoge] 実際、コンテンツが出力される際は <p><div class="hogehoge">hogehoge</div></p> となってしまいます。 pタグとdivの margin等 で、この pタグ が邪魔な場合があります。 pタグを補完しないようにする解決方法もあるのですが、文章や画像等にはpタグで囲まれてほしいので、
ルータ接続で「WAN:DHC: Non DHCPOFFER message from server.」というエラーになる場合の対処
ルータ接続で「WAN:DHC: Non DHCPOFFER message from server.」というエラーになる場合の対処について紹介します。 １．はじめに 先日エントリーした「VDSL（モデム）からPCに直接インターネット接続する方法」と並行して通常のルータ接続も試みていて、最初は接続できていたのですが、エントリーの直結させたあとから接続ができなくなりました。 原因は自分の設定ミスだったのですが備忘録として残しておきます。 ２．状況 PCからルータまでは正常に接続されているのですが、ルータからインターネットへの接続ができていないようです。 VDSLランプの状態は正常、LANケーブルの接続順序を変えても解消せず、VDSL・ルータ・PC、それぞれの装置をすべて再起動しても解消しません。 ipconfigコマンドを確認すると、外部に接続できていないため、DNSの解決ができていないようで
CSS Flexboxの使い方・バグ情報・グリッドやコンポーネントのフレームワークなど、有用なリソースのまとめ
CSS Flexboxで何ができるのか、どういうレイアウトができるのか、基礎知識・バグ情報をはじめ、グリッドやコンポーネントの実装など、Flexboxの有用なチュートリアルやフレームワーク、便利なオンラインツールを紹介します。
PingMenu - 常駐してpingを打ち続けるユーティリティ
無線LANなどは時として調子が悪くなってインターネットに接続できなくなることがあります。アクセスポイントにはつながっているので障害に気付きづらく、とてもストレスを感じます。そんな時、ネットワークの状態確認にpingを打つ人は多いのではないでしょうか。 そこで使ってみたいのがPingMenuです。メニューバーに常駐し、pingを打ち続けるソフトウェアです。 PingMenuの使い方 PingMenuを実行しているところです。 ネットワークがなくなると no routeという表示になります。 PingMenuは設定もあるのですが、特に動かないようです。対象となるサーバはGoogle限定となっています。自分のサーバにしたい時にはソースを修正する必要があるようです。ネットワークがちゃんと生きているか確認したい時に使ってみると便利です。 PingMenuはMac OSX用、Microsoft Rec
ブラウザで表示が崩れた時の検証に便利！IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハック -Browser Hack Mixins
特定のブラウザで挙動がおかしい、期待通りにならない、そんな時の検証用に役立つ、IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハックがまとめられたSassのMixinを紹介します。 いざという時に、備えておきたいですね。 Browser Hack Mixins for Sass Browser Hack Mixinsの使い方 「_hacks.scss」をインポート。 コード: @import "hacks"; Mixinの使い方 基本書式: @include [Mixin_Name]{ selector, property, value } 記述例: @include only_ie9_below { .my_div, background-color, red } CSSハックの各ブラウザは、下記の通り。 そのブラウザのみ、バージョンのみ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ツクメモ - ウェブやアプリをツクるヒトのメモ
