タグ

ブックマーク / www.koikikukan.com (11)

  • Eclipse+JavaのgetResourceAsStream()でファイルを読み込む方法

    Eclipse+JavaのgetResourceAsStream()でファイルを読み込む方法を紹介します。 より適切な方法があるかもしれませんので、コメントもお待ちしています。 1.問題点 Window環境のEclipseで次のようなJavaのコード(抜粋)を実行しました。 public String file = "format/sample.txt"; BufferedInputStream is = new BufferedInputStream(getClass().getClassLoader().getResourceAsStream(file)); 2行目(またはそれ以降)で次のような例外が発生しました。 java.io.IOException: Stream closed at java.io.BufferedInputStream.getInIfOpen(Unknown

    Eclipse+JavaのgetResourceAsStream()でファイルを読み込む方法
    fm315
    fm315 2017/08/18
  • ウェブマスターツールで被リンクを調べる方法

    Googleウェブマスターツールで被リンクを調べる方法を紹介します。 1.はじめに 以前、「Analyticsで被リンクを調べる方法」で、Analyticsによる被リンクの調べ方を紹介しましたが、Googleウェブマスターツールでも被リンクを調べる方法があります。 Analyticsの場合は指定した期間での被リンクしか確認できませんが、ウェブマスターツールでは期間に関わらず、すべての被リンクを確認することができるようです。 ということでエントリーで手順を紹介致します。 2.ウェブマスターツールで被リンクを調べる 調べたいウェブサイトの「検索トラフィック」をクリック。 開いたツリーにある「サイトへのリンク」をクリック。 サイトへのリンクのページに移動するので「最も多くリンクされているコンテンツ」の下にある「詳細」をクリック。 リンクされている自サイトのページ一覧が表示されるので、確認したい

    ウェブマスターツールで被リンクを調べる方法
    fm315
    fm315 2015/02/05
  • WordPressのウェブマスターツールでのMicroformats問題の対処

    WordPressのウェブマスターツールでのMicroformats問題の対処方法について紹介します。 1.はじめに 「WordPressユーザー要注意!〜構造化データのエラーでアクセス激減」で知りましたが、WordPressで <?php post_class(); ?> という、記事の投稿情報のクラス属性値を表示するテンプレートタグを利用している場合、Microformatsの構成要素である「hentry」というclass属性値を出力するのですが、その他のMicroformatsの必須要素である、 updated author などがclass属性値として存在しない場合、ウェブマスターツールの「検索のデザイン」→「構造化データ」で大量のエラーが発生する、ということらしいです。 2.hentryの構成要素 hentryの構成要素は次のとおりです。 entry-title:記事のタイトル(

    fm315
    fm315 2015/01/28
  • Google Chrome拡張の作り方(その1:マニフェストファイル作成とパッケージ化)

    Google Chrome拡張の作り方を紹介します。 1.はじめに 6月11日に「Data API & Chrome 勉強会」、6月28日に「MT Hackathon @ Six Apart New Office」が開催されるようです。 MT Hackathon @ Six Apart New Office ~Data APIChromeアプリを作ろう~ がどちらも参加できそうにないので、乗り遅れないようChrome拡張について調べてみることにしました。 Chrome拡張は、HTML/CSS/JavaScript(jQuery)の知識があれば作成することができます(実際にはChrome Extensions APIを利用することになります)。 それぞれについて1つのエントリーで解説するとかなり長くなるので、ここでは次の手順に絞って解説します。 マニフェストファイルを作る 拡張機能をパ

  • WordPressでサイトアドレスを変更する方法

    WordPressでサイトアドレスを変更する方法を紹介します。 定番カスタマイズだと思いますが、カスタマイズの理由まで言及している記事が見当たらなかったので、その解説も含めて備忘録で残しておきます。 ここでは、ドメインのサブディレクトリ(http://user-domain/wordpress/)にWordPressをインストールしている状態で、サイトアドレスをドメイン(http://user-domain/)に変更する手順で説明します。 1.サイトアドレスとは 「サイトアドレス」はWordPressで作成したブログのURLを指し、WordPress管理画面の「設定」→「一般」→「サイトアドレス」で確認できます。 WordPressをインストールすると、「サイトアドレス」はその上にある「WordPressアドレス」と同一のURLになっていますが、サイトアドレスをドメイン直下にしたいケースが

  • CSSでfloatを解除する方法のまとめ

    CSSのfloatを解除(クリア)する方法をまとめてみました。 以前、floatを解除するテクニックとして以下の記事をエントリーしたのですが、その後色々なテクニックがあることに気がつきました。 CSS の after 擬似要素で回り込みを解除する ということで、そもそものfloatの問題(というか仕様)と、その対処方法についてネットで調べた情報を一通りまとめました。 1.floatにより親要素の高さが出なくなる(=背景がなくなる)問題 親要素の中にある子要素にfloatプロパティが設定されていると、内容をもたない親要素の高さが0になるという仕様になっています。 例えば、次のCSSHTMLを例にします。 <style> #container { width: 200px; background: #ddd; } .box { width: 25px; margin: 10px; paddi

    CSSでfloatを解除する方法のまとめ
    fm315
    fm315 2013/03/28
  • HTMLやCSSでのプロトコル表記(http:、https:)の省略について

    HTMLCSSではプロトコル表記(http:、https:)の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記(http:,https:)を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> 1.プロトコ

  • TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」

    TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 1.サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 2.プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 3.プラグインのダウンロード githubのjQue

    TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
  • FacebookのOGPをチェックする方法

    すでにご存知の方も多いと思いますが、FacebookのOGP(Open Graph Protocol)がウェブサイトのページ上に適正に設定されていることをチェックする方法を紹介します。 1.OGP(Open Graph Protocol)とは OGPとは、ソーシャルグラフ内で任意のウェブページを表現するための情報を提供する技術で、次のようなmeta要素を指します。 <meta property="og:title" content="The Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="http://ia

    FacebookのOGPをチェックする方法
  • 小粋空間: PHP における「モジュール版」と「CGI 版」の比較 WordPress の利用例

    PHP のパフォーマンスを調べる中で「モジュール版」と「CGI版」という言葉をみつけまして、エントリーではそれぞれの内容、およびパフォーマンス・セキュリティ等の観点で両者を比較してみました。 併せて、PHP プログラムである WordPress を適用した場合について示しています。 Web サーバは Apache を対象にしています。内容について認識誤り等ありましたらご指摘ください。 1.用語 まず最初に「CGI版」と「モジュール版」の意味について記します。 [CGI 版] 「CGI」は「Common Gateway Interface」の略で、サーバが受信したブラウザの要求に応じてプログラムを起動するための仕組みを指します。PHP の場合、ブラウザに http://~/xxx.php を URL として指定した場合、Webサーバは xxx.php を実行ファイルと認識してプログラムを起

    小粋空間: PHP における「モジュール版」と「CGI 版」の比較 WordPress の利用例
  • 小粋空間: CSSで画像に影をつける(ドロップシャドウ)

    CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d

    fm315
    fm315 2006/01/31
  • 1