読者です 読者をやめる 読者になる 読者になる

つばさのーと

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

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

こんにちは、つばさ(@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、色々変わりすぎだよ。がんばって時代の流れに追いつきます。

コピペでどうぞ。サイドバーのカテゴリーモジュールに親子関係を持たせて表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 久しぶりにカスタマイズの記事を書いている気がします。今日はやろうやろうと思っていたものの、ついつい後回しにしてしまっていたカスタマイズをご紹介します。コピペでいけますので気になった方はお試しください…

Re:何故、はてなブログのカスタマイズが楽しいのか

こんにちは、つばさ(@tsubasa123)です。 nasust.hatenablog.com 先日のナスさんの記事に便乗した記事です。私もカスタマイズ好きとして少し思うところがあったのでまとめてみたいと思います。

リベンジ成功。自分が今までたくさんブクマしたのは誰か調べてみた

こんにちは、つばさ(@tsubasa123)です。 3日連続ではてぶAPIに関する記事になります。今日もコード無しの自己満報告となります。興味がありましたらお付き合いください。

自分のブログにいただいたブクマにどんなタグが付けられているのか調べてみた

こんにちは、つばさ(@tsubasa123)です。 basanote.hatenablog.com 昨日は自分のブログにブクマしてくれた方を調べましたが、今回はそのブクマ達にどのようなタグが付けられているのかを調べてみました。まぁ昨日の続きみたいなものです。

自分のブログに誰がどのくらいブクマしてくれているのか数えてみた

こんにちは、つばさ(@tsubasa123)です。 タイトルに「数えた」と書きましたが、自分で数えたわけではありません。システムで自動化してみた、って話です。

JavaScriptでテキストエリア内の選択範囲の文字列を取得する方法

こんにちは、つばさ(@tsubasa123)です。 次のカスタマイズに向けて調べたことをメモしておきます。思ったよりめんどくさいことしないといけなくて最初は戸惑いましたが、まぁやってることは簡単です。jQueryも使っていますが、別になくてもDOM操作ができ…

はてな公式APIを利用してPHPでサイト全体のはてなブックマーク数を取得する

こんにちは、つばさ(@tsubasa123)です。 外部APIを利用するのが大好きな私ですが、はてなブックマークのAPIって今まで使ったことがありませんでした。せっかくはてなでブログを始めましたのでちょっと試してみてみたことをメモしておきます。

JavaScriptのアロー関数のハマりどころについて

こんにちは、つばさ(@tsubasa123)です。 先日の続き。アロー関数ってやっぱり便利で使えるときは積極的に使うようにしているのですが、まだまだthisに悩まされておりまして。 もう少し詳細に把握しておきたかったので色々試した過程をメモしておきます。

WEBサイトで使われているフォントが簡単に確認できるChrome拡張の「WhatFont」が便利

こんにちは、つばさ(@tsubasa123)です。 最近、Chromeの拡張で遊ぶのがマイブームとなっておりまして、そのうち自分でも作ってみたいなと憧れを抱きながら色々なアドオンを試しています。で、タイトル通り、「WhatFont」ってアドオンがいい感じだったので…

JavaScriptで翌月の日付を取得するときにちょっとした調整を行う方法

こんにちは、つばさ(@tsubasa123)です。 初歩的なことなんですが、結構ハマったのでメモ記事です。JavaScriptの日付処理はどうしてこうも落とし穴が多いのでしょうか。

ブログ開設二ヶ月。当ブログの傾向とか今後の運営とか

こんにちは、つばさ(@tsubasa123)です。 早いもので当ブログも運営開始から二ヶ月が経ちました。この一ヶ月は記事を書くよりカスタマイズを考えている時間の方が長かった気がします。二ヶ月経って色々気が付いたことや思うことがあったので今回もちょっと…

JavaScriptでクリックした位置にあるDOM要素を取得する方法

こんにちは、つばさ(@tsubasa123)です。 結構昔からできたらいいなと思っていたことが意外と簡単にできると知ってテンションが上がったので記事にしておきます。今日は短めに。

コピペでどうぞ。はてなブログ用見出しカスタマイズをとりあえず25個ほど

こんにちは、つばさ(@_tsubasa123_)です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追加していければいいかなと思っています。ありきたりなデザインば…

今さらだけどJavaScriptのアロー関数の使い方を調べました

こんにちは、つばさ(@tsubasa123)です。 ES2015の話題が出るようになってそろそろ2年くらい経つでしょうか。随分と長い間勉強をサボっていたもです。今後のカスタマイズをより有意義なものにするためにも今年はしっかりと勉強を進めていきたいところです…

コピペでどうぞ。CSSでテキストの下線をちょっとオシャレにみせるカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 今日はカスタマイズにちょっとした遊び心を付け加えてみました。お時間がある方は遊んでみてください。

CSSでテキストを垂直方向に中央揃えにする4つの方法

こんにちは、つばさ(@tsubasa123)です。 脱CSS初心者に向けて絶賛勉強中の私ですが、今日はタイトル通り、テキストを中央揃えにする方法を勉強しましたのでメモしておきます。これは意外とカスタマイズでも使う機会が多いのでしっかりと覚えておきたいと…

CSSでハンバーガーメニューのアニメーションを実装する方法

こんにちは、つばさ(@tsubasa123)です。 ハンバーガーメニューってご存知ですか?スマホサイトのページ上部にあるタップするとメニューがベロンってでてくる三本線のボタンのことをハンバーガーメニューと呼びます。「≡ 」こーゆーやつ、見たことあります…

ページのトップへ戻るボタン、少し見直してみませんか?

こんにちは、つばさ(@_tsubasa123_)です。 先日、いわゆる「ページのトップへ戻る」ボタンをオリジナルで作成したのですが、その時に個人的に気になったところをメモしておきます。 basanote.hatenablog.com ちょっとプログラムよりの意識高い系な内容です…

デザイナーでも覚えておきたい、jQueryセレクタのちょっと便利な使い方

こんにちは、つばさ(@tsubasa123)です。 はてなブログのカスタマイズにもだいぶ慣れてきた今日この頃。カスタマイズを行うにあたってjQueryの使い方、特に応用したセレクタの使い方を知っておくと捗ることが多いので、勉強と備忘録を兼ねてこの記事で使い…

細かすぎて伝わらないはてなブログのスマホカスタマイズにおける些細な事

こんにちは、つばさ(@tsubasa123)です。 最近、本格的にスマホサイトのカスタマイズに乗り出しました。まぁ、考えることが多くてめんどくさい難しいです。とりあえず、枠組みはできたのであとはメインイメージとかアイコンとかを調達します。 今日は個人…

はてなブログでちょっとおしゃれに枠線と背景色を表示するカスタマイズ

こんにちは、つばさ(@tsubasa123)です。 先日、下記の記事が目に止まりました。私もちょっとだけ便乗してみようと思います。 www.carameltrip.com

甘酒ってお酒じゃないんだ、ってはなし

こんにちは、つばさ(@tsubasa123)です。 私の知人は甘酒が好きでこの時期はコーンポタージュか甘酒か、ってくらい毎日のように買って飲んでいます。 で、話を聞いているとどうやら仕事中も甘酒を飲んでいるらしいんですよね。いやいや、それはちょっと、…

jQueryでウインドウの横幅を取得する際に気を付けること

こんにちは、つばさ(@tsubasa123)です。 最近、はてなブログのカスタマイズを研究するにあたって、レスポンシブデザインのあれこれを学ぶ機会が結構ありまして。 ブレイクポイントを調べて対応コードを書く際にウインドウサイズを取得する必要があるので…