はてなフォトライフのSSLなURLメモ

はてなフォトライフいいですよね。 位置情報や画像の情報もつけたまま投稿できますし。その反面、個人的な位置情報を付けたままの投稿が気になる所ですが……。とまあそれは置いといて、10月29日だったか。Let's EncryptでSSL化した時に、変更していたメモになりますー。

変更前
http://img.f.hatena.ne.jp/images/fotolife/t/
変更後
https://cdn-ak2.f.st-hatena.com/images/fotolife/t/

以上だ! まあ、一度リダイレクトしておけば画像表示がSSLになってるんで楽なのですが。 自鯖に移し替えようとしてたので変えられてよかったですよー。

はてなと言えば、はてなブックマークカウンターもSSL化できないかなーと思ってたけど無理だったんですよね。無念(-ω-)

by id:tailtame

Posted at 2017-11-20 03:23 in tips » html

Gmailに独自ドメインのメールアドレスを追加したメモ

雑なメモだよ! 別のアドレスやエイリアスからメールを送信する - Gmail ヘルプにあるけど、あとで見て分からなくなるよね!

  1. いつでも捨てられるように独自ドメインのメールアドレスを作ったよ!(迷惑メールめ…)
  2. Gmailに転送するよ!
  3. メールアドレスは「aaa@hoge.example.com」みたいな感じだよ!
  4. 返信は独自ドメインのメールアドレスからがいいよね!

というわけで、

ドメイン「Value-Domain」の設定

  1. example.com のDNS設定
  2. 「a mail ***.***.***.***」
  3. 「mx mail.example.com. 10 hoge」(hogeが↑のサブドメイン部分)
  4. ※反映に5~30分くらいかかる

サーバー「コアサーバー(XREA)」の設定

  1. メールアドレス:「aaa@hoge.example.com」を入力
  2. 受信方法:「転送のみ」
  3. パスワード:************(Gmailで使うよ!)
  4. ※反映に1~3分くらいかかる

メールアドレスを変える場合は、1を「bbb@hoge.example.com」に変えて増やすだけ。サブドメインを変えたい場合はドメインの設定から。

Gmailの設定

  1. 設定(歯車)
  2. アカウントとインポート
  3. 名前:他のメールアドレスを追加
  4. 「名前」と「メールアドレス」を入力、「エイリアスとして扱います」はチェックを入れたまま。
  5. SMTPサーバー(mail.example.com)/ポート587、ユーザー名(aaa@hoge.example.com)、パスワード(サーバーで設定したもの)を入力してアカウントを追加。
  6. 認証が必要なので「Gmail からのご確認 - aaa@hoge.example.com を差出人としてメールを送信します」のURLクリックか確認コードを入力。
  7. デフォルトの返信モードを選択:「メールを受信したアドレスから返信する」

以上だ! 最後に設定のキャプチャも載せておきます。

設定のキャプチャ

by id:tailtame

Posted at 2017-08-01 14:06 in tips » web

新はてなブックマーク用ユーザスタイルシートで旧っぽい配置にした

2017年7月3日、とうとうこの日が来てしまった……。 怨念のブクマページ→はてなブックマーク - はてなブックマーク新ユーザーページを正式リリースいたします - はてなブックマーク開発ブログ

来てしまったものはしょうがないのでいつも通りにユーザスタイルシートで変更。右の広告まで消えたから真ん中にも置いてください><

@-moz-document url-prefix(http://b.hatena.ne.jp/自分のID/){
.entry-image-block, /* サムネ消し */
#right-container /* 右カラム消し */
{display:none !important;}
#center-container{width:700px !important;} /* 横幅変更 */
#left-container{float:right !important;} /* 左カラムを右に移動 */
.left-column-line{background:none!important;} /* 左カラムの縦線を削除 */
}

というか『 /id/ 』にアクセスしたら『 /id/hotentry 』にリダイレクトするの勘弁してくれませんかね…? 『 /id/bookmark 』でいいのにさー。お気に入りページをブクマしてるからから削ってアクセスが楽だったので面倒……。

あと、スマホ版も『 /id/touch 』から『 /id/bookmark 』、『 /id/favorite.touch 』から『 /id/favorite 』にリダイレクトで変更されるようになりましたねー。

by id:tailtame

Posted at 2017-07-04 08:13 in tips » css

Twitterのweb版UIでTLの画像添付などを非表示にするユーザスタイルシート(2017年4月版)

追記 2017/4)追加。TLに表示されるフォロワーが追加した「いいね」を消す。公式RTは全オフ派なので…。

追記 2016/10)追加。フォローしている相手のいいねがTLにまとめて表示されるやつです。使いやすいように1行コピペできるようにしてるので整理したい。

追記 2016/8)修正。

