つばさのーと

つばさの日常を綴るのーと

横並びに配置したインライン要素の隙間を埋める7つの方法

こんにちは、つばさ(@tsubasa123)です。 先日、スマホサイト向けのシェアボタンのカスタマイズを考えていたんですが、CSS?HTML?の基礎をちゃんと理解せずに結構時間を無駄にしてしまったので同じ過ちを繰り返さないように簡単にメモっときます。今回の…

Re:はてなブログでslick.jsは使えるのか?というかjQueryプラグインは使えるのか?

こんにちは、つばさ(@tsubasa123)です。 今日はのんびりカスタマイズに勤しもうかと思っていたのですが、ちょっと興味深い記事を見つけたので私も挑戦してみます。結論から言うと成功しましたので、誰かのお役に立てれば幸いです。

で、はてなブログの関連記事は結局どーやって表示させるのがいいのかね?

こんにちは、つばさ(@tsubasa123)です。 先日、はてなブログの公式機能として “記事下に「関連記事」を表示する” というものが追加されました。過去記事には反映されない(かつ、デフォルトで有効になる)仕様のようで、なんだかちょっとな、って印象を抱…

つっちーさんのブログ「非アクティビズム。」のレビュー商品一覧ページを作らせてもらいました!

こんにちは、つばさ(@tsubasa123)です。 自分のブログより人のブログのソースコードを覗く方が楽しいというちょっとアレな性格の持ち主である私ですが、先日、とある人気ブログのカスタマイズのお手伝いをさせていただきました。 そちらの記事でもご紹介…

正規表現で後方参照を使うとスクレイピングがまぁ捗るよって話

こんにちは、つばさ(@tsubasa123)です。 今日はちょっとシステム要素高め、そして短めでお送りします。タイトル通り、正規表現の後方参照について。興味のない方はまたの機会にお会いしましょう。正規表現ビギナーな私がマニュアルみて見つけた時のことを…

Re:関連記事と記事下の順番を変えたり、いろいろカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 IDコールをいただいたのでちょっとだけ。今日はほんとにちょっとだけ。

目指せ最速!はてなブログで表示を高速化するために行った7つの施策

