twitter画像原寸ボタン、ver.2.1.3公開です。
今回の更新は、「TweetDeckのツイート詳細にボタンを設置する」という小さいものです。なので、あんまり影響は無いと思いますが、万一不具合か何かあればお伝え下さい。
使い方などは以下をご覧ください(毎度リンクで済ませて申し訳ないです、また近々書き直します)。
今さっきアップロードしたところなので、数時間見てもらえれば更新されているかなと思います。ver.2.1.3になっていれば最新です。
あとはこれからTweetDeckのギャラリー表示でのボタン設置やなんかをやっていきます。
あっあとユーザ数が3万人を越えました*1。メンテナンスしていかなければという気持ちになりますね。
GoogleChrome拡張機能「twitter画像原寸ボタン」は今まで友人に公開してもらっていたんですが、やっとこ自分のアカウントに移管できることになったので移管します。
↓最初の公開時の状況
今回から友人の力をお借りしてChromeウェブストアに公開することになりました
GoogleChrome拡張機能「twitter画像原寸表示」ver1.3 公開 - hogashi.*
中身は変わらず、管理がスムーズになるというだけなので特に影響はないはずです。
中身については、今のところまた2月中に少し更新できるといいなという気持ちです。早いとこTweetDeckの詳細ツイート表示とか画像ギャラリーとかに対応したいのでそこからやります。
やってることが素朴なのにもうユーザ数が3万弱*1というくらいの拡張機能になっていて驚きですが、ゆるゆるやっていきます。
(追記: 2017/02/20/16:32) 移管されたのを確認しました。管理者のアカウントが変わっても、見た目は本当にほとんど変わらないようで、なによりです。
*1:執筆現在(2017/02/18/03:23)29,777人
これは MMA Advent Calendar 2016 - Adventar の4日目の記事です。
MMAに所属して2年目の部員です。
とことん忘れる体質を許してほしいのですが、MMAに入ったきっかけとか入った当初とかを殆ど覚えていません。おそらく kyontan とかって人と話をしてたら入っていたのではと思います。
当時は高校でUbuntuの上辺を扱った程度でコンピュータにはさっぱり詳しくなかったのですが、今はそれよりちょっとは詳しくなれました。周りの人たちが色んなことをしていて、これを作ったとかこれを運用しているとかという話を聞いているとそれなりに知識がついてくるもので、とてもいい環境と言えます。家にマシンが複数台あってネットワークをどうするかみたいなものの考え方もわかってきます。あんまり自分でやっていないままでカーネルとかシェルとかその他未だにふわふわしたままですが。
して「MMAって一体何をしているの」みたいなことを聞かれることが多いんですが、1日目の記事 (MMAとは(MMA Advent Calendar 2016 1日目) - /var/log/) にあるように、これくらいしか答えられないという話で、なんとかする術として僕のやったことを書きます。賢明な読者はもうお分かりかと思うが本編は終わった。
長さは長いものの内容は薄いので斜めに読んで下さい。
電気通信大学という大学には休講という概念があって、講義がお休みになります。広義の休講では自主的なものも含まれるようですが今回は狭義でいきます。
便利なページがありまして、電気通信大学（学域・学部） 休講のお知らせ というのですが、これを見ることで講義があるか否かを知ることができます。
大変なのはこのページが不定期で更新されることで、朝見て休講がないままよ～し行くぞと大学に着いたら誰もいないみたいなことがあります。つまりいつの間にか休講になっていたりするということです。
なんとかして更新を知りたくなるわけで、cronを回すか何かしてみようとなるわけです。curlするとこうなります。
$ curl kyoumu.office.uec.ac.jp/kyuukou/kyuukou.html <HTML> <HEAD> <TITLE>d C?M・ wi 襴 wj@ u?ｨm点</TITLE> x "<meta name='viewport' Content = 'width=320,' height=480, initial-scale=1.0, minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes' />" <meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS'> </HEAD> <BODY BGCOLOR=#FFFFFF> <H2>d C?M・ wi 襴 wj@ u?ｨm点</H2> x <font color='red'> wｱⅲVXe?pX[h?X??｢ﾄ <BR> wｱⅲVXe?pX[hｪA<strong>ⅲ 靏Z^[ ・ ?ｭｾｳ｢B<BR>ｦⅲ nVXe?pX[h</strong>??靹湜?ｵｽB</font><BR>ｦ[Uｼﾍ?ｨ・ｷﾌ?ｲ (後略)
charset=Shift_JISとの指定があります、あいにくUTF-8環境なのでnkfでねじ伏せます。
$ curl kyoumu.office.uec.ac.jp/kyuukou/kyuukou.html | nkf -Sw <HTML> <HEAD> <TITLE>電気通信大学（学域・学部） 休講のお知らせ</TITLE> "<meta name='viewport' Content = 'width=320,' height=480, initial-scale=1.0, minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes' />" <meta http-equiv='Content-Type' content='text/html; charset=Shift_JIS'> </HEAD> <BODY BGCOLOR=#FFFFFF> <H2>電気通信大学（学域・学部） 休講のお知らせ</H2> <font color='red'>★ 学務情報システムのパスワード変更について ★<BR>学務情報システムのパスワードが、<strong>情 (後略)
すごいですね。上の文字化け状態でもわかりますが、HTMLタグが大/小文字混じっているとか、fontタグとか、沢山使われていて良いです。何より良いのは4行目で、クオートがついていて丁寧です。
view-source:http://kyoumu.office.uec.ac.jp/kyuukou/kyuukou.htmlとかすれば同じものが見られます。
まぁ実はこの辺りは変わらないので特に気にしないでokです。
必要なのは下の方にある表です。
<TABLE BORDER=2> <TR BGCOLOR=#DDDDDD> <TD ALIGN=CENTER><B>クラス</B></TD> <TD ALIGN=CENTER><B>月日</B></TD> <TD ALIGN=CENTER><B>時限</B></TD> <TD ALIGN=CENTER><B>科目</B></TD> <TD ALIGN=CENTER><B>担当教員</B></TD> <TD><B>備考</B></TD> </TR> <TR> <TD ALIGN=CENTER> (後略)
と続きます。これを
ことがしたいですね。
パースは何も考えずにシェルスクリプトでやりました。awkとか使ってコクを出します。
$ curl kyoumu.office.uec.ac.jp/kyuukou/kyuukou.html | nkf -Sw | egrep -i '<(tr|td)' | tr -d '\r' | sed 's/<\/\?b>//ig' | sed 's/<\([^\s>]\+\)\s\+[^\s>]*>/\1 /i' | sed 's/<\(tr\|td\)>/\1 /ig' | sed 's/\(tr\|td\) /\1,/ig' | sed 's/<\/\(tr\|td\)>//ig' | awk 'BEGIN{FS=",";f=0} /TD/{s=s "|" $2} NR>1 && /TR/{print s "|";s="";if(f==0){print "|:---|:---|:---|:---|:---|:---|";f++;}} END{print s "|";}'
パイプ9本で済みます。2016/12/04/00:00現在ではこんな感じ↓になります。
|クラス|月日|時限|科目|担当教員|備考| |:---|:---|:---|:---|:---|:---| |3Ｓ・電子工学コース・光エレクトロニクスコース・応用物理工学コース|12月2日(金)|1|熱・統計物理学基礎|尾関| | |1年昼・クラス4・9・10|12月2日(金)|2|Academic Written English Ⅱ|上原| | |2昼|12月2日(金)|4|英語演習|上原| | |1Ｋ|12月3日(土)|2|Academic Spoken English Ⅱ|○ロイ| | |1Ｋ|12月3日(土)|3|Academic Written English Ⅱ|○ロイ| | |2I・I2クラス|12月5日(月)|2|情報・通信演習2|西（一）| | |2I・I2クラス|12月5日(月)|3|基礎電気回路|西（一）| | |3S生体機能システムコース|12月5日(月)|3|分子分光学|山北| | |1年昼・クラス9|12月6日(火)|2|微分積分学第二 |山口（耕）| | |1年昼・クラス7・8・12|12月6日(火)|3|Academic Spoken English Ⅱ|上原| | |1年昼・クラス9|12月6日(火)|3|物理学概論第二|來住| | |1年昼・クラス12|12月6日(火)|4|微分積分学第二 |山口（耕）| | |1年昼・クラス3・4・6|12月6日(火)|4|Academic Spoken English Ⅱ|上原| | |上級科目|12月6日(火)|5|Preparation for Graduate School|上原| | |人文社会|12月7日(水)|1|地理学Ｂ|○戸田| | |2M|12月8日(木)|2|プログラミング演習|結城| | |2Ｉ・Ｉ1クラス|12月8日(木)|4|基礎電子工学|○望月| | |2Ｉ・Ｉ2クラス|12月13日(火)|2|プログラミング通論(I2クラス)|○丸山| | |ＩＩ類第4クラス|12月14日(水)|1|確率統計|川端| | |2I・I2クラス|12月15日(木)|4|情報通信と符号化|川端| | |3Ｋ・ＥＭＣコース|12月17日(土)|4・5|専門実験Ｂ テーマ5（応力解析）担当：梶川のみ休講|梶川|対象はグループＡ。なお、17日の補講については10日の実験の際に相談して決めます。| |人文社会|12月21日(水)|5|歴史学Ｂ|○倉橋| | |人文社会|1月4日(水)|1|文化人類学Ｂ|○執行| | |1年・Ⅱ類|1月4日(水)|1|力学|柳澤| | |2Ｉ・Ｉ2クラス|1月4日(水)|3|生涯スポーツ演習B（卓球）|○額谷| | |2Ｉ・Ｉ1クラス|1月4日(水)|4|生涯スポーツ演習B（卓球）|○額谷| | |クラス4・9・10|1月13日(金)|2|Academic Writing in English Ⅱ|○近藤（良）| | |1年昼・クラス6|2月3日(金)|1|線形代数学第二|○中井| | |1年昼・クラス5|2月3日(金)|2|線形代数学第二|○中井| |
これで扱いやすいmarkdownの表ができました。列の数は固定なので便利ですね。
これをcronして、md5sumか何かで更新されたか否かを見て、SlackだとかLINE Notifyなんかに投げてあげれば、スマートフォンで更新通知を受け取ることができます。
残った欲望としては自分に関連するところだけを通知したいんですが、講義によって様々な分け方が存在するため、出てくるパターンの全貌が不明です。収集して図鑑みたいにするとできそうですね。
明日の記事は未定のようです。 id:masn19 さんです。よろしいようで。[追記(0:50)]
拡張機能「twitter画像原寸ボタン」ver.2.1.2です。
先日のver.2.1.1で修正した部分でバグが出たので更に修正をしました。
使い方などは2.1.1の記事(下リンク)を参照してください。ここには更新内容について書きます。
「リンクを共有ページでEnterが効かない」問題を報告頂いたので、それを含めて画像が無い場合はEnterの本来の動作を止めないよう修正しました。
DM、リンク共有ページなどで改行などができなかった問題が改善されます。
設定で「Enterキーで画像を開く」をOFFにして対策をしていた場合は戻してOK(なはず)です。
まだ修正できてないとか、新しく変になったとかありましたらお伝え下さい。
拡張機能「twitter画像原寸ボタン」ver.2.1.1を公開しました。
更新内容は、真ん中あたりに書きました。何が変わったの？が知りたい方はどうぞ。
求める権限に「閲覧履歴の読み取り」がありますが、閲覧履歴を読み取ることはしていません。
※タブ間の設定共有のために、タブ操作の権限を使っていて、それが「閲覧履歴の読み取り」と表示されています。公式ドキュメント: chrome.tabs - Google Chrome
Chromeウェブストア:
Grease/TamperMonkey(リンクをクリックでインストールが始まります):
tooi-forGreaseTamperMonkey.user.js
上記2つはGitHub上で公開しています。
GitHub - hogashi/twitterOpenOriginalImage: is a GoogleChrome extension which opens original image to new tab.
Twitter公式Web/TweetDeckで、画像ツイートに原寸表示用ボタンを設置する拡張機能です。
1. Twitter公式Webの
と、TweetDeckの
で、「Original」と書かれたボタンを設置します。
Originalボタンをクリックすると、原寸画像が別タブで開きます。
※原寸画像とは……画像URLに「:orig」を足すだけです。
複数画像は、1枚目がアクティブなタブとなって枚数分タブが開きます。
2. Twitter公式Webのツイート詳細では、Enterキーでも原寸を別タブで開けます。
3. 画像を開いたページ(URLが「https://pbs.twimg.com/～」)では、[Ctrl]+[s](または[Cmd]+[s])で拡張子を校正して保存します。
※保存先は、Chromeの設定「ダウンロード保存先」で指定された場所です。
Chrome右上の拡張機能のボタン(もしくはChromeの拡張機能一覧から拡張機能のオプション)で、設定画面が開きます。
各種動作をする/しないを選び、「設定を保存」をクリックすると設定が保存されます。
※ページを再読み込みしないと反映されないと思います。
ちらほらと「TweetDeckでボタンが表示されない」というのを見かけるのですが、この更新で修正されたら良いなと思っています。されなかったらご連絡下さい。
別タブなんて煩わしい！とか、一気に保存したい！という方はこちらをどうぞ。
furyu.hatenablog.com
右クリックで保存だけしたい！方はこちらをどうぞ(Chromeウェブストア)。
chrome.google.com
これからTweetDeckのツイート詳細や画像ギャラリーにゆったりと対応していきたいと思っています。
GitHubのREADMEも古いので書き直したいです。
Chrome53がリリースされましたが、伴ってGoogleChrome拡張機能「twitter画像原寸ボタン」ver.2.1 の一機能が止まった報告です。
この修正を含んだ更新は、近々行います。
Chrome53において、twitter画像原寸ボタンver.2.1の「[Ctrl-s]時に画像の拡張子を校正する」機能が止まりました。
原因は(ご指摘を受け)判明したので、次の更新(近々します)で修正予定です。
これによって、[Ctrl-s]を押しても保存がされなくなっています。ブラウザ本来の保存動作も動きません。
Chrome52では動作します。
マウスで画像を右クリックして「名前を付けて画像を保存」を使えます。
[Ctrl-s]については、「[Ctrl]+[s]で拡張子を校正」設定をオフにすると、ブラウザ本来の保存動作がされます。
ただ、拡張機能が更新されたら戻してください。(やっぱりブラウザ本来の動作が良い！となったら戻さずOKです。)
更新のお知らせはブログで記事を書くくらいになります。
