トップページ

最新記事 はてなブログ改造大作戦 トップページを固定化する お問い合わせフォームを実装する スマホ用ボトムナビゲーション 軽量・高速ソーシャルボタン カテゴリーをタグクラウドにする はてなブログを Wordpress 風に変身 はてなブログ Cherry Blossom テ…

Joomla! の Plugin を自作する(3)デフォルトの静的データをメタタグに挿入する

Joomla! の Plugin を自作する(2)初期設定ページ の続きです。 Open Graph protocol のメタタグを自動挿入するプラグインを作っています。前回で static なパラメータを設定できるようになりましたので、その値をメタタグに挿入して表示する過程でいろい…

Joomla! の Plugin を自作する(2)初期設定ページ

Joomla! の Plugin を自作する(1)の続きです。 Open Graph protocol のメタタグを自動挿入するプラグインを作っています。前回でメタタグを挿入する簡単なプラグインが出来ましたので、今回は、各ページに必要なデータがない場合に挿入するデフォルトデー…

Joomla! の Plugin を自作する(1)

Joomla! 用に Open Graph protocol のメタタグを自動挿入するプラグインを作ってみようと思います。 テンプレートやモジュールの自作は当サイトでも記事にしていますので、さほど苦労することなくいけそうな予感です(笑)。 Joomla! Documentation インスト…

Joomla! 3.7.3 セキュリティフィックスがリリースされています

Joomla! 3 系列に 3.7.3 セキュリティフィックスがリリースされています。 Joomla! 3.7.3 Release Joomla!3.7.3 を公開しました。これは、セキュリティ上の脆弱性や 230以上のバグフィックスや改良を含んだ Joomla!3.x シリーズのセキュリティリリースです…

Ruby on Rails 入門のための個人的メモ(1)

Ruby は、あまり記憶がない随分昔、何かの折にちょっと触ってみた程度には見知っており、まつもとさんという方が開発された国産の言語というものです。 で、Ruby on Rails ですが、WEBアプリ開発に特化(でもないか?)したフレームワークということであれば…

はてなブログPro に固定ページ機能が追加されました

固定ページを作成できるようにしました(はてなブログPro) - はてなブログ開発ブログ 当サイトがそうですが、はてなブログでトップページを固定しようとしますと、CSS や Javascript の手を借りないと出来なかったことが新機能として追加されました。6/27付…

Ubuntu Server 16.04 LTS 無線LAN設定

Ubuntu Server を入れてみたものの Ubuntu の起動プロセスをあまり理解していませんので無線LAN の接続にちょっとばかり苦労しました。 ただ、Plamo Linux での経験が役に立ちました。 Plamo5.2/無線LANに挑戦(接続OK) Plamo6.1/ネットワーク設定、dhcli…

新しく OS を追加した場合の Grub/Ubuntu Server をマルチブートでインストール

VAIO VGN-NW71FB という2009年発売の古い PC に Plamo Linux, Ubuntu, Windows10 を入れて遊んでいることは前記事にも書きましたが、そのうち Plamo Linux はサーバーを立ててチェック用にしたりしています。 もうひとつの Ubuntu は、デスクトップ版を入れ…

パーティションテーブルを消してしまった/TestDiskの使い方

VAIO VGN-NW71FB という2009年発売の古い PC に Plamo Linux, Ubuntu, Windows10 を入れてテスト用にしたりしているのですが、Ubuntu の調子が悪く、入れ直すかといろいろやっているうちにパーティションテーブルを消してしまったようです。 ちょっとばかり…

はてなブログ機能追加/記事下に「関連記事」を表示します

別ブログなんですが、新しく記事を投稿してチェックしていましたら、記事の下に「関連記事」が5記事表示されているではありませんか。 あれ? なんだコレ? と、ちょうど記事投稿の際に設定画面を開いたりしていましたので、自分で何かいじったかな?とあれ…

はてなブログに Google Form を iframe で埋め込む

当サイトの 「 お問い合わせフォーム 」の実装方法です。 次の記事も参考にしてください。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない 仕様は次の記事を参考にしてください。 は…

はてなブログにお問い合わせフォーム実装

