2016/07/10

神使の兎 ~宇治神社にて~

昨年末から「響け!ユーフォニアム」のイベントに参加したついでに宇治神社に二回訪れたときの写真などを上げておく(主として、うさぎ絡み)。
響け!ユーフォニアム 7 [Blu-ray]

響け!ユーフォニアム 7 [Blu-ray]

■ 2015年10月31日 (「響け!ユーフォニアム」感謝イベント 京都でお祭りフェスティバル~南座へようこそ~ 観覧時)

f:id:furyu-tei:20160710182954j:plain
f:id:furyu-tei:20160710183002j:plain
この手水舎の注意書き、あちらこちらで見るのだけれど、元祖はどこなのだろう?
f:id:furyu-tei:20160710183009j:plain
f:id:furyu-tei:20160710183015j:plain
f:id:furyu-tei:20160710183028j:plain
f:id:furyu-tei:20160710183018j:plain
f:id:furyu-tei:20160710183024j:plain
f:id:furyu-tei:20160710183033j:plain
f:id:furyu-tei:20160710183041j:plain
f:id:furyu-tei:20160710183045j:plain
f:id:furyu-tei:20160710183055j:plain
このときには三角みくじを購入。
うさぎおみくじは、存在そのものに気が付かなかったのだけれど、写真にしっかりと写っているという……(相変わらずの節穴)。

■ 2016年06月04日 (「響け!ユーフォニアム」今年も!宇治でお祭りフェスティバル 観覧時)

f:id:furyu-tei:20160710184651j:plain
f:id:furyu-tei:20160710184657j:plain
f:id:furyu-tei:20160710184703j:plain
f:id:furyu-tei:20160710184707j:plain
f:id:furyu-tei:20160710184715j:plain
f:id:furyu-tei:20160710184719j:plain
f:id:furyu-tei:20160710184727j:plain
f:id:furyu-tei:20160710184734j:plain
f:id:furyu-tei:20160710184740g:plain
f:id:furyu-tei:20160710184744g:plain
このときは忘れずに、うさぎおみくじを購入。

■ ところで…

宇治神社の境内マップを見ると、「パワースポット(願いうさぎ)」と「寝そべり兎」は別の場所にあるように書かれているのだけれど、願いうさぎってまた別にあるのかな……?
パワースポットのページで紹介されている写真に写っているうさぎは、「寝そべり兎」の位置にあったと思うのだけれど……。

2016/02/12

Twitter 原寸びゅー:PC版ブラウザ用・Twitterの画像閲覧と保存がはかどる拡張機能の紹介

PC版ブラウザ(Google Chrome・Firefox・Opera)で公式Twitterを見る場合に、入れておくと画像の閲覧や保存が格段に楽になるChrome拡張機能/ユーザースクリプトを作成しましたので、その紹介です。

既にある「twitter画像原寸ボタン」の機能を参考に、独自に実装・機能拡張したものです。

主な特徴は、

  • タイムライン上に(Twitterに直接アップロードされた)画像がある場合、ツイートに[原寸画像]ボタンを表示。これをクリックすると、原寸の(URLが~:origとなる)画像を表示する(複数画像も単一ページ内に開く)。
  • 開いた画像の上部に[ダウンロード]ボタンを表示、これをクリックすると、画像を保存できる。
    このとき、「~.jpg-orig」といった拡張子は自動的に「~-orig.jpg」といった形に変換。
  • タイムライン上の画像にマウスカーソルを当ててコンテキストメニューを開くと(右クリックすると)、「原寸画像を保存」メニューが表示され、画像が原寸サイズで保存できる(拡張子リネームもあり)。
    この機能は、Chrome拡張機能版のみ。

といったところです。

■動作デモ

■インストール方法・使い方などの詳細はこちら

■作成経緯

PC版ブラウザで、Twitterのタイムラインを見ていると、

  • ツイートに添付された画像が小さかったりトリミングされていたりして、見えにくいことが多い(特に複数画像があるツイート)。
  • また、ツイートをクリックして個別に開いても、特に見やすくはならない。
  • コンテキストメニュー(右クリック)や、画像サムネイルのアドレスバーへのドラッグ&ドロップ等で画像を単独で開くも、原寸サイズでないことも多い。
  • またそもそも、右クリックから画像を開けないこともある。
  • 原寸サイズで開くためには、URLの後ろに :orig を付ける必要があって、手間がかかる。
  • また、これを保存すると、環境によっては拡張子が「.jpg-orig」のようになってしまい、リネームの必要がある。

