こんにちは、つばさ（@tsubasa123）です。 タイトル通りなんですが、みるおか（@miru_oka87）さんが運営されている「レコメンタンク」のWordPress移転のお手伝いをさせていただきました。記事書いてもOKと言っていただけましたので、後学のためにこちらも備忘録というか作業の流れをまとめておきます。 作業内容はこちらを 大きくわけて5ステップ レンタルサーバでWordPressの設定を行う WordPress内のコンテンツを整備 HTTPの状態でDNSを切り替え・動作確認 HTTPS化に向けての準備 完全にHTTPS 偉そうに書きましたが 移転をお考えの皆さまへ さいごに 作業内容はこちらを はてなブログからワードプレスへ移転、SSL化した全手順＆PV推移データ等まとめ - レコメンタンク どうぞです。 はてなブログからWordPressへ移転する際に必要な作業の内容、DNS

こんにちは、つばさ（@tsubasa123）です。 最近、WordPressとSSL化のことで頭がいっぱいです、ちょっとキャパオーバー気味。なのでここ最近、目にした記事、参考にした記事、今後も使いそうな記事をメモ&シェアしておきます。まとめ記事のまとめ、一歩間違えれば嫌われそうな内容かもですがご容赦を。 皆さんご存知だと思いますが 混在コンテンツの探し方 混在コンテンツのなおしかた わたしのカスタマイズもアウト WordPressへのお引っ越しをご検討の方 なんとか自動化できませんかね さいごに 皆さんご存知だと思いますが staff.hatenablog.com 公式から常時SSLへの対応が発表されました。独自ドメインで運営されている方は年内に間に合うのかな？って感じのスケジュールみたいですね。技術的なところはアレなので省略しますが、何はともあれはてな運営さんがんばってください！ で、こ

こんにちは、つばさ（@tsubasa123）です。 最近WordPress関連を調べる機会が多かったのでちょっとした小ネタをお届けします。小ネタですのであくまで参考程度にご覧ください。WordPressとか興味ないし、って方はまたの機会にお会いしましょう。 はてなブログからWordPressへ移行した人は結構たくさんいるみたい どうやらURLが問題児らしい SQLで多分いけるんじゃないかな さいごに はてなブログからWordPressへ移行した人は結構たくさんいるみたい 調べてみるとお引っ越し記事が結構みつかって驚きました。あっ、この人もはてなブロガーだったんだ、みたいな。理由は色々あるようですが、皆さんお引っ越しには苦労されているみたいですね。 WordPress移行作業代行サービス、みたいなことをされている方もお見掛けしたのでそれなりに移行したいってニーズはあるみたい。（さすがにすると

こんにちは、つばさ（@tsubasa123）です。 今日もカスタマイズの小ネタをお届け。難しいことはわかりませんが、割とニーズがあるようなので記事にしておきます。今日のテーマは「noindex」です。 なぜnoindexにするの？ まとめてnoindex というわけで、書きました。 さいごに なぜnoindexにするの？ ブログビギナーの私にはわかりませんが、記事の質が悪かったり不要な記事は検索エンジンに見てもらいたくない、みたいな理由のようです。質が悪い記事があるとブログ全体の評価に関係してくるみたいですね。 とはいえ、特定のユーザーには見てもらいたかったり、思い入れがあって消したくない記事もあったりして。多分ですが、収益化とブログ運営の狭間で葛藤があったりするのではないでしょうか。うん、ブログって奥が深い。 www.interest-blog.com こちらの記事に詳しく説明があります

こんにちは、つばさ（@tsubasa123）です。 自分のブログより人のブログのソースコードを覗く方が楽しいというちょっとアレな性格の持ち主である私ですが、先日、とある人気ブログのカスタマイズのお手伝いをさせていただきました。 そちらの記事でもご紹介いただきましたが、私も作り手としてちょっと書き残して置きたいことがありまして。技術的にこだわったところや今後の展望なんかを簡単にご紹介です。よければお付き合いください。 面白いことへの探求メディア レビューの一覧を 私的なこだわり レスポンシブ対応 タブ切り替えと配色 コンテンツの半自動生成 今後の展望 さいごに 面白いことへの探求メディア www.in-activism.com ご存知の方も多いと思います。つっちーさんが運営されている「非アクティビズム。」（。ついてるの知らなかったです、某アイドルグループかな？） ガジェットのレビューをメイン