やっと当サイトにお問い合わせフォームを実装できました。 ここに至る前記事2つです。 iPhone で iframe を fixed にする場合の問題 iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない モバイル、タブレットの仕様 デスクトップの仕…

iPhoneでは、フォーム入力のあるiframeをposition:fixedで使ってはいけない

iPhone で、iframe を position:fixed にした場合の挙動に苦労しています。 前記事: iPhone で iframe を fixed にする場合の問題 問題整理 iOS アップデートでさらに挙動が変化 position:static で表示し上までスクロールさせる 問題整理 問題を整理します…

iPhone で iframe を fixed にする場合の問題

はてなブログ(当サイト)に Google Forms でお問い合わせフォームを作ろうとしているのですが、iframe をポップアップで表示する際に iPhone で引っかっています。 Googleフォーム自体は、すでに別記事で完成していますのでリンクで済ませればいいんですが…

はてなブログ/カテゴリー別記事一覧のHTML構造が変更されました

なにげなく当サイトのカテゴリー別記事一覧を見ていましたら、あれ? タイトルにゴーストが出ているじゃありませんか! それに一覧の項目の上の空白が広くなっている!? どういうこっちゃとデベロッパーツールで調べてみましたら、カテゴリー名が #top-box …

Joomla! 3.7.2 バグフィックスがリリースされています

つい1週間前の17日にセキュリティフィック 3.7.1 がリリースされましたが、続いて 3.7.2 バグフィックスが公開されました。 どこに影響が出るのかチェックしきれませんが、当てておいたほうがいいかもしれません。 更新お知らせメール Joomla! Update Notif…

はてなブログのホームを他の記事と違うデザインする/ cms-style(7)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。cms-style(7)まできましたが、役に立つようなことを書けているかどうか自分ながら微妙ですね(笑)。 で、これまではサイ…

はてなブログにお問い合わせフォーム Google Forms

はてなブログにお問い合わせフォームを作ろうと思いググりましたら、やはり欲しいと思われる方が多いようで結構ヒットします。 「Google フォーム」の記事が多いですね。 やってみました。 Google フォームにアクセスする フォームを作成する メールアドレス…

はてなブログ/検索モジュールをどこに配置しよう? cms-style(6)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 ブログというのは思いついたら書くというパターンが多いですので、なかなかサイト全体の構造をわかりやすく表示することが…

はてなブログの記事タイトルの配置を考える cms-style(5)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 今回は記事タイトルブロックについてです。ご覧のように、大きく記事タイトル、そしてその下に日付とカテゴリーを配置して…

Joomla! 3.7 新機能 記事登録に Captcha 機能でエラー

Joomla! は、現在、4月25日にリリースされた 3.7 が最新バージョンですが、管理しているサイトを更新したところ、変更された機能でちょっとばかり戸惑いましたので記録しておきます。 Front からの記事登録でエラー 原因は Front からの記事登録に追加された…

#top-editarea をページタイトルエリアとして利用する cms-style(4)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 前回 では カスタマイズ > ヘッダ > タイトル下 に何らかのコードを挿入することで表示される #top-editarea に背景を付け…

背景画像の使い方でブログ臭さが消える cms-style(3)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 ウェブサイトのデザインは、グリッドレイアウトと呼ばれるブロック単位でデザインを考える方法を使う場合が多いと思います…

はてなブログに編集履歴保存機能がついた、こりゃ便利!

はてなブログにバージョン管理機能(?)がついたようです。 同時作業でブログを書いたりしていますと、うっかりも発生しやすく、なにげなく消してしまい後悔することがたまにありますが、この機能があればもう安心です。 「記事(下書き)を更新する」ボタ…

【Joomla!】Joomla! 3.7 がリリースされています!

(2017.5.17)セキュリティフィックス 3.7.1 が公開されています。 Joomla! 3.7.1 Release Joomla! プロジェクトは Joomla!3 シリースの最新版 3.7 をリリースします。このリリースには、より簡単で多機能なウェブサイト管理機能を含む700以上の機能が追加改…

はてなブログのカテゴリーをタグクラウドにしてトップページに表示する cms-style(番外)

