林家次男

ブログ

  • WordPressプロフェッショナル養成読本、己の立ち位置がわかる本なのかな

    WordPressプロフェッショナル養成読本、己の立ち位置がわかる本なのかな

    頂いて読んだので偉そうにレビュー。

     

    読み切った瞬間の感想

    読み切った瞬間思ったこと。ここを読んで興味が持てなかった方はタブを閉じて頂いて。

    共著者のお一人である染谷先生が反応をくれるという。

     

    レビューする前提

    読んでいるぼくは WordPress は初心者を脱し自称中級者。

    全ての章に興味を持てるor実践したいと思っているor経験している。

    そんな個人的かつ正直なイチ感想という前提でレビューを読み進めて頂けると幸いです。

     

    レビュー(不満)

    技術書で多い “○○の歴史” から始まります。

    「伝えたいor知っておいて欲しい」みたいな気持ちがあるのでしょう。

    しかしながら、決して安くないいわゆる技術書で歴史のお勉強を強いられるのはページ数の無駄遣いじゃないのー？と技術書系でおもむろに始まる歴史には常々疑問。

    さて、そんな1章はちょっと別口な話として。

    各章ごとの推定レベルがまちまち？

    初心者向けから始まる章・ある程度知ってる前提で始まる章などがあって、対象とする読者層が不明な感。

     

    レビュー(満足)

    本の題名通り章ごとにその道のプロフェッショナルな人が書かれている内容なのは間違いないです。

    WordPress というものを広く深く学べる感じ。

    自分の知識や技術の弱いところが把握できるため、わからないところを重点的に学べばトータルの力が付いてくると思います。

    大型本で薄めなんですが、内容は濃ゆい。

     

    WordPressプロフェッショナル養成読本

    2014/10/16発売、 Kindle版 ￥1,980、大型本 ￥2,138。ほどよい値段でしょうか。


    WordPressプロフェッショナル養成読本 [Webサイト運用の現場で役立つ知識が満載! ] (Software Design plus)

    ﾎﾎまとめ

    オススメできるかと言われればむしろオススメはしにくいんですけども、本気で学びたい人ならこの1冊を買って、この本が必要なくなるようにがんばればプロフェッショナルになれるんだろうなー、そんな本だと思いましたよ。

    ※あくまで個人の感想です。

  • はてなブログ ブログカードをブックマークレット化してみたよ

    はてなブログ ブログカードをブックマークレット化してみたよ

    ※2017年3月15日(水)、Dropbox のパブリックフォルダが廃止されたためブックマークレットが動かなくなりました。URL を差し替えたリンクに直しましたので、再登録お願いいたします。

    先日でこにくというサイトで見かけてちょいちょい使っていたのですけども、このためだけに拡張機能を入れるのはなんか違うなぁと思ったのでブックマークレット化。

     

    参考にしたというかきっかけになった記事

    最初にでこにくを見たんですけれど、でこにくさんが参考にした、というところまで。

    でこにく ↓

    でこにくさんが参考にした記事 ↓

    とまぁ、こういう感じでカード形式なリンクを作れる、というやつです。

     

    ちょっと変えたところ

    mbdb さんの iframe ソースで作ると、HTML5バリデータで怒られるのでそこを変更。

    バリデートしてみた
    バリデートしてみた

     

    mbdb さん追記で言及されている

    リファラーを見ていて気づいたんですが、ブログカードでリンクを挿入すると、参照先がhttps://hatenablog-parts.com/となり、リンク先ブログのアクセス解析からは自分が発リンクしたことが伝わりません。

    WordPressのピンバックはもちろん、Google Analyticsのトラックバックからもログを参照できないので、「それは嫌だなぁ」という人は普通にリンクを挿入したほうが良いと思います。

    というのは a タグを挿入することに。リファラは無理ですが、ピンは通るはず。

    あとは iframe にクラスを付加して、横幅は480px 100%に。

     

    ブックマークレット、できた

    ブックマークレットの登録はこのリンク→  はてなブログカード をブックマークバーにドラッグ&ドロップで。

    ブログカードを作りたい記事にブラウザでアクセスしてブックマークレットをクリックすると

    ブックマークレット起動。コピーすればOK。
    ブックマークレット起動。コピーすればOK。

    生成されるコードはこんな感じ。

    2015.04.06 横幅100% にしました。

    <iframe class="bookmarklet hatena-embed" src="https://hatenablog-parts.com/embed?url=http%3A%2F%2Fhayashikejinan.com%2Fblog%2F1166%2F" title="はてなブログ ブログカードをブックマークレット化してみたよ" style="border:none;display:block;margin:0 0 1.7rem;overflow:hidden;height:155px;width:100%;max-width:100%;"><a href="/blog/1166/" target="_blank">はてなブログ ブログカードをブックマークレット化してみたよ</a></iframe>

    ﾎﾎまとめ

    特になし。要望・杜撰なところなどあればコメントください。

  • WordPress4.0で投稿のテキストエリアが伸びるのを止める

    WordPress4.0で投稿のテキストエリアが伸びるのを止める

    WordPress 4.0 になって追加された機能が慣れずに使いづらかったため。

     

    (さらに…)

  • Windows でスクリーンショット撮るなら SnapCrab でいいと思うよ。

    Windows でスクリーンショット撮るなら SnapCrab でいいと思うよ。

    Windows 標準のスクリーンショットはクリップボードにコピーされる残念仕様。

    もうこれ1つ入れておけばいいってやつを。

    超オススメ。

     

    SnapCrab がそれ

    Sleipnir ブラウザで有名な Fenrir という日本の会社が出しているやつ。

    Fenrir 製品、好きで昔から良く使わせてもらってます。

    SnapCrab for Windows – マウスひとつで、即キャプチャ。

    ちなみに無料の、フリーソフト。

    大人気 WinShot では対応していないマルチディスプレイにもしっかり対応。

     

    SnapCrab をインストール

    ダウンロードしてセットアップファイルを実行。

    カスタムインストールで指定しながら進めるといいでしょう。

    Install_SnapCrab_for_Windows_1

    Install_SnapCrab_for_Windows_2

    Install_SnapCrab_for_Windows_3

    Install_SnapCrab_for_Windows_4

    常駐していない時は使えないので常駐させることにする。

     

    SnapCrab の使い方 & いいところ

    使い方は簡単。

    わからなければ何も設定しなくても大丈夫。

    Print Screen キーで画面全体のスクリーンショットが撮れます。

    Alt + Print Screen キーでフォーカスしているウインドウのスクリーンショット。

    デフォルトではデスクトップに自動保存されるようになってます。

    この辺りは設定から変更化。

    SnapCrab_NoName_2014-8-4_16-43-57_No-00

     

    で、何が素晴らしいかって、後ろのウインドウを気にせずキレイなスクリーンショットが透過PNGで撮れるんですよね。

    こんな感じ。

    Windows のウインドウに付いている影まで撮れて、周りを透過してくれるという。

    SnapCrab_管理者 CWindowsSystem32cmdexe_2014-8-4_17-15-39_No-00
    透過+ウインドウの影付き

     

    いちいち切り取ったり加工したりしなくてもよい感じのものが撮れます、素晴らしい。

     

    ﾎﾎまとめ

    スクリーンショット、よく使うんで助かるやつですほんと。

  • Firefox のデフォルトフォント指定 & UIフォントを和欧混植にする方法

    Firefox のデフォルトフォント指定 & UIフォントを和欧混植にする方法

    こう、フォントにこだわる人って多いですよね。

    「好みのフォントを使いたいんだよ！！！」

    ということで、和文・欧文のフォントを別に指定できるやり方を発見したので記。

     

    Firefox の設定からはフォント指定1つしかできない

    設定のフォント項目からは各1つずつしか指定できないんですよね。

    和欧混植に対応してない
    和欧混植に対応してない

    なので、和欧混植に指定します。

     

    about:config で

    Firefox アドレスバーに about:config と打ち込みエンターを押下。

    警告が出ますのでよく読んで使用をクリック。

    細心の注意を払って使用する
    細心の注意を払って使用する

     

    で、検索のところに font.name.*ja と打ち込んでエンター。

    これで日本語用 Firefox のデフォルトフォント指定3つが出てきます。

    上から固定幅、サンセリフ、セリフ
    上から固定幅、サンセリフ、セリフ

    これを各々ダブルクリックして、自分の好きなフォントを指定してやればいいです。

    フォント名はカンマ区切りで複数指定できます。

    ダブルクォーテーションで囲まなくても大丈夫でした。

    フォント指定編集
    こんな感じで

     

    フォントが変わったか確認してみる

    デフォルトフォントはフォントが css で指定されてない場合に有効なので、指定を外した上でビフォー&アフター。

    Google で Google を検索した画面で比べてみました。

    Before
    After

     

    Firefox の UI フォントを変える

    デフォルトフォントは解決です。

    次は UI のフォント。

    userContent.css というデフォルトで読み込まれるものを Firefox プロファイルディレクトリにて指定してもいいのですが、説明がややこしいので簡単に、アドオンを使います。

    わかる人は userContent.css でもいいです。

     

    Stylish アドオン

    超便利なアドオン。

    ユーザーがスタイルシートを好きに操れるってやつです。

    Stylish :: Add-ons for Firefox

    これをインストール。

     

    Stylish アドオンでユーザースタイルを書く

    アドオンマネージャからユーザースタイルを選択し、”新しいスタイルを書く” をクリック。

    新しいスタイルを書く
    新しいスタイルを書く

     

    新しいスタイルを書く

    新しいスタイルに適当な名前を付けて、記入します。

    css の文法に準拠すればいいです、こんな感じ。

    Firefox UI のフォント指定 css
    Firefox UI のフォント指定 css
    @charset "UTF-8";

