javascript

はてなブログテーマ imz-pickup をバージョンアップしました

imz Pickup Ver.2 運用サイト はてなテーマストアでも公開しています「imz Pickup」をバージョンアップしました。 大きな変更ではありませんので上書き更新すればいいかとも思いましたが、使ってみえる方がいらっしゃいますと、気になる部分でもありますので…

オシャレな?はてなブログテーマ imz-pickup を公開します

はてなブログ用のオシャレなテーマ「imz-pickup」を公開します。このテーマは、imz-basic をベースにし、特別にアピールしたい記事、カテゴリー、固定ページなどを、トップページではタイトル下に、記事ページではサイドバーのトップ(位置は設定による)に…

はてなブログ用テーマチェンジャー(デモサイト公開用)

あまり(ほとんど)役に立たないものを作りました(笑)。 はてなブログのテーマを公開する際にはデモサイトがあったほうがわかりやすいのですが、たくさんテーマを公開しますとサイトが足りなくなります。そんな時にテーマチェンジャーがあるといいなあと思…

はてなブログ多機能テーマ imz-basic を公開します

はてなブログ用の多機能なテーマ「imz-basic」を公開します。このテーマは、Javascript で機能を追加することが主であり、記事内のスタイルはほぼ サンプルテーマ「Boilerplate」 のままです。これをもとにいろいろ作ってみようかと思っています。また、テー…

imzModules バージョンアップ(カテゴリー階層化の追加) ver.2.1.0

imzModules に「カテゴリー階層化」を追加しました。 imzModules とは? 使用方法 追加オプション treeCategory / カテゴリーを階層化する サンプル画像 サンプルCSS ライセンス等 imzModules とは? はてなブログをカスタマイズする場合、css だけでは思う…

はてなブログの特定のカテゴリーだけをリダイレクトする

はてなブログ同士の記事移転やリダイレクトをここ2,3記事で試みています。 概要 HTMLソースでカテゴリー表示を探す 特定カテゴリーをリダイレクトする Javascript 概要 ブログを統合する場合は、 はてなブログ間の記事移動はJavascriptとcanonicalでリダ…

はてなブログのカテゴリーを階層化し別ブログに統合した

ブログはワンテーマワンブログのほうがいいとは思いますが、更新もままならず休止中にしておくのもどうかと思い、別ブログに統合して書く意欲を奮い起こそうと思います(笑)。 この件、すでに「はてなブログ間の記事移動はJavascriptとcanonicalでリダイレ…

はてなブログのカテゴリーを階層化する(jQueryなし)

前記事で、運用しているブログを統合しようとして、その際、移動する方のブログのカテゴリーをひとつにまとめたほうが煩雑にならずにすむだろうと考えたのですが、ふとカテゴリーを階層化すればと気づきググってみれば、ああ、もうやっている人がいるではあ…

はてなブログ間の記事移動はJavascriptとcanonicalでリダイレクト

現在、はてなブログで4つのブログを運用しているのですが、そのうちのひとつを別のブログに統合しようと思います。 で、どうやってリダイレクトするかですが、もちろん .htaccess は使えませんので Javascript を使うしかありません。 今回の条件 はてなブ…

はてなブログ用 Javascriptモジュール imzModules ver.2.0

imzModules とは? 使用方法 オプション linkBlank / 外部リンクを別タブでひらく mvBgImg /タイトル画像移動 chgFeturedImg, pageArchive /トップページやアーカイブページのサムネールをオリジナル画像に変更 mvCategory /サイドバーのカテゴリーをタ…

非同期処理を Promise と then で書き直す

下記前記事を Promise と then を使って書き直しました。 www.imuza.com Promise Promise - JavaScript | MDN とりあえずは非同期処理のコールバック関数に変わるものという理解でいいかと思いますが、promise の意味からしますと、今はまだ結果を返せないけ…

はてなブログカードの iframe を div に差し替える(自サイトのみ)

長々とこだわっている「自サイトブログカードのリンクターゲット」の件、そろそろ実装できるものに仕上げないといけません(笑)。 これまでこんなことをやってきました。 はてなブログカードを DIV要素で自作する(自サイトのみ) Node.js でブログカードを…

はてなブログカードを DIV要素で自作する(自サイトのみ)

相変わらずブログカードにこだわっています。 といってもこのところなかなか時間が取れず、10日ぶりくらいにこだわってみました(笑)。 何をやろうとしているかといいますと、自サイトの記事をブログカードにした場合に別ウィンドウ(タブ)ではなく、つま…

はてなブログ「Archiveページ」の画像もオリジナルのものに変える

はてなブログのトップページの表示形式を一覧形式にした場合にアイキャッチ画像が 500px四方にトリミングされる件で、その画像をオリジナル画像に変更して自由にサイズを決められるようにする Javascriptを以下のページで公開しています。 www.imuza.com 参…

AmebaOwnd に完全カスタマイズお問い合わせフォームを導入

