スマホだけで、はてなブログを更新している話
スマホ(XPERIA AX)で、はてなブログを更新してます。カスタマイズも含めて。
こんなことをしているのは私だけだろうな、と思っていたら、もう一人いらっしゃいました。
『散るろぐ』のチルドさん。
チルドさんも書いてらっしゃいますが、AndroidのChromeでは何故かペーストができません。なので、通常は「Habit Browser」を使っています。
このブラウザーだと、1行だけコピーできるんです。なので、HTMLをコピーしたいときは改行を消し無理やり1行にして、ペースト後に再度整形しなおしてます。
CSSをペーストする場合には、こちらのサイトを使っています。
オプションでこのように指定すると、
- Compression mode:Super Compact
- Comments handling:Strip ALL comments
使用前
.entry-content h3{ padding: 10px 15px; border-left: 10px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; }
使用後
.entry-content h3{ padding:10px 15px; border-left:10px solid #a4a4a4; border-bottom:1px solid #a4a4a4}
こんな風に、余分な改行やスペースを取り除いて1行にしてくれるので、Habitで貼り付けることができます。
その結果、私のカスタマイズエリアはえらいことになってます。(スマホ版記事上の画面)
でも、ペーストできればいいんです。ソースの見やすさとか二の次三の次です。もうちょっとで終わるという時に失敗したら、かなり凹みます……。
ただ、Habitにも問題があって、バックスペースを押しても1文字しか消せないんです。まとめて消したい時はChromeです。
ペーストはできないけど削除はできるChrome、1文字しか削除できないけど1行だけペーストできるHabit。
オレ、アドセンスの報酬が入ったらPC買うんだ……。
- 出版社/メーカー: Asustek
- 発売日: 2014/12/12
- メディア: Personal Computers
- この商品を含むブログ (1件) を見る
「行きたいところリスト」作ってみた。
そろそろ、また旅行に行きたいなぁ、と思っていたところ、読者登録しているnikoさんのブログで、こんな記事がありました。
呼びかけに勝手に応えて、私の「行きたいところ・行ったところリスト」を作ってみました。
行ったことのある都道府県を塗ってます。
行った・行きたいところリスト
過去に行ったところを太字にしています。
はてなブログ、フィード送信件数が30件に拡大
いつものようにTwitterを眺めていたら、こんなツイートが流れてきました。
ご迷惑をおかけし申し訳ございません。
はてなブログのフィード件数の変更に関連して、dlvr.it経由で過去のエントリーが再投稿された可能性があります - はてなブログ開発ブログ http://t.co/Uo940Jn13i
— はてなブログ (@hatenablog) 2015, 8月 5
「はてなブログ開発ブログ」を確認してみると、
原因は、上記時刻にはてなブログのフィード件数を7件から30件に仕様変更したことによるものです。
はてなブログのフィード件数の変更に関連して、dlvr.it経由で過去のエントリーが再投稿された可能性があります - はてなブログ開発ブログ
ほほう、仕様変更。
なので、Googleのウェブマスターツール(Search Console)で確認してみました。
変更前
「/feed」と「/rss」の送信件数は「8」です。
変更後
「/feed」と「/rss」の送信件数が「31」に増えています。
だからどうした、と言われても困るんですけどね。
記事の全文送信はそのままのようです。
今週のお題「夏の食事」:食欲ないから、これでいいや。
これです。冷たい物が必須な季節です。
凍らせて、ガリガリかじってます。ジュースとして飲んだ記憶はないなぁ。
正式な商品名は何と言うんでしょうか。子どもの頃は「チューチュー」と言ってたけど、合ってるのかな。
封筒でいえば角2サイズくらいのビニール袋に詰め放題で、お値段200円。画像では30本ほどなんですが、買った時には50本くらいありました。店員さんに「2段目はいいですか?」と聞かれたけど、丁重にお断りしました。
午前中に1本、午後に1本。順調に消化していってます。
確実に夏バテしそうな予感はありますが、これで乗り切りたいと思います。
続きを読むはてなブログProにしたので、いろいろカスタマイズ
はてなブログProにして2週間。テーマを変更したり、アドセンスの位置はどこがいいのか、ちょこちょこ動かしてみたり。未だにデザインが落ち着いておりません。
そんな中、私がはてなブログをカスタマイズする上で、主に参考にさせていただいているブログです。
先ずは、池田仮名さんのブログです。はてな初心者には助かります。ありがとうございます。
JavaScriptなんて全く分からない私。参考にさせていただいているどころか、そのまんまコピペしてます。
- 「B!」はてブボタンを設置
- 「合わせて読みたいG」を設置
- パンくずリストを設定
- スマホ版の追尾ヘッダーを消す
特に、パンくずリストはフッタにJavaScriptを入れなくてはならず、無料版では設定できませんでした。今回Proにしたことで、ようやく設置できました。
パンくずリストを設置する前
年月で表示されているのは、カスタムURLを設定するときに、entry/以下を「YYYY/MM/カスタムURL
」としているためです。こうしておけば、いつ頃書いた記事か、後々分かりやすくなるかなと思ってます。
設置後
きちんとカテゴリーで認識されています。
あと、池田仮名さんのブログ、空腹時、夜中は注意が必要な場合があります。うまそう……。
もう一人、ゆきひーさんのブログです。
ゆきひーさんのブログでは、SNSボタンを設置する際に参考にさせていただいたんですが、今回は背景を線で囲むCSSを参考にさせていただきました。ありがとうございます。
オリジナルからちょっと変更し、背景色を付けて、こんな感じで使っています。
.bg-solid { border: 2px solid #DCDCDC; background: #F3F3F3; padding: 20px; margin: 5px; border-radius: 5px; }
CSSにこう追加すると、上の画像のような薄いグレーの囲いができます。
今日、カスタマイズの記事が増えてました。モジュールタイトルに下線をつけるのも参考にしました。
こんな風にして、私のブログのデザインは成り立っております。はてなの先人の方々、ありがとうございます。
読書メモ:『銀河不動産の超越』森博嗣
久しぶりに本を読みました。森博嗣『銀河不動産の超越』です。
「脱力系」と言われるこの作品、流されるままに生きてきた主人公の高橋が、いろいろの人に出会いながら、これまた流されるままに過ごしていく物語です。
主人公の日常を綴った作品なので、サクサク読み進めることができます。サブキャラでは、いろいろな個性なり事情なりを持った人が出てくるので、それなりにドタバタはありますが。
ただ、「さぁ、盛り上がってきた」というところで、いきなりのエンディング、という印象。
さらっと何か読みたい、という時にいいと思います。
銀河不動産の超越 Transcendence of Ginga Estate Agency (講談社文庫)
- 作者: 森博嗣
- 出版社/メーカー: 講談社
- 発売日: 2011/11/15
- メディア: 文庫
- クリック: 9回
- この商品を含むブログ (25件) を見る
右手親指だけ、腱鞘炎のような状態になりました
右手の親指だけ、腱鞘炎のような状態になりました。原因は分かってるんです。スマホの使いすぎです。
今日までの30記事、全てスマホだけで書いてきました。
また、先日、はてなブログProにしてから、アドセンスの貼り直しやスマホ版デザインの変更など、いろいろとスマホをいじってました。
先人の方々の知恵をお借りし、HTMLやCSS、JavaScriptなどをせっせとコピペしておりました。
その合間をぬって、読書登録しているブログを巡回し、スターを付けたりしていた結果、右手親指だけ痛い……。
で、その痛みと引き換えに作業した結果が、今のこのブログです。
結論
スマホだけでも、はてなブログはカスタマイズできますよ!
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
- 作者: エビスコム
- 出版社/メーカー: ソシム
- 発売日: 2014/10/28
- メディア: 単行本
- この商品を含むブログ (3件) を見る
はてなブログProにしたので独自ドメイン設定 + その時にしたこと
5日ほど前、はてなブログProにしました。その時は、独自ドメインはもうちょっと後でいいかな、と思っていたんですが、我慢できず独自ドメインを設定してしまいました。
その時にしたことをまとめました。
ドメインは「お名前.com」で取得しました。
URL変更後にしたこと
ウェブマスターツールでの作業
新URLの登録
新しいURLのプロパティを作成します。サイトマップの登録・送信と、「Fetch as Google」で「/」のみ登録してクロールしてもらいます。
「Fetch as Google」については、こちらの記事を参考にしてください。
旧URLとの関連付け
次に旧URLのプロパティで、画面右上の歯車をクリックして、「アドレスの変更」から、新旧URLの関連付けをします。
これをしておくと、Googleにドメイン変更を通知でき、重複コンテンツとみなされることが避けられるようです。
Google AnalyticsでURLの書きかえ
旧URLを新URLに書きかえ、ウェブマスターツールとの連係をし直します。
Google AdSenseでURLの登録
新しいURLを登録します。忘れると「登録外のサイトで広告が表示されている」と警告が出ます。最悪の場合、アカウントの停止です。
AmazonにURL追加のお願い
AdSenseと異なり、Amazonはユーザーが勝手に登録サイトを変更することができません。私は以前、勝手に書きかえてえらいことなりかけました。
他のアフィリエイトを使っている場合も、URLの書きかえが必要だと思います。
Twitterなどのプロフィール編集
プロフィール画面でブログのURLを表示していますので、新しいURLに書きかえました。
Google Analyticsは、単に書きかえただけでいいのか、実はよく分かってない……。
未だクリアできていない『ドラゴンクエスト II ~悪霊の神々~』
ドラクエシリーズ、I~VIIまではずっと買っていました。
ただ、唯一「ドラクエII」だけエンディングを見たことがないんです。めっちゃ難しくないですか? 以下、私が挫折した理由(FC版)です。
ロンダルキアの洞窟
ここの落とし穴と無限ループ。落とし穴のフロアは「右手の法則」で抜けられるようですが、当時そんなことは知りませんでした。
今みたいに、ネタバレ親切な攻略サイトなんてなかった時代です。攻略本あっても肝心なことなんて書いていない。本当に苦労しました。
登りきったほこらで「ふっかつのじゅもん」を聞き忘れるか、他の場所で聞いてしまって、もう一回登り直すのはよくある話。
サマルトリアの王子
なぜか「ザラキ」にかかりやすい。ブリザードに出会うと祈るしかありません。
あと、ギガンテスの「つうこんのいちげき」。痛すぎやろ……。てか、全体的に弱すぎる……。
クリアはしてないけど、いろいろ楽しめました。ドンモハメに「みずのはごろも」を2着作ってもらったり、「じごくのつかい」が落とす「いかずちのつえ」で金策したり。「ゆうていみやおう……」という「ふっかつのじゅもん」もありました。
スマホ版でも買って、もう一度やってみるかな……。
ドラゴンクエスト25周年記念 ファミコン&スーパーファミコン ドラゴンクエストI・II・III(復刻版攻略本「ファミコン神拳」(書籍全130ページ)他同梱)(初回生産特典なし)
- 出版社/メーカー: スクウェア・エニックス
- 発売日: 2011/09/15
- メディア: Video Game
- 購入: 1人 クリック: 10回
- この商品を含むブログ (1件) を見る
Wii U プレミアムセット shiro (WUP-S-WAFC)
- 出版社/メーカー: 任天堂
- 発売日: 2013/07/13
- メディア: Video Game
- この商品を含むブログ (9件) を見る
今週のお題「ゲーム大好き」
天気予報を見ていて思うこと。
この間の台風の時もなんですが、天気予報を見ていて思ったことです。
「24時間降水量」とか「72時間降水量」で見る、降水量を立体的に、高さで表示する画面。↓のような画面です。
「NHKニュース:気象災害情報 24時間降水量」より
このような画面、確かに、「どれだけ降ったか」については、ぱっと見て分かり易いと思いますが、「どこで降ったか」については、とても分かり難い。太平洋沿岸ならだいたい分かりますが、内陸部や日本海側だと「それ、どこ?」な状態です。
上の画面でいうと、あの一番長いやつ、根元はどこなんでしょうか。
もう一手間加えてほしい
こんな感じに変更してみてはどうでしょう。
1. 棒がニョキニョキ伸びていき、立体的に降水量を示す。
2. 視点を日本の真上に移動させる。
3. 「1時間降水量」のような画面で、位置を示す。
こうすれば、降水量も位置も分かり易くなると思いませんか?
はてなブログに独自ドメインを設定する方法【お名前.com】
昨日、ムームードメインで取得したドメインを、はてなブログに設定する方法をまとめた記事を書きました。
はてなブログに独自ドメインを設定する方法【ムームードメイン】 - カラモモ日記。
今日は、お名前.comで取得したドメインをはてなブログに設定する方法をまとめました。正直、記事の使い回しです……。
続きを読むはてなブログに独自ドメインを設定する方法【ムームードメイン】
はてなブログProにすると、独自ドメインが設定できるようになります。
先日、ムームードメインで「karamomo.xyz」というドメインを取得したので、これを「hatenablog.karamomo.xyz」として、はてなブログに設定する方法をまとめました。
続きを読むはてなブログProにしてみます。
はてなでブログを開設して約2ヶ月。1ヶ月過ぎたころから、課金してProにしようかどうか迷っていました。
たまたま読者登録させて頂いている方の「はてなブログProいいよ」という記事やツイートを見かけることが多くなってきたので、とりあえず1ヶ月、お試しではてなブログProにしてみようと思います。
決済は、りそな銀行のVisaデビットカードで。はてはポイントの決済でも使えました。200円で1マイル還元されるので、今回は5マイル貰えます。
Proにして、レスポンシブテーマを一旦外し、スマホサイトもはてなブログのデフォルトのものに戻しました。
レスポンシブテーマを使っていた理由が、自分のアドセンスがスマホサイトに貼れないから、だったので。
カスタマイズしてた部分を消して、まっさらの状態から再度構築中です。まだアドセンスを貼り直し、見出しのCSSを追加し、スマホサイトの下の方のリンクを消しただけの状態です。
キーワードリンクも消せてない状態なので、これから少しずつ、またカスタマイズせねば。
独自ドメインにはしてません。「karamomo.xyz」持ってるんですけどね。 長期的には独自ドメインにしたほうがいいんでしょうが、今回は「とりあえず1ヶ月」のお試しなので。年間契約する時でいいや。
さて、いろいろな方のブログを参考に、カスタマイズしていこう。
東急ハンズの楽しみ方
東急ハンズ、よく利用します。以前は心斎橋店に行ってましたが、梅田にできてからは、より行く頻度が増えました。東京に住んでた時は、新宿のハンズによく行ってました。
そんな訳で、東急ハンズのTwitterアカウントもフォローしています。「手羽」といじられたら、実際に「手羽ヤメレwww」のステッカー販売したり、LOFTに買い物に行ったことを告白したり。まとめにも度々取り上げられています。
そんなこんなで、今日「#ハンズの楽しみ方」というハッシュタグがあったので、いくつか紹介します。
続きを読む