rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

2017年センバツ出場校WebサイトにリボンをかけるChrome拡張を作ってみました

      2017/03/10   JavaScript, 生活, 開発, 高校野球

  • このエントリーをはてなブックマークに追加
  • Pocket

あれこれ忙しいことが続くと、自分が楽しめるものでも作って現実逃避したくなりますね。というわけで、前回の記事に引き続き高校野球ネタで遊んでみます。

春のセンバツに出場する学校は全部で32校。全国4,000校以上が参加した中からの選ばれし32校なわけですから、これっともう出場するだけでも相当すごいわけです。

この32校をもっと称えてあげたい!そんな気持ちを込めて、各校の Web サイトにセンバツ出場記念リボンをかける Chrome 拡張を作ってみました。

Chrome 拡張について

作成した Chrome 拡張はこちらです。

この Chrome 拡張を有効にした状態でセンバツ出場校のどれかの Web サイトにアクセスすると、こんな感じで「第89回センバツ出場校」と書かれたリボンがページ右上に表示されます。

前橋育英

Chrome 拡張の使い方

下記ページからファイル一式をダウンロードします。

次の手順で Chrome 拡張の設定をします。

  1. Google Chrome で chrome://extensions/ にアクセスします。
  2. 右上の「デベロッパー モード」をチェックします。
  3. 「パッケージ化されていない拡張機能を読み込む…」ボタンをクリックします。
  4. ダウンロードしたファイルの extension フォルダを開きます。

設定が終わったら Chrome 上でセンバツ出場校の Web サイトにアクセスします。センバツ出場校の Web サイト URL はこちらを参考にしてみてください。

「第89回センバツ出場校」リボンが表示されたら OK です。

リボンの表示位置について

基本的にリボンは各ページの右上に表示させているんですが、今や希少なフレーム構造の Web サイトが仙台育英、熊本工、不来方の3校ありまして、それらについては単純に他校と同じようには表示できませんでした。

そこで、どのページに移動しても比較的表示されているであろうフレームを選んでリボンが設置されるよう調整してみました。

仙台育英の場合はヘッダーのフレームに。ちょっと見切れてしまいましたが・・・。

仙台育英

熊本工、不来方はそれぞれ左サイドメニューのフレームに。本来のメニューが押しづらくなってしまったことはどこかに置いといてください。

熊本工

不来方

リボンについて

なお、表示させているリボンのソースコードは、こちらの GitHub 風リボンを生成するサービスからお借りしました。

コードをこういう使い方して良いのかどうかよく分からなかったので、後ほど作者の方に問い合わせておきます。怒られたらやめますので。。

終わりに

というわけで、Chrome 拡張のご紹介でした。

かなり自己満足度合い高めの作業となりましたが、もし興味のある物好きの方がいたらぜひ試してみてください。

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

副鼻腔炎
やっぱりだるかった。。約2年半ぶりの副鼻腔炎を発症。

先日の金曜日、朝から何だか体がだるいような感覚で一日我慢しながら仕事をこなしたも …

ランチ
美味しいランチをワンコインで。「ランチパスポート 前橋・高崎」第4弾は1月10日発売!

以前、当ブログでもご紹介した「ランチパスポート 前橋・高崎」Vol3。使用期限の …

新幹線
GWに子連れで新幹線帰省した時にいくつか考えたことのメモ

今年のGWもあっ!という間に終わっちゃいましたね・・・。 さて、GW・お盆・年末 …

将棋序盤の指し方入門
ルールを覚えた子どものレベルアップにオススメな「羽生善治のみるみる強くなる将棋 序盤の指し方 入門」

以前、こちらの記事でこれから将棋を始める子ども向けの超入門本を紹介したことがあり …

クリスマス
忘年会やクリスマスの準備に!妖怪ウォッチの余興をするのに役立つ情報まとめ

お坊さんも駆け回るほど忙しいという師走になりましたが、年末の忘年会やらパーティー …

トライ
初めてのトライ勝ちを達成!将棋ウォーズのトライルールが面白い

いやー気分爽快!先日、将棋ウォーズで始めてトライ勝ちを経験しましたが、すごい達成 …

われ敗れたり
電王戦の本当の勝利者は将棋ファンと米長氏。「われ敗れたり」を読んで。

今年の第3回電王戦が終わってしばらく経ってしまいましたが、今さらながら読みました …

パスタ
知らずに損した!ワンコインでお得なランチが食べられる「ランチパスポート前橋・高崎」は要チェック!

高崎・前橋市内の飲食店でワンコイン500円でお得なランチが食べられる!という「ラ …

人狼
人狼ゲーム初心者がイベントで用意しとくと便利な9個のアイテム

先日、無事に初の人狼イベントを開くことができました。 高崎で「みんなで人狼やって …

次世代ワールドホビーフェア
コロコロコミックの祭典「次世代ワールドホビーフェア ’14 Winter」に行ってきた!

1月26日に幕張メッセで開かれた、コロコロキッズにとって憧れのイベント!「次世代 …