当サイトは、はてなブログに Wordpress風の自作テーマをあてていますが、トップページをどうしようかと悩んだ末、タグクラウドを表示することにしました。 すでに完成していますのでトップページを見ていただければどういうものかわかると思いますが、Javasc…

デスクトップはメニューバー、スマホはオフキャンバスメニュー cms-style(2)

はてなブログを Wordpress 風に! > cms-style 記事一覧 はてなブログをどうやって当サイトのデザインにしているかを書いています。 まずは全体の構想と「タイトルとメニュー」の解説です。 全体の構想 スマホ用のオフキャンバスメニューを準備する Javascri…

はてなブログをWordpress風に! cms-style(1)

このサイトは「はてなブログ」を使って書いているのですが、テーマを Wordpress や Joomla!など CMS 風にしています。それなりに手のこんだことをしていますので自分のメモも兼ねて解説をしていこうと思います。 Wordpress や Joomla! ぽさって何だろう? は…

サイトデザイン変更/はてなブログを Joomla! (Wordpress) 風にする

久々にサイトデザインを変更してみました。 Joomla! 風といったところですが、CMS のシェアでは Joomla! は Wordpress に圧倒的に水をあけられていますので Wordpress 風と言ったほうが分かりやすかと思います。 CMS のシェア この記事をご覧になっている方…

Git reset, Git checkout ステージングの取り消し、ファイル変更の取り消し

前記事 > git add, commit 後の履歴を git log で見る 「プログラマーじゃないけど Git 入門」 前記事で日本語が文字化けしていたのは、サンプルテキストが sjis で保存されていたからでした。utf-8 で保存すれば、git logの出力でも文字化けしません。 こん…

git add, commit 後の履歴を git log で見る

前記事 > Git をローカルで試してみる(使い方 初歩の初歩) 「プログラマーじゃないけど Git 入門」 ローカルでもう少し試してみます。 ファイルに変更を加え add, commit する git log コミット履歴を見る ファイルに変更を加え add, commit する sample.t…

Git をローカルで試してみる(使い方 初歩の初歩)

前記事 > Git 初期設定 「プログラマーじゃないけど Git 入門」 次は、ローカルで Git を使ってみましょう。 git init git add git commit git init Git bash(インストールによってはコマンドプロンプトでもOK)を立ち上げ、適当なディレクトリに移動した後…

Chromeでの日本語変換がおかしい件、Chrome57で解消

Chrome の日本語入力で分節カーソルが移動しない件、9日に公開された Chrome57 では解消されています。 Chrome56 ではこういうことが起きていました。 www.imuza.com www.imuza.com

Mactype と AVG は相性悪し/Avira を入れてみる

2,3日前だったと思いますが、何かの拍子に Firefox や Chrome Canary(安定版に不具合があり Canary 使用中)が立ち上がらなくなりました。他のソフトを試してみますと、立ち上がるものと立ち上がらないものがあり全く原因が分かりません。 サブマシンです…

Git 初期設定(ユーザ名、メアド設定)と保存される場所

前記事 > Git for Windows インストール システム設定 グローバル設定 リポジトリ Git for Windows がインストールできましたので、初期設定としてユーザ名とメールアドレスを設定します。 通常、Git bash やコマンドプロンプト(パスが通っている場合)を立…

Chromeでの日本語変換がおかしい件、Chrome Canary では解消

www.imuza.com Chromeでの日本語変換がおかしい件、Chrome Canary では解消されています。 こちらが、Chrome Canary 58.0.3026.0 版のはてなブログ Mardownモードの画像です。分節カーソルがちゃんと移動していますし、入力中の文字じゃないところに分節カー…

Git for Windows インストール/プログラマーじゃないけど Git 入門

GitHub を使ってはいますが、Git 自体をあまり理解していませんし、有効活用しているようには思えませんので、Dropbox の Public フォルダから GitHubページに移行したのを機会に少し理解を深めようかと思います。 「プログラマーじゃないけど Git入門」まず…

DropboxのPublicフォルダからGitHubページに移行した