こんにちは、つばさ(@tsubasa123)です。 ちょっと前に私のブログのデザインを変更したのですが、どうもトップページの表示が遅い(気がする)。右半分ははてなブログの仕様上ちらついちゃうのは仕方ないと許容していましたが、なんか全体的に遅い(気がす…

更新日自動表示カスタマイズのCSSの調整始めました。ご協力よろしくお願いします

こんにちは、つばさ(@tsubasa123)です。 本日は私の代名詞(にしたい)カスタマイズに関する追加の修正といいますか、おせっかいなCSSの調整ネタになります。私のカスタマイズを導入してくださっている方向けという限定的な内容になりますがよければお付…

ごめんなさい、カード型にするカスタマイズにバグがあったみたい。アプデしたのでご確認ください

こんにちは、つばさ(@tsubasa123)です。 えーっと、先日公開したカスタマイズコードに不備があったようでして、ご迷惑をお掛けしました。修正・改良版を作成しましたので、私のコードをご利用いただけた方はこちらに差し替えていただけますようよろしくお…

はてなブログのトップページ一覧表示機能を利用してカード型っぽいレイアウトにするカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 若干出遅れましたが、タイトル通り、私もカスタマイズコードをご用意しました。まだちょっと課題があるんですけど、水物といいますか、旬を逃したくないので見切り発車でご紹介します。

コピペでどうぞ。はてなブログにパンくずリストを表示するカスタマイズ(schema.org版)

こんにちは、つばさ(@tsubasa123)です。 何番煎じになるのかわかりませんが、タイトル通りパンくずリストを表示する処理を書き直したので簡単にご紹介。特に目新しいものはありませんがまぁ他に書くことがないのでせっかくなのでシェアしておきます。パン…

読み方がわからなくてなんとなく雰囲気で乗り気っているIT用語がたくさんあるあなたへ

こんにちは、つばさ(@tsubasa123)です。 今日はちょっとおもしろいかもしれないサービスのご紹介です。コピーライトを見た感じだと2012年から運営されているようで、なかなか老舗のサービスです。ブロガーさんでも便利に使える機会があるかもしれませんの…

コピペでどうぞ。はてなブログのカテゴリー別記事一覧におすすめ記事のリストを表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 本日、はてなブログの新機能としてカテゴリー別記事一覧に説明文を設定できる機能が実装されたみたいです。HTMLが入力できるらしいのでここは1つカスタマイズ記事でも書いてみようかと思い筆をとりました。記事の…

ブログ開設六ヶ月、ざっくりまったり運営報告してみたり

こんにちは、つばさ(@tsubasa123)です。 はてな運営から届いたメールで気が付きましたが、このブログの運営を始めて丁度半年が経過しました。あっという間でしたね。特に報告できるようなこともございませんが、せっかくなので何か書いておこうかと思いま…

【bxSlider】サムネイル表示だけで物足りない方、キャプションも表示してみてはいかがでしょうか

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてちょっとおせっかいなカスタマイズネタをお届けします。といっても私が何かしたわけではないんですけどね、ちょっとした設定変更のお話です。今日は短めですのでお時間がありましたらお付き合いくだ…

4回目で無事通過!Amazonアソシエイトの審査を突破できない人はプライム会員を検討してみよう

こんにちは、つばさ(@tsubasa123)です。 皆さまゴールデンウィークいかがお過ごしでしょうか。私は今日もパソコンと戯れていいます。さて、タイトル通りなのですが無事にAmazonアソシエイトの審査を通過できたのでそのご報告といいますか、やったことをま…

ZENO-TEALでシェアボタンがずれちゃっている方、よければお試しください

こんにちは、つばさ(@tsubasa123)です。 タイトル通りですが、今日はちょっとおせっかいなカスタマイズネタ、対象となる方は「ZENO-TEAL」というテーマを使われていて、さらに特定のシェアボタンカスタマイズをご利用中の方になります。お心当たりのある…

Amazonアソシエイト登録完了。さて、何を売ろうかな

こんにちは、つばさ(@tsubasa123)です。 たまには雑記的なものを。タイトル通りなんですが、Amazonアソシエイトに申し込んでみました。実は過去に何度か利用したことがあったのですが、今回はまじめにがんばります。

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ(メンバー編)

こんにちは、つばさ(@tsubasa123)です。 今日も今日とてネタ系CSS、はりきっていきましょう。 以前、下記のような記事を書きました。 www.tsubasa-note.blog 本日はこれの続き、各メンバーのデザインをCSSで再現しました。基本的にはコピペでいけるように…

ブログデザインリニューアル、感想とか今後の課題とか

こんにちは、つばさ(@tsubasa123)です。 タイトルのとおりですが、ブログのデザインをリニューアルしました。はてなが提供しているテーマがベースにはなっていますが、ほぼオリジナルテーマと言っていいくらいごちゃごちゃと手を入れました。今回はPCのデ…

はてなブログってAmazonのリンクも作れるんだって。知らんかった

こんにちは、つばさ(@tsubasa123)です。 タイトル通りなんですが、はてなブログって色んな機能があるんですね。そろそろはてなブログを始めて5か月くらいたつんですが、全然使いこなせてなかったな、って話です。ちょっとしたカスタマイズコードもありま…

はてなブログのトップページに表示されるアイキャッチ画像にリンクを設定したい

こんにちは、つばさ(@tsubasa123)です。 今日はささいなカスタマイズですが、結構気になっていた部分を修正しました。同じ条件に当てはまる方、もしよろしければ参考にしてみてください。

はてなブログで掲載する画像に自動でウォーターマークを表示する(仮)

こんにちは、つばさ(@tsubasa123)です。 今日も元気にネタ系カスタマイズ、使いどころがあるかどうか微妙なラインのものをお届けします。もう少し真面目に作り込むことができれば実用性が上がるのかもしれませんが、ちょっとはてなブログでは難しそうだっ…

更新日自動表示のカスタマイズをアップデートしました、レスポンシブデザインの方はご確認ください

こんにちは、つばさ(@tsubasa123)です。 私が公開したカスタマイズ入れると表示が崩れる、といった報告をいただきましたのでコードを修正しました。お手数をお掛け致しますが、気になる方は本記事で掲載する修正コードで上書きしていただけますようお願い…

Re:ブログ記事の画像を圧縮して差し替える作業を外注したい

こんにちは、つばさ(@tsubasa123)です。 今日は雑記、というかちょっとした自慢?記事になります。はてなブログネタ、プログラム要素高め、そしてコードは載せない、なので最後まで読んでもあまり得るものがない記事かもしれません。それでも良い方はよろ…

コピペでどうぞ?けものフレンズのサーバルちゃんを「■」文字で再現してみました

こんにちは、つばさ(@tsubasa123)です。 今日も元気にネタ系CSSです。出オチで行きますのでお付き合いのほどよろしくお願いします。

CSSで某ブログのプロフィール画像を真似てみたけど失敗したってはなし

こんにちは、つばさ(@tsubasa123)です。 最近、CSSだけで作れるグラデーションを利用した見出しデザインの作成に挑戦しております。色々と試行錯誤しているわけですが、今日は時間がかかった割りにあまりクオリティの高くない、どちらかというとコスパの…

「GIRLY DROP」ってフリーの写真素材サイトがオシャレで見ているだけで楽しいです

こんにちは、つばさ(@tsubasa123)です。 結構有名?なフリーの写真素材サイト、「GIRLY DROP」さんのご紹介です。割とWEBにどっぷりな私ですが、こちらのサービスは今まで使ったことなかったなーと。ちょっとオシャレすぎて私の手に負えないものもあった…

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 最近、ブログに限らずあちこちのサイトで「ラブライブ!サンシャイン!!」の広告が表示されるようになりました。これって閲覧者の行動やサイトのコンテンツに基づいて適切なものが表示されるんですよね?Google…

無料で使えるWordPressテーマ 「yStandard」がカスタマイズフレンドリーでいい感じ

こんにちは、つばさ(@tsubasa123)です。 最近流行っているっぽいので、ちょろっとWordPress界隈の情報収集をしていたら新しいテーマを見つけたのでご紹介です。まだ公開されたばかりのようで、あまりメジャーじゃないかもしれませんが、個人的にはかなり…

AbemaTVに新設されたサッカー専用チャンネルがにわかサッカーファンには超うれしい

こんにちは、つばさ(@tsubasa123)です。 今月の頭、2017年3月1日よりAbemaTV(アベマティーヴィー)でサッカー専門のチャンネルがスタートしました。結構楽しみにしていたサービスなのですが、サッカー好きの同僚が知らなかったことに驚きまして。意外と…

コピペでどうぞ。けものフレンズ風な囲みデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 またまた「けものフレンズ」便乗記事です。昨日は見出しのカスタマイズを作りましたが、今日は囲みバージョンです。記事を投稿した後すぐに「囲みもあったほうがいんじゃね?」って思いついたんですよね。 昨日の…

コピペでどうぞ。けものフレンズ風な見出しデザインのカスタマイズ

こんにちは、つばさ(@_tsubasa123_)です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。

Re:けものフレンズ風のソースコードハイライト

こんにちは、つばさ(@tsubasa123)です。 なんか最近流行っているっぽい「けものフレンズ」ネタです。暇ができたら一気に視聴する予定ですが、おもしろそうだったので未視聴ながらも乗っかってみました。この記事でお届けするのは、なんの実用性もないカス…

はてなブログで100記事書いてわかったこととわからなかったこと

こんにちは、つばさ(@tsubasa123)です。 早いもので当ブログ「つばさのーと」を始めて3ヶ月弱、この記事が100記事目となりました。とりあえず、休むことなく毎日1記事以上書いてきましたが、いい機会なので今思っていることをまとめてみようと思います。…

双方向データバインディングを提供するプラグイン jquerymy.js は小規模開発に使えそう

こんにちは、つばさ(@tsubasa123)です。 おもしろそうというか便利そうなjQueryブラグインを見つけたのでご紹介です。JavaScriptフレームワーク戦国時代の今日、どれを使うべきなのか非常に悩ましい問題ではありますが、ちょっとしたコードを書くだけなら…

はてなブログ用のChrome拡張機能を作ってみようと思う

こんにちは、つばさ(@tsubasa123)です。 タイトル通り、現在、Chromeの拡張機能を作成中です。本当は完成してから記事にしようと思っていたのですが、諸事情がございまして今後のモチベーションを維持するために途中ではありますが、記事にしてみることに…

JavaScriptだけで任意の文字をクリップボードにコピーする

こんにちは、つばさ(@tsubasa123)です。 これはもう少し早く知りたかった。Flash使わなくてもできたのね。割と最近のことみたいなのでこっちでもメモっておきます。

Re:[JavaScript]YahooのAPIを利用してクロスドメインアクセスを実現する

おもしろそうなおもちゃを見つけたので覚え書き。問題はこのAPIを使って何をするかなんだよな。

CSSアニメーションを考える前に利用できるプロパティを予習する

こんにちは、つばさ(@tsubasa123)です。 WEBページにおいてアニメーションを考える時はついついJavaScriptを利用してしまいますが、CSS3全盛期の昨今はCSSのプロパティを利用するのが王道というものでしょうか。時代の流れを追うために私もちょっと試して…

CSSだけで三角形を作る仕組みを自分でしっかり考える

こんにちは、つばさ(@tsubasa123)です。 知っている人からしたら何年前だよ、って突っ込まれるようなネタですが、実は仕組みをちゃんと理解せずにコピペで使っていたのでこれを機に仕組みを整理します。意外と応用がききそうなので基本はしっかり押さえた…

コピペでどうぞ、スマホサイトのパンくずリストを横スクロールさせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 なかなか便利そうなCSSコードを発見したのではてなブログでも使えるようにちょっと調整してみました。実用性はあまり高くないかもしれませんが、スマホサイトのカスタマイズに興味がある方、もしよろしければお付…

WordPress本体のバージョンが4.7や4.7.1の人は今すぐアップデートしよう

こんにちは、つばさ(@tsubasa123)です。 余計なお世話だとは思いますが、最近、はてなブログからWordPressに移行する方をお見かけする機会が多かったので、ちょっとだけセキュリティ関連についてのお話です。とりあえず、対象となる方は急いでアップデー…

カエレバ・ヨメレバのデザインCSSジェネレーターを作りました

こんにちは、つばさ(@tsubasa123)です。 www.tsubasa-note.blog 年明けから暇な時間を利用してちょっと遊び心のあるページを作成しました。とりあえず完成としましたが、もうちょっとだけ機能にこだわりたいなと思っています。カエレバ・ヨメレバを利用し…

カエレバ・ヨメレバCSSジェネレーター

カエレバ・ヨメレバのCSSデザインをカスタマイズするジェネレーターを作成しました。よければ試してみてください。

ES2015を学びつつもES5で追加された配列メソッド10個をおさらいしました

こんにちは、つばさ(@tsubasa123)です。 ES2015の学習にどっぷりつかっている私ですが、ES5もちゃんと網羅しておきたいよね、ということで知らなくてもなんとかなっていたけど、知っておいた方がよさそうな配列メソッドについて調べました。 ざっと調べて…

私事ですが独自ドメインに変えました、あとサイト名もちょっと変えました

こんにちは、つばさ(@tsubasa123)です。 もう疲れたので報告だけ。当ブログにもついに独自ドメインに変更する運びとなりました。なんかめんどくさくて先送りにしていましたが、知人との約束がなくなり暇だったのでサクッと変更しました。 設定方法とかは…

CDNの速度比較サービス発見 「CDNPerf」 がキレイで見やすくていい感じ

こんにちは、つばさ(@tsubasa123)です。 ちょっと便利なサービスを見つけたのでご紹介。どちらかというとカスタマイズを作る人向けのサービスです。プログラムとかちょっと…という人にはつまらない内容になりますがご容赦ください。

PHPのarray_column関数をJavaScriptでも使いたい

こんにちは、つばさ(@tsubasa123)です。 最近、同僚が書いたPHPのソースコードを読んでいて、array_columnという組み込み関数がPHP5.5から利用できるようになったことを知りました。 なかなか便利そうな関数でして、同じことをJavaScriptでもできたりしな…

ES2015で導入されたMapオブジェクトを使ってみる

こんにちは、つばさ(@tsubasa123)です。 存在すら知らなかった新しいデータ構造、Mapについて簡単に使い方を調べてみました。ES2015、色々変わりすぎだよ。がんばって時代の流れに追いつきます。