といった各種の不満が出てきます。

そのうち、これらを軽減するユーザースクリプトでも書くかな~とか思いながらなかなか実行しないうちに、ある日、既に「twitter画像原寸ボタン」というものが存在することを知りました。

これに刺激を受け、自分の欲しい機能を盛り込みつつ作成したのが、「Twitter 原寸びゅー」です。

■ネタ元はこちら

2016/01/10

スマートフォンをPC上の音楽を再生するためのリモコンとして使いたい

タイトル通りの希望を叶えるアプリって、あるかなぁ?

  • 同一のLAN上に繋がっているスマートフォンから、PC上の音楽ファイルの再生を指定。
  • スマートフォンはリモコンとしてのみ使い、実際に音を鳴らすのはPC。
    ストリーミング再生(PC上の音楽ファイルをスマートフォンで再生)したいわけではない。
  • PCの画面は一切見なくて済むようなUI。
    リビングにあるPCを寝室のスマフォから制御したい。
  • PCからアクセスできる音楽ファイルは全て選択可能。
  • プレイリストの作成・保存・編集可能。
  • その他、一般的な音楽プレイヤーで出来るような操作は一通りできて欲しい。

■環境

まっとうなAV機器はほとんど持っていなくて、

Pc_10141_image030

のように、音源(PC・TV・PS Vita・スマートフォン)をTVに集約し、これに繋いだヘッドホンアンプ経由で各種スピーカやヘッドホンで音が鳴るようにしてある。

で、寝室にいるときに、スマートフォンを使って自由にPC上にある音楽ファイルを再生したい、というのが希望。

再生するのはあくまでPCという点に注意(スマートフォンで再生したいわけではない)。

現状は、Chrome リモート デスクトップを使い、スマートフォンからPC上の音楽再生ソフトを操作してやっているのだが、いかんせん画面が小さく、操作性が悪いのが難点。

2015/10/09

【覚書】風柳亭(ココログプロ)をレスポンシブWebデザイン化(Bootstrap3使用)

先月末に本ブログ(風柳亭)を最低限ながらレスポンシブWebデザイン化し、スマートフォン等でも閲覧しやすいようにしてみたので、覚え書き。

本ブログはTypePadベースのココログプロを使用。ココログプロのみ使用可能な上級者向けテンプレート(HEADを含むHTMLに手を加えることが可能)を利用しているため、これ以外のプランではレスポンシブ化は困難だと思われる。
実際に本ブログで使用しているテンプレートは、GitHubにあげてある。

■ベースにしたテンプレート

  • 右サイドバー付
  • アポロ/シルバー(ココログオリジナル・テーマ/テーマの種類 シンプル)

これを上級者向けテンプレートへと変換した上で、カスタマイズを実施。
TypePadのタグ等は、基本的には、標準的な TypePad のテンプレート等を参考にして、実際に出力されるHTMLと見比べながら、適当に置き換え。

■ポイントなど(そのうち整理して書くかも)

2015/09/01

ココログ用全文検索 - ココログ最強検索を jQuery を使って作り直してみた(既知の不具合の幾つかに対応)

ちょっとしたきっかけ(後述)があって、今更ながら、なおゆきさんココログ最強検索(自分のココログを全文検索するブログパーツ)を jQuery を使って移植(リメイク)してみました。

既知の不具合のいくつかにも対応してある……つもりですが、ほぼ全面改修となっているため、別の不具合が混入している可能性も高いです(汗)。

■ ココログ用全文検索をココログに設置


作者名
提供元
パーツ名
パーツID
設置用HTML

お好みで設置用HTML欄(テキストエリア内)のオプションを変更してから登録することもできます。

「Request-URI Too Large」というエラーが出る場合は、[ココログに設置]ボタンを押す前に、あらかじめご自分のココログのアカウントでログインした状態で、再度お試しください。

■ お試し用ブックマークレット

検索ボックスがついていないココログ(ブログ)でも、検索できるようにするブックマークレットです。

ご自分のココログで上記のブックマークレットを試してみて、うまく動かないようであれば、残念ながら対応していないということになります(コメントでご報告いただければ、可能な範囲で調査いたします)。