こんにちは、つばさ（@tsubasa123）です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い（気がする）。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い（気がする）。というわけで、本日のテーマはタイトル通り高速化になります。地味な内容ではございますが、よろしくお付き合いください。 早いは正義？ 大袈裟に言いましたが… 画像の圧縮 不要な外部リソースの排除 不要なカスタマイズの排除 カスタマイズコードの位置を調整 ライブラリの遅延読み込み jQueryコードの排除 DNSプリフェッチの導入 一連の施策を終えて 具体的なコードも1つご紹介 今後の展望と課題を CSSのインライン化 はてなスターどうしよう 広告も遅い部類 さいごに 早いは正義？ だと個人的には考えています。SEOとか専門的なことは知りません

こんにちは、つばさ（@tsubasa123）です。 はてな運営から届いたメールで気が付きましたが、このブログの運営を始めて丁度半年が経過しました。あっという間でしたね。特に報告できるようなこともございませんが、せっかくなので何か書いておこうかと思います。運営報告半分、雑記半分な感じです、よければお付き合いくださいな。 わたしとブログ ぶろぐのすぺっく ぶろぐとおかね わたしのへんか わたしとぶろぐ おまけ さいごに わたしとブログ では、改めましてわたしと当ブログ、つばさのーとの半年を振り返ってみます。 リアルな生活が結構退屈だったので雑記でも書いて気分転換しようかなと思って始めた当ブログですが、気が付いたらJSやらCSSやらのカスタマイズネタが多めのブログになっておりました。仕方ないね、WEB大好きなんで。まぁ、それなりに「ありがとう」とか「助かりました」とかお礼の言葉をいただく機会もあ

こんにちは、つばさ（@tsubasa123）です。 タイトルのとおりですが、ブログのデザインをリニューアルしました。はてなが提供しているテーマがベースにはなっていますが、ほぼオリジナルテーマと言っていいくらいごちゃごちゃと手を入れました。今回はPCのデザインのみの変更ですが、スマホはスマホでそのうちがんばります。 現時点でのスナップショットではないですが、自分用のメモと今後の課題をまとめてここに書いておこうと思います。 脱Brooklynしたかった 自作を決意 トップページはインパクト勝負 各エントリのページはシンプルに その他もろもろ 今後の課題 さいごに 脱Brooklynしたかった まずはリニューアルを決行した動機を少しだけ。 Brooklynは本当にいいテーマなんですが、それゆえに使ってる人多すぎ。いや、いいテーマだからしょうがないんですが。あれこれ手を加えてみてはいたんですが、元

こんにちは、つばさ（@tsubasa123）です。 今日も元気にネタ系カスタマイズ、使いどころがあるかどうか微妙なラインのものをお届けします。もう少し真面目に作り込むことができれば実用性が上がるのかもしれませんが、ちょっとはてなブログでは難しそうだったので断念しました。ネタレベルでお付き合いください。 きっかけはブコメから なんのためのウォーターマーク？ 画像を動的に表示すればまぁなんとか メリットを上回るデメリット？ コードはこちら。 さいごに きっかけはブコメから 先日、こんな記事を書きました。 www.tsubasa-note.blog これはこれで自己満記事に終わってしまいましたが、商品を紹介したりするブログを運営している方にとって、画像の軽量化を一括で行えるサービスというのはそこそこニーズがありそうなことがわかりましたので良しとします。セキュリティリスクを考慮しない自己中なWEB

こんにちは、つばさ（@tsubasa123）です。 私が公開したカスタマイズ入れると表示が崩れる、といった報告をいただきましたのでコードを修正しました。お手数をお掛け致しますが、気になる方は本記事で掲載する修正コードで上書きしていただけますようお願い致します。 レスポンシブだと崩れちゃう 原因はスマホの判定方法 タグベースで判定するしかないのかな 修正しますた サイトマップ利用バージョン AMP利用バージョン さいごに レスポンシブだと崩れちゃう www.tsubasa-note.blog 対象となるカスタマイズがこれ。私的には結構自信作でそこそこ入念にチェックしたつもりだったんですが、レスポンシブデザインの時に崩れちゃってました(・ω<) ちょっとわかりにくいかもですがこんな感じ。本来は横並びが期待されるデザインなんですが、縦に並んで表示されてしまっているようです。デザインによってはタイ

こんにちは、つばさ（@tsubasa123）です。 今日は雑記、というかちょっとした自慢？記事になります。はてなブログネタ、プログラム要素高め、そしてコードは載せない、なので最後まで読んでもあまり得るものがない記事かもしれません。それでも良い方はよろしくお付き合いください。 タイトル通りなんですけど、記事の画像を圧縮して差し替える作業を外注したい、というツイートをお見かけしまして。これ、私が受注してシステム化して自動でできるようにしたら大儲けじゃね？ってのが事の発端です。 そもそも圧縮してます？ なぜ圧縮するのか でもめんどくさいよね はてな運営はAPIを用意してくれている （たぶん）できた！ さて、ほんとに効果はあるのかな 公開したいけどできないジレンマ 把握している問題や課題 技術的な補足も少しだけ さいごに そもそも圧縮してます？ 皆さん、ブログに画像を掲載する時にちゃんと圧縮したも