まだ先だと思っていた Dropbox の Public フォルダの終了が間近に迫ってきました。 www.imuza.com 結局、GitHub ページを利用することにしました。 私はプログラマではありませんので共同で開発したりすることはありませんが、GitHub ってなんだろうと興味を…

Chromeでの日本語変換がおかしい件、Canary で一歩前進

Chrome での日本語入力の文節カーソルが移動しない件、以下の記事の「Chrome Canary で試してみるも」の問題点は、ある一定の条件下でないと症状は出ませんね。 www.imuza.com Chrome Canary のバージョンは、58.0.3012.0 です。 その一定の条件下というのが…

Google Chrome の旧バージョンを使ってみる

Chrome での日本語入力時に分節カーソルの表示がおかしい件、いろいろやってみても解決できません。しばらく Firefox をメインにしてみたのですが、やはり慣れなくて使いにくいですね。 www.imuza.com ということで、旧バージョンはないかと探してみたのです…

【まとめ】Chromeでの日本語変換がおかしい件、Chrome Canaryもだめ

問題整理 Chrome Canary で試してみるも しばらく Firefox に避難か? 問題整理 現在、Chrome での日本語入力の際に、変換キーを押した後の変換中の文節カーソルが移動しません。問題がこれだと確認するまでの経緯が次の記事にあります。 問題山積みのわが W…

Chromeのフォーム入力で日本語変換の文節移動のカーソルが表示されない件

記事のタイトルの意味が分かりにくいと思いますが、こういうことです。 www.imuza.com 上の記事で、「Chrome がキーアサインを横取りしているのではないかという件」に、「Google日本語入力のキーカスタマイズが無効にされ」ると書いた件、原因がわかりまし…

ついにSSD導入! SATA2ですが体感上はいけそうです

www.imuza.com Windows10 の Update ができないなど不調が続いていたのは HDD のエラーが原因のようなので、思い切って SSD を導入することにしました。ただ、マザーボードが SATA2 ですので思ったほどのスピードは出ないかもしれません。 購入した SSD はこ…

SATA Port Device Error/Windows10の不調はHDDが原因か?

www.imuza.com の Windows Update ができない件、少し時間が取れましたので試してみましたら、再起動後に上の画像のように「SATA Port2 Device Error」と出て立ち上がりません。画像では上を切ってしまいましたが、Port2 に接続している HDD にエラーと表示…

問題山積みのわが Windows10

メインに使っているデスクトップの Windows10 が問題を抱えています。今は少しばかり忙しく手をつける暇がなくそのままです。何とかしなくては。 Windows Update ができない件 www.imuza.com HDD の不良が原因でした。SSD に変更し快調!(2017/2/1) www.im…

KB3213986 更新失敗/Windows10 Version1607 の累積的な更新プログラム

x64 ベース システム用 Windows 10 Version 1607 の累積的な更新プログラム (KB3213986)が入りません。 KB3201845 の時と同じように、ロゴ下のグルグルから一向に進みません。 www.imuza.com 最初、1月11日に失敗して以来、12日、13日とやってみたのですが、…

はてなブログのスクロールを戻すとすぐに表示されるタイトル&メニュー

あまり役に立たないかもしれないものを作ってみました(笑)。 はてなブログのタイトル(#blog-title)にカテゴリー(.hatena-module-category)を移動してメニュー化し、スクロールを進めた場合は通常通りタイトル&メニューは消えてゆきますが、逆にスクロ…

はてなブログの画像クリックポップアップ表示をCSS一行で解除する方法

はてなフォトライフからはてなブログに画像を挿入しますと、クリックでポップアップ表示となります。記事内の画像を小さく表示する場合は便利といえば便利なんですが、クリックしてもほとんど同じ程度では意味がありません。 ポップアップ表示を CSS 一行で…

フィッシング詐欺注意!2016 年年次訪問者調査 (Obu) Chrome: ユーザー調査

このサイトに書いているつもりが別サイトでしたので転載です。 @半径とことこ60分 こんなサイトに誘導されました。フィッシング詐欺ですね。 いかにも胡散臭いアドレスです。 http://0tpzz.exclusiverewards.unship.xyz/ ググってみますと1年ほど前から出…