追記 2015/12)
今は「#timeline .AdaptiveMedia」で全部消せるのかな

興味ない画像やらタイムラインのログを見返すのに長くて困るとかそういう感じなので。 1年くらい使ってるけど記事にしてみたよー。その間に記述変わってるんですよね。

主にFirefoxのStylish用です。Chromeは不明。IEとかでも使えるかな?(その時は最初と最後の行を消してください) 各行末尾のコメントアウトに書いてあるとおり、個別へ飛んだ時(時間の所から)は表示されるようになってます( /userID/status/~ )。なので興味あるなら見れます。

@-moz-document url-prefix('https://twitter.com/'){
#timeline div[data-component-context="suggest_activity_tweet"],/*TLのいいね*/
#timeline .AdaptiveMedia, /* ←TL埋め込みの類はこれだけで消えるかな */
img[alt*="埋め込み画像への固定リンク"],.js-media-Container, .stream-container .OldMedia{display:none !important;} /* 画像非表示。 */
li[data-item-type="recap_entry"]{display:none !important;} /* おすすめのツイート(いいねされたツイ) */
.permalink-container img[alt*="埋め込み画像への固定リンク"]{display:inline !important;}/* 個別は表示 */
/* ↓は引用ツイート・Twitterカードです。追加削除は1行毎に。 */
.content-main .js-media-container{display:none !important;} /* TLの引用非表示 */
.top-timeline-tweetbox .QuoteTweet-innerContainer{display:none !important;} /* TLの引用非表示 */
.top-timeline-tweetbox .js-media-container{display:none !important;} /* TLのTwitterカード非表示 */
.GridTimeline .js-media-container{display:none !important;} /* ユーザホームのTwitterカード非表示 */
.GridTimeline .QuoteTweet-innerContainer{display:none !important;} /* ユーザホームの引用非表示 */
div.stream-container div[data-card2-name="amplify"],/* タイムラインの動画?削除 */
/* ↑は引用ツイート・Twitterカードです。追加削除は1行毎に。 */
/* ↓投稿用 */
.geo-picker-btn/* ジオタグ(位置情報添付) */,
span.TweetBoxExtras-item, /* 画像・アンケ・GIFの類を消す。使用したい場合は一時無効オススメ tab+enterしたいので(Ctrl+Enterで行けますけども) */
/* ↓誤爆防止用 */
.wtf-module/* オススメユーザ・Gmailなどフリーメールインポート */,
div.stream li[data-item-type="who_to_follow_entry"],.follow-button/* フォローボタン */,
li.has-recap /* こちらもおすすめ */
{display:none !important;}
}

最初と最後の行はお約束(指定サイトのみ適応)なので、それを抜きにすればIEでも動くかもしれません。

#timeline .AdaptiveMedia
{display:none !important;}

今はこの2行だけで消えるかもしれません。Firefoxの場合は↑の最初と最後で囲うの大事です。

適応前と適応後の画像も置いておきますね。

適応前
Twitterのweb版UIでTLの画像添付を表示した通常時
適応後
Twitterのweb版UIでTLの画像添付を非表示した適応時

何の画像か分かっちゃうかな。まあゲームだし。253pxも節約!

おまけ

.js-tweet-text{white-space: normal !important;}/* 改行無効 */

改行無効。長いのよねぇ。具体的にはこういう用です→[twitter]うざいプロモ…(※見た瞬間ブロックしました)

by id:tailtame

Posted at 2015-01-19 21:01 in tips » css

pixivで特定ユーザの作品サムネイルを非表示にする方法(2013年5月版)

いつの間にやら、pixivのサムネイルにユーザIDが入らなくなったので、新しい対策です。

追記 2013-10)いつのまにかサムネイルのユーザID復活してますね…なんなの>< と言うわけで、 IEのユーザスタイルシートでpixivの特定ユーザを非表示にする方法へどうぞ。

いや、ほら…パクリ素材とかあるじゃないですか(どれとは言わないが)。

と言うわけで、検索結果にユーザ名とリンクが追加されたのでそれを利用します。

/* 特定ユーザのサムネイルを非表示にする */
.image-item a.user[href*="member_illust.php?id=***"], /* この行を追加して行ってね! */
.image-item a.user[href*="member_illust.php?id=***"],
.image-item a.user[href*="member_illust.php?id=***"]
{
overflow:visible !important;position:absolute !important;left:10px;top:10px !important;
width:156px !important; height:156px !important;background-color:#FFF;
}

多分IEでも動くんじゃないかなー。タイトル下にあるアカウント名のリンクから調べて *** に数字入れてね。

そこまでして見なくても…って感じではあるので…まあ、実際見る時間は減ってるわ(´д`;)

Posted at 2013-05-12 18:33 in tips » css