こんにちは、つばさ（@_tsubasa123_）です。 最近、ブログに限らずあちこちのサイトで「ラブライブ！サンシャイン！！」の広告が表示されるようになりました。これって閲覧者の行動やサイトのコンテンツに基づいて適切なものが表示されるんですよね？Googleが私に勧めてくるということは、私もラブライバーとして認められたという理解でいいのかな。 仕事で調べものしているときに表示されると遊んでいると勘違いされるのが玉に瑕ですが。 広告バナーってデザインが素敵 CSSでいけるかな？ ストライプ背景バージョン 水玉背景バージョン おまけ さいごに 関連記事 広告バナーってデザインが素敵 当然のことなのですが、プロのデザイナーさんがコンバージョンを上げるために試行錯誤して作成されたバナーですからキレイなデザインのものが多いです。中には酷いやつもいますけど。ご多分に漏れずラブライブのバナーも結構きれい

こんにちは、つばさ（@_tsubasa123_）です。 またまた「けものフレンズ」便乗記事です。昨日は見出しのカスタマイズを作りましたが、今日は囲みバージョンです。記事を投稿した後すぐに「囲みもあったほうがいんじゃね？」って思いついたんですよね。 昨日の記事にまとめるか迷ったんですが、URLに「midashi」って使っちゃったので別記事にしました。計画性無さすぎ、IQが溶けてきてますね。次からは1記事にまとめてお届けできるように気をつけます。 サンプルはこんな感じ コピペでどうぞ さいごに 関連記事 サンプルはこんな感じ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！すごーい！たーのしー！ す

こんにちは、つばさ（@_tsubasa123_）です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。 すごーい！たーのしー！ コピペでどうぞ さいごに すごーい！たーのしー！ こんな感じです。いかかでしょうか？我ながらよくこんなことで記事を書いたなと思います。 これ、けものフレンズに便乗しているのでなんかくだらないことをやっているように見えますが、何気にCSSだけでこのように複数の色を利用した線を表現できるというのは結構勉強になりましたし、応用したりアレンジしたりでかなり実用できそうな気がします。たーのしー！ コピペでどうぞ 使ってみたいという方がいらっしゃいましたら、下記のCSSをコピペしてください。 h2 { position: relative; padding: 0 0 .5em

【対象端末】 PC    スマホ    レスポンシブ 【枠線】 色      種類     太さ ブレイクポイント  px 【商品名】 色      文字サイズ 【詳細】 色      文字サイズ 【ボタンの種類】 【ボタンの装飾】 角を丸める     テキストに影をつける     ボタンに影をつける       [▼ボタンの色を変更する] 色を変更した後でボタンの種類を切り替えると変更がリセットされます。 【Amazon】 枠線     文字     背景 【楽天市場・楽天ブックス】 枠線     文字     背景 【Yahoo!】 枠線     文字     背景 【7net】 枠線     文字     背景 【ベルメゾン】 枠線     文字     背景 【セシール】 枠線     文字     背景 【価格.com】 枠線     文字     背景 【Kindle】 枠線 

こんにちは、つばさ（@tsubasa123）です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用している方、もしよければ遊んでいってください。 まず最初におことわりが カスタマイズCSSをカスタマイズしよう！ 使い方 なぜこのサービスを作ったのか 懸念している問題 今後の展望 さいごに まず最初におことわりが 本記事投稿時点で、IEでは意図したとおりに動かないことを確認しています。推奨環境はGoogle Chromeの最新版となっております。遊んでいただける方はChromeで閲覧していただけますようお願いします。Fire Foxも多分大丈夫だと思います。Operaは確認していません。 本サービスはPCブラウザから閲覧さ

こんにちは、つばさ（@tsubasa123）です。 nasust.hatenablog.com 先日のナスさんの記事に便乗した記事です。私もカスタマイズ好きとして少し思うところがあったのでまとめてみたいと思います。 なぜカスタマイズするのか Re：自己満足なカスタマイズ Re：読者のためのカスタマイズ 承認欲求を満たすためのカスタマイズ スキルアップのためのカスタマイズ コミュニケーションのためのカスタマイズ さいごに なぜカスタマイズするのか 過去記事でも何度か申し上げてきましたが、はてなブログってデフォルトのデザインでも十分キレイだし、先人の方々が機能豊富なテーマもたくさん提供してくれています。見出しとか好みに合わせるくらいはありかもですが、ブログで記事を書きたいだけなら今更独自のカスタマイズなんてする必要はないと思います。 それでもナスさんや私はカスタマイズに勤しんでいます。なぜか、