menu,
menubar,
menubutton,
menulist,
menuitem,
toolbarbutton,
window {
  font-family: "Segoe UI", やさしさゴシック !important;
  text-rendering: geometricPrecision !important;
}

    10行目の font-family で好きなフォントを指定。

    ビフォー&アフターはこんな感じ。

    びふぉー
    あふたー

    お疲れ様でした。

     

    ﾎﾎまとめ

    完全に自己満足。

    自分の好きな環境を作ることでモチベーションや愛着に繋がると思っているので、我ながら素晴らしい記事だと思います。

  • 石井杏奈の時代、来るで。広島県出身の20歳女性歌手。

    石井杏奈の時代、来るで。広島県出身の20歳女性歌手。

    E-girls じゃないよ。

    最近この方を知りまして、密かに注目しています。

     

    石井杏奈って誰よ

    Google さんで調べると、同姓同名の方が出てきますけども、違いまして。

    1994年2月12日生まれ(2014年7月28日現在20歳)の広島県出身、現在は上京して歌手をやってらっしゃる方です。

     

    石井杏奈さんの佇まいなど

    自身で Twitter を更新しているので、日常が垣間見れて素敵&素敵。

    ちょっと載せてみましょう。

    https://twitter.com/annaishii/status/493369633374613506

    https://twitter.com/annaishii/status/491940205801136129

    https://twitter.com/annaishii/status/491917207169798145

    https://twitter.com/annaishii/status/490853658796371969

    https://twitter.com/annaishii/status/490518701485985792

     

    石井杏奈さん、ミュージックビデオ

    公式 YouTube からは1本しか配信されていませんが、是非。

     

    おわりに

    歌の善し悪しは人それぞれなのでとやかく言いません。

    何より、エネルギッシュなのがいいなぁと思うんです（カープファンというのが素晴らしく）。

    締めにもう一度、石井杏奈の時代、来るで。

  • パナップ アサイー&グレープヨーグルト味 [ファミリーマート限定][数量限定] アイスが頗る美味しい。

    パナップ アサイー&グレープヨーグルト味 [ファミリーマート限定][数量限定] アイスが頗る美味しい。

    暑すぎるので理想のアイスを求める旅へ。

    繰り出すこと1日目、出会いました。

     

    ファミリーマート限定・数量限定のこいつ

    元よりパナップは好きだったのですけども、これは一味違った！

    パナップ　アサイー＆グレープヨーグルト味｜商品情報｜FamilyMart

    パナップ　アサイー＆グレープヨーグルト味
    パナップ アサイー＆グレープヨーグルト味

     

    パナップ アサイー&グレープヨーグルト味

    ラクトアイス分類ながら、それを感じさせない濃厚さ。

    アサイーグレープソースはまぁ普通においしいとして、ヨーグルト味がとても良い。

    ほどよい酸味がさっぱりした気分にさせてくれる一品。

    スプーンで
    スプーンで

     

    お値段は税込み162円と若干お高いものの、値段に見合うだけのものはあるかと！

    内容量 135㎖。

    是非お試しあれ。

  • ScribeFire ブログエディタは Windows でも Linux でも、OS を選ばず使えるオススメな素晴らしさ。しかも無料。

    ScribeFire ブログエディタは Windows でも Linux でも、OS を選ばず使えるオススメな素晴らしさ。しかも無料。

    ブログを書いている Windows ユーザーは長らくブログエディタに悩まされているはず。

    Live Writer が一応の定番ですかね。

    ブログエディタ、ScribeFire がオススメなので使ってみません？

    ということで、ScribeFire の紹介・使い方・設定方法など。

     

    ScribeFire とは

    ブログエディタです。

    ブログを書くために特化したもので、ソフトウェア形態としてはブラウザの拡張機能として提供されています。

    無料で使える代わりに、エディタ上で広告が1つ表示されますが、気になるレベルではありませんし記事に細工などもしません。

    対応ブログは

    • Blogger
    • LiveJournal
    • MovableType
    • WordPress

    で、Atom, MetaWeblog 形式にも対応しています。

    一部英語ですが、ScribeFire は日本語化されています。

     

    ScribeFire 対応OS・ブラウザ

    前述の通り、ブラウザの拡張機能なので、OS は選びません。

    Windows Mac Linux
    Firefox ○ ○ ○
    Chrome ○ ○ ○
    Opera ○ ○ ○
    Safari ○ ○

     

    ScribeFire を使ってみる

    前口上はこのあたりで置いといて、実際に ScribeFire を使ってみます。

     

    ScribeFire をインストール

    当記事では Chrome を使用、ブラウザに合わせてインストールしましょう。

    ScribeFire Chrome 拡張ページ
    ScribeFire インストール

     

    ScribeFire にブログを設定する

    当記事ではインストール型 WordPress (このブログ) を例に進めます。

    1. ScribeFire を起動し、左上の”新しいブログを追加”をクリック、ブログURLを入力し次へ。

    ScribeFIre 新しいブログを追加
    ScribeFIre 新しいブログを追加

     

    2. ブログのユーザー名&パスワードを入力

    ScribeFIre ブログのユーザー名とパスワードを入力
    ScribeFIre ブログのユーザー名とパスワードを入力

    これでブログの追加完了です。

    WordPress の場合、XML-RPC を無効にしていると使えないので注意。（デフォルトは有効

     

    ScribeFire でブログを書いてみる

    ScribeFire のビジュアルエディタ編集画面は WordPress と同じ TinyMCE を使っているので、WordPress ユーザーなら違和感なく使えると思います。

    ショートカットキーも同じです。

    ビジュアルエディタ・HTML編集、フルスクリーンモードなど、必要十分。

    ScribeFire ビジュアルエディタ
    ScribeFire HTMLエディタ
    ScribeFire フルスクリーンエディタ

     

    ScribeFire のその他色々

    過去の投稿ももちろん参照・編集可能。

    ScribeFire 投稿, ページ一覧
    ScribeFire 投稿, ページ一覧

    カテゴリ・タグは自動補完・ドロップダウン対応。

    ScribeFire カテゴリ一覧
    ScribeFire カテゴリ一覧
    ScribeFire タグ一覧
    ScribeFire タグ一覧

    Markdown 書式もいけます。

    ScribeFire Markdown 設定
    ScribeFire Markdown 設定

    ScribeFire の設定はインポート・エクスポートできるので、他ブラウザ・PC間で再設定する手間が省けていいですね。

    ScribeFire 設定のエクスポート・インポート
    ScribeFire 設定のエクスポート・インポート

     

    ScribeFire にできないこと

    • アイキャッチ画像が設定できない (WordPress
    • 画像のサイズはブログ設定から取得できない (WordPress
    • 2014.12.08 編集 反映されました 空の改行 <p>&nbsp;</p> が反映されない (WordPress

    使ってみて気づいたことなので、他にもあるかもしれません。

    空の改行はむしろ使わないほうがいいのでこれはこれでアリかと。

     

    ﾎﾎまとめ

    ブログをごりごり書く人もそうでない人も。

    ブログエディタを使えばいちいちウェブから更新しなくてもよいので、ブログ更新に割く時間をきっと減らせるでしょう。

    これからゴリゴリ使っていこうと思います。