■ 対応した(つもりの)オリジナル(2015/09/01現在)の既知の不具合と改善点

  • テンプレートによっては検索結果が表示されない/サイドバーに表示されてしまう(オリジナルテーマで、一列構成や二列・右サイドバー構成の場合等)。
  • 本文中にSCRIPT要素やSTYLE要素、コメント(<!-- ~ -->)などがある場合、それらの中の文字列もひっかかってしまう。
  • まれにうまく記事の内容が取得できないことがある(リッチテンプレートで、フッタに permalink が設定されていない場合等)。
  • TEXTAREA内の要素もハイライト対象となってしまうため、内容が書き換えられてしまう。
  • オリジナルテーマにて、記事中にIMG要素がある場合、バックナンバー読み込み中に画像も無駄に取得されてしまう。
  • 特定の文字(半角数字一文字等)で検索するとエラーが発生する。
  • 検索ボックスが下の方に設置されているブログだと、二回目以降の検索が面倒(またその場所までスクロールする必要がある)→検索結果上部にも検索ボックスを設けることで対応。

■ 経緯

つい先日、このブログ中に貼り付けてあるツイッターのツイートが、なぜか突然表示されなくなってしまいました。

サイドバー等に設置してあるスクリプトを外すと表示されるようになったため、ひとつずつ試していくと、どうやら使用していた prototype.js が干渉しているらしいことがわかりました。

prototype.js のリンク先をなおゆきさんのブログ上のものに変更することで問題は解消できたのですが、せっかくだし(?)、前から気になっていた不具合解消のため& JavaScript(jQuery)の勉強のためにも、いちから作り直してみるか、と思い立ったのでした。

で、よく考えて見れば、自分が使っているのはココログプロ等用自分でカスタマイズしたものであり、こちらも改修が必要、というオチが、ですね……。

■ ココログプロ(上級者向けテンプレート)用

というわけで、ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript: 暴想を jQuery を使用して移植したものはこちら。

【設置用スクリプト】

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://furyu.tea-nifty.com/script/jq-highlight.js"></script>
<script src="http://furyu.tea-nifty.com/script/jq-blog_ajax_js_search.js"></script>
<script>
window.blog_ajax_js_search_options = {
    color : '#ffcc33' // ハイライトの色
,   truncation_length : 80 // 検索結果でキーワード前後に抜き出すテキストの長さ
,   entry_per_page : 20 // 検索結果の1ページ辺りの記事数
,   display_search_form : true // true時、検索結果上部に検索フォーム表示
,   look_ahead : true // true時、裏でバックナンバーを先読み(パフォーマンスに影響)
,   search_box_id : 'search_box' // 検索フォームのキーワード用INPUT要素の id
,   search_credit_id : 'search_credit' // 検索フォームのクレジット用SPAN要素の id
};
</script>
<form onsubmit="blogAjaxJsSearch( jQuery('#'+blog_ajax_js_search_options.search_box_id).val() ); return false">
    <input type="search" id="search_box" name="search_box" value="" results="5" autosave="tangerine" placeholder="検索語を入力" />
    <input type="submit" value="検索" />
    <span id="search_credit" style="font-size: xx-small; margin-left: 4px;"></span>
</form>

【テンプレート(インデックステンプレート)】

  • テンプレート名: Archive Search Data
  • 出力ファイル: search_data.txt
  • テンプレートの内容
    <?xml version="1.0" encoding="utf8"?>
    {
    data:[
    <MTEntries all="1">{
    title:"<$MTEntryTitle remove_html="1" encode_js="1"$>"
    ,link:"<$MTEntryLink$>"
    ,body:"<$MTEntryBody remove_html="1" encode_js="1"$><$MTEntryMore remove_html="1" encode_js="1"$>[<$MTEntryKeywords remove_html="1" encode_js="1"$>]<MTComments><$MTCommentAuthor remove_html="1" encode_js="1"$><$MTCommentBody remove_html="1" encode_js="1"$></MTComments>"
    },</MTEntries>
    {title:"",link:"",body:""}
    ]
    }
    

«BIGLOBE光ネクスト(大阪)の通信速度問題 - プロバイダ選びは難しい……

戻るリンク追加

カレンダー

2016年8月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

ココログカレンダーPlus

検索


    • Web全体 サイト内
    • 蔵書のISBNを入力して下さい
    • はじめる前
      初級者向け
      上級者向け
      ブログ紹介
      結果を表示

最近のトラックバック

コメントリストツリー化

無料ブログはココログ