Ameba Ownd(アメーバオウンド)に GoogleForm を自サイト内のページとして完全カスタマイズできるように埋め込む方法です。この方法はすでに以下の記事にあるように「はてなブログ」で運用している当サイトで実現させている方法でもあります。今回、相談を…

Node.js で作ったブログカードアプリを Heroku にデプロイしてみる

前記事で、ブログカードにしたいサイトアドレスを投げればブログカードにして返してくれるアプリを作ってみたのですが、実際に使おうと思いますと、当然公開サーバーで立ち上げないと使えません。 www.imuza.com Heroku の無料サービスで試してみようと思い…

Node.js でブログカードを返すアプリを作ってみた

はてなのブログカードは自サイトでも別ウィンドウで開きます。別に気にしなくてもいいんじゃないのと思いながらもついつい深入りしてしまい、node.js でサーバーを立ち上げてブログカードを返すことはできないかとやってみましたらできました。 関連記事と考…

node.js で URLパースすると favicon.ico が返る

はてなのブログカードはたとえ自サイトであっても別ウィンドウ(タブ)で開いてしまいますので、それを同じウィンドウで開くようにしようと思っているのですが、DOM操作ではうまくいかず、じゃあ、サーバーを立ち上げて、呼ばれたら指定のサイトから OGPデー…

iframe内の読み込みタイミングがわからない

「はてなブログカードの iframe 内を弄る(自サイトのみ)」に書いた自サイトのブログカードを別ウィンドウで開かないように iframeの中の aタグの target要素を変更しようとした件、わけがわからなくなっています。 自サイト名/embed でもブログカードはで…

はてなブログカードの iframe 内を弄る(自サイトのみ)

外部リンクを別ウィンドウで開く方法 ブログカードはすべてのリンクが別ウィンドウで開く クロスドメインで iframe内を弄れない 自サイト名/embed でもブログカードはできる iframe内の aタグを target=_parent に変更する javascript iframeの src属性を自…

はてなブログ簡単カスタマイズ imzModules バージョンアップ

これまでの経緯 バージョンアップ 使い方 追加オプション linkBlank 見出しのリンクをスムーズスクロール化 はてなブログをカスタマイズする場合、css だけでは思うようにならないことがあります。その場合は Javascript を使い、DOM 操作をおこなって要素を…

オフキャンバスメニュー付 はてなブログテーマ(開発環境)

オフキャンバスメニュー付 はてなブログテーマ(開発環境) 前記事「はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ」で予告しておきました「はてなブログDOM操作モジュール imzModules」にオフキャンバスメニューを付けました。 スク…

はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ

はてなブログをグリッドレイアウトとDOM操作モジュールでカスタマイズ このブログのテーマを作り変えようと思います。 まずは、ベースとなるグリッドレイアウトのSASS開発環境とユニークなテーマづくりに必須のDOM操作をモジュール化してまとめてみました。 …

はてなブログでページ読み込み時のDOM操作をモジュール化する

はてなブログでページ読み込み時のDOM操作をモジュール化する はてなブログで自分の思うようにカスタマイズしようとしますとDOM操作が避けられなくなります。そのコードを毎回コピペするのではなく、モジュール化して github.io などに上げておき、オプショ…

はてなブログに AdSense インフィード広告を貼る

はてなブログにインフィード広告を貼る さほどアクセスもないブログしか書いていませんが、せめてはてなブログの利用料くらいは広告でまかなえないかと Google AdSense を利用しています。その程度の意識ですので、つい最近まで1ページに3つまでとの制約が…

タッチデバイスでもないのに ontouchstart でタッチデバイスの振りをするノートがある

タッチデバイスでもないのに ontouchstart でタッチデバイスの振りをするノートがある 別ブログ「そんなには褒めないよ。映画評」のトップページのデザインで、マウスオーバーのイベントをタッチデバイスの場合にどうするかを下記のページで記事にしましたが…

(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える

(bug fix)はてなブログ「一覧形式」の画像をオリジナルのものに変える はてなブログのトップページを「一覧形式」にした場合の画像をサムネールではなく元画像に差し替える下記記事のスクリプトは、画像が png や gif の場合にエラーとなります。 元記事:…

iPhoneでモーダルの背景のスクロールを止める

iPhoneでモーダルの背景のスクロールを止める 以前の記事「モーダルの背景のスクロールを止める」 上の記事で、メニューなどをモーダルで出す場合に背景のスクロールを止める方法を書いたのですが、やはり、iPhone 実機ではうまくいきません。再度挑戦です。…

Google Form ブログ実装のためのバリデーションを考える

Google Form ブログ実装のためのバリデーションを考える 前記事の「Google Form を自前のフォームで実装」の記事で、フォームデータを Javascript から送信する際、送信ボタンのタイプを button にしたのですが、これですとブラウザ実装のバリデーションが効…

Google Form を自前のフォームで実装(はてなブログで完全カスタマイズ可)

Google Form を自前のフォームで実装(はてなブログで完全カスタマイズ可) 以前、というよりも、このサイトがそうなんですが(変更済になっているかも知れません)、はてなブログにお問い合わせフォームを実装しようとして Google Form を完全カスタマイズ…