先日、コンビニおにぎりを海苔を破らずに取り出す方法について検証しました。 yoshimamo.hatenablog.com 結果的に破れてしまったんですが、悔しいのでその後あらためて海苔を破らずに取り出す裏ワザを探してみました。 今日は、比較的手軽にできそうな二つの方法を実践してみたのでご報告していきたいと思います。 スポンサーリンク コンビニおにぎりの海苔VS私　リベンジマッチ ファイッ！ 方法1：くっついているフィルムを剥がす 今回もマックスバリュのおにぎり（冒頭の写真を参照）を使用します。 店舗がウォーキングにちょうどいい距離にあるんですよ～。 そういえばツナマヨのシールはブルーのイメージなんですが、ここはオレンジなんですね。 まず表側のてっぺんからいつも通り真ん中を破ります。 そして裏返し、原材料名やバーコードが書いてあるシールを剥がします。 △矢印のシールです。 真ん中を破く前に

あの特徴ある形状のコカ・コーラボトル誕生100周年を記念して、コカ・コーラとモレスキンがコラボレーションした特別なノートブックが登場しています。 つい先日、ドラえもんの45周年記念の限定版ノートブックを購入したばかりだというのに、なんということでしょう。 kun-maa.hateblo.jp 今度はコカ・コーラの瓶ですよ。しかも100周年記念の限定版モレスキン。 どうしてこんなに僕は「限定版」に弱いのでしょう。 ラージとポケットの2種類のサイズに、それぞれルールド（横罫）とプレーン（無地）があるので全部で4種類。...買ってしまいました。 この「限定版 コカ・コーラ ノートブック」のデザインは、コカ・コーラをモチーフにして現代に活躍する数多くのアーティストたちが描いた作品の中から、100作品が選ばれ、さらにそのうちの4点を採用したという厳選品です。 どれもコカ・コーラのイメージカラーである

Thank you for visiting my site !! Charlotte (シャーロット) ６話が放送されました。 海外のアニメ掲示板で当サイトを紹介して下さるかたがいらっしゃるようで、アクセス履歴がインターナショナルな感じになっています。今日だけで世界77カ国から訪問を受けています。ありがとう！ 海外のオタクな友たちよ！ 4chan や myanimelist の Charlotte スレッドで考察が盛り上がっているようです。それにしても日本のオタクミームが結構通じるのがすごいですね。2ch のまとめサイトやふたば☆ちゃんねるとノリが一緒です。一般人の皆様には申し訳ない感があるのですが、これが COOL JAPAN ってやつなのでしょう。 感謝で応えるべくキャラクター相関図を更新してみました。ついでに６話で気になったところを挙げて取り急ぎ簡単に考察したいと思います。 ６話終

この間、ついに私のブログ記事にも「はてなブックマーク」が付きました！ そうなるとやっぱり付けたくなる「おすすめ記事」。 はてなさんで用意してくれているブログパーツもあるのですが どうもサムネイルがなかったり、デザインが合わなそうだったりと弄り難そうなので作ってしまうことにしました 追記（2014年1月12日） こんなの作ってみました。 不正な指定があれば教えてくれるので、最初はこちらでコードの生成を行ってもらえると助かります。 なお、このページの記事はソースの説明という意味合いで残すものとします。 はてなブログの人気記事を画像付きで表示させるコードを作るやつ。 - #ChiroruNote 「はてなブログの人気記事を画像付きで表示させる」で必要なコードを簡単に作れます。続きの作業等は元記事を参考にしてください。 面倒な手順もいくつか合ったので、そういうのを全部やってくれるページを作りました

2015-06-21 はてなブログのスマホ表示のヘッダーを追尾にしてドロワーメニューをつける方法 Web はてなブログ 以前のはてなブログのスマホ表示のランキングのカスタマイズに引き続いて要望を頂いたので続編です。 完成図 はてなブログのスマホ表示のヘッダーカスタマイズ はてなブログPROにする はてなブログProでもっと快適 - はてなブログ 上記リンクからはてなブログPROの申し込みをして下さい。 以下のコードを自分用にカスタマイズする 以下のソースコードを適宜カスタマイズしてコピーして下さい。変更すべき箇所はコード下に記載。 <style> /*ヘッダーがふんわり表示されるようにするコード*/ #header,.sp-menu { -webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fil

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

はてなブログはトップページのカスタマイズが今のところできません。 カスタマイズできたら記事一覧と同じ様な表示にしたい。いつか実装して欲しい機能です。 とにかく今は一覧表示ができないので、「続きを読む」機能を使っています。記事を途中で折り込んで、続きを読みたいと思ったら記事を展開してもらう機能です。 これを使うことで、複数の記事が比較的見やすく並ぶことになり、トップページを見に来てくれた人にとって関心の記事があるかどうかを探しやすくなります。 ただ、この機能をデフォルトのまま使うと下のような表示に。 ちょっと分かりづらいですよね。この先に記事が隠れていることに気づかれないかもしれません。そこで、CSSだけでちょっぴりカスタマイズしてみました。 スポンサーリンク カスタマイズ後はこんな感じ 参考にしたのは下のサイト。単純にカーソルを合わせると色がうっすら変わるものを選びました。 CSSのみで実

ブログ書いているよりも、ブログカスタマイズをしている方が楽しいゆきひーです。 今までいろいろと小出しに記事にしていましたが、デザインCSSに書かれていることの中で、どのテーマでも共通で使える（かもしれない）ものをまとめて書きました。 他の記事で補完できる部分 【PC版】 フォント トップ画面でのフッターを消去 画像をセンタリングして線でくくる サイドバーのタイトルに青い下線を入れる タイトル付近の色を変える 見出しと記事タイトル リンク色の変更 「続きを読む」の文字を横に広くする 【PC１カラム版】 サイドバーのカスタムHTMLのモジュールを消去 下に回り込んだサイドバーを２分割に 【スマホ版】 全体的な文字を小さく 余白や文字の大きさの調整 ２分割サイドバーを解除 まとめ 他の記事で補完できる部分 全て書いていくと長くなってしまうので、他の記事で補完できるところはそちらを見ていただければ