monaurallab

モノラルラボ

Hugo と GitHub と Netlify とでブログを作った

こちらです。 https://pause.cf/ Netlify, 便利でお手軽で無料ですばらしい。 記事は Git にコミットして GitHub 経由でデプロイするので、ブログを書くと GitHub に緑の草が生える。 ……というモチベーションがあり、ちょっとしたことを書きやすくなるかも。…

WordPress の記事投稿スケジュールを iCal 形式で出力するプラグイン "postical" を作った

経緯 WordPress の記事投稿スケジュールを、Google カレンダーとかから見られない? って質問をいただく ちょっと調べたけどいいかんじのプラグインが見つけられない (たぶんあるんだろうけど) 個人的にあったら便利っぽい気がした 作った postical https://…

Sublime Text 3 の初期設定まとめ

自分メモ。完全に自分メモ。 諸事情により Sublime Text 3 を再インストールしたんだけど、設定がめんどくさかったので一応手順を自分メモ。 package controll を入れる ここから https://packagecontrol.io/installation 最低限のパッケージを入れる emmet …

WordPress 4.4 の埋め込み(embed)機能の表示をカスタマイズする

WordPress 4.4 から、簡単に WordPress の記事を本文中に埋め込めるようになりました。 こんなかんじ。 WordPress 4.4 “Clifford”1e3)g=1e3;else if(200>~~g)g=200;f.height=g}if("link"===d.message)if(h=b.createElement("a"),i=b.createElement("a"),h.hr…

今年のPHPカンファレンス関西は、セッション数が大幅UP!

このブログはPHPカンファレンス 関西 2015のリレーブログです。 PHPカンファレンス 関西の開催日までリレー方式でブログを繋いでいきます。 一つ前のブログは id:nano-eight さんの 「PHPカンファレンス関西2015が開催されます!」 でした。 明日のリレーブ…

はじめてのプルリクエスト (wp-popular-posts プラグインにプルリクエスト送った話)

あらすじ wordpress-popular-posts プラグインは、人気の投稿を表示してくれる便利な WordPress プラグイン カスタムHTMLを使って表示の設定をする場合、日付を表示する {date} というタグがどうやらサポートされてないっぽい…? あって良さそうなもんだけど…

Qiita デビュー、gulp デビュー

Qiita のイベントに行ってきた 東京出張とタイミングが合ったので、9/11 のイベント、Qiita Meetup に参加してきた。やはりいろいろ刺激的。 ステッカーもろた! 参加者のみなさんと名刺交換させてもらったら、3人に1人はベンチャーの社長さんとか役員さん。…

Chrome Developer Tool のフォントサイズを大きくする

Chrome の Developer Tool では ⌘- でフォントサイズを小さくできますが、大きくするショートカットがパッと見つからなかったのでメモ。 ⌘^ で、フォントサイズを大きくすることができます。 (他のエディタでよくある ⇧⌘- とか ⇧⌘; とかのショートカットを色…

Glyphicons などのアイコンフォントを CSS の before とかで表示させる

アイコンフォントの表示のさせ方。 たとえば Twitter Bootstrap にも入っている Glyphicons とかだと空の span 要素にクラスつけて表示させる感じですね <span class="glyphicon glyphicon-map-marker"></span> それを CSS だけでやりたい場合。フレームワークが吐き出す html に、CSS の after やら before やら…

markdown で数字付きリストを書くとき、2行目以降の行頭は "-" でもよかった

markdown で 数字付きリストを書くやりかた 素直に書くとこうなる。行頭に 数字とピリオドをつけていく。 1. あいうえお 2. かきくけこ 3. さしすせそ ただ、リスト内の順番が入れ替わったりしたときに、いちいち数字を変えてられない。 行頭の数字は別に連…

PHPカンファレンス関西、参加されるみなさんのPHP経験年数は?

このブログは「PHPカンファレンス関西」のリレーブログです。 「PHPカンファレンス関西」の開催日までリレー方式でブログを繋いでいきます。 一つ前のブログは sigesabaさんのブラよろで学ぶPHPカンファレンス関西2014でした。

GitHub のコードを embed できるサービス gist-it

gist のコードは簡単にブログに貼れるけど、GitHub のリポジトリ内のコードはどうやって貼るのがいいのかな、とググってみたら出てきたサービス "gist-it" gist-it.appspot.com - Embed files from a github repository like a gist http://gist-it.appspot.…

「開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質」をちょっとずつ読んでるけど、毎日開眼している

まだ読みかけなんですが、いいですねこの本。 タイトルが「開運!なんでも鑑定団」みたいだけど、ほんとに開眼するわ。 開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質作者: Cody Lindley,和田祐一郎出版社/メーカー: オライリージャパン発売日: 2013/…

foundation 5 の CDN

css

foundation 5 の CDN、これが公式なのかな、ドメインが zurb.com だしそうだよね <link href="//cdn.foundation5.zurb.com/foundation.css" rel="stylesheet"/> <script src="//cdn.foundation5.zurb.com/foundation.js"></script> ※ foundation は、Twitter bootstrap みたいな CSS フレームワークのひとつ</link>

「俺聞け7」で発表した音楽系Webサービスのまとめ

2/15 の「俺聞け7」で音楽系Webサービスについて発表してきました。 いろんなのを10個くらい、ざざーっと紹介してきましたので、そのサービスのまとめです。

WordPress の自作プラグインを公開する手順(完了)

WordPress の自作プラグインを公開する手順(途中) http://matsuoshi.hatenablog.com/entry/2013/12/29/054135 の続きです。 晴れて公開されたので。 以下、公開までの道のりを。 作ったプラグインをzipでどっかに置く。 GitHub 使っていれば、勝手に zipを…

Twitter Bootstrap の Navbar の表示を、常にスマホっぽい動きのある感じにしたい

Twitter Bootstrap の Navbar はレスポンシブな感じになっていて、ブラウザの横幅に応じて表示状態が変わります。デフォルトでは 横幅が768px以上 → ナビのメニューをふつうに表示 横幅が768px未満 → ≡ こんな感じのボタンだけが表示され、クリックするとメ…

Small Archives: WordPress の月別アーカイブをコンパクトに表示してくれるプラグイン

"Small Archives" は月別アーカイブをすっきり表示させるためのプラグイン(サイドバー用ウィジェット)です。

WordPress の自作プラグインを公開する手順(途中)

練習がてら、昔作った WordPressのちょっとしたプラグインを wordpress.org の Plugin ディレクトリに置いてもらうための手続きを調べた(まだ途中です) 作ったプラグインをzipでどっかに置く GitHub 使っていれば、勝手に zipを作ってくれるのでそれが都合…

Tumblr で、動画のサムネイル画像を取得するタグ

タイトルそのまんまですが、Tumblr のタグで、動画のサムネイルを取得できるものがあった。 {VideoThumbnailURL} みたい。 {block:VideoThumbnail} {VideoThumbnailURL} {/block:VideoThumbnail} こんな感じでよし。 Facebook向けの og:image とかにも使えそ…

Mac の Excel で 編集と改行のショートカット

Mac の エクセルのショートカット2つ、覚え書き。 選択したセルを編集したい → control + u (windows だと F2 だっけ) セル内で改行したい → command + option + enter (windows だと alt + enter) すんごいよく使うのに windows と違ってて覚えられなかった…

CPIサーバ + mod_rewrite + HTTPS の設定メモ

mod_rewrite の RewriteCond で SSL かどうかを判定するのって、.htaccess内で RewriteCond %{HTTPS} on # 〜SSLのときの処理〜 RewriteCond %{HTTPS} off # 〜非SSLのときの処理〜 ってやれば出来ると思ってたんだけど、CPI のシェアードプランではうまく動…

GoogleMap のフキダシ(InfoWindow)をカスタマイズできそうなツール

まだ試してないけど、備忘録的にメモ。 InfoWindow のカスタマイズに疲れたので… google-maps-utility-library-v3 - Open source project to be a central repository of utility libraries that can be used with the Google Maps API JavaScript v3. - Goo…

Mac使ってる理由:Time Machine があるから

mac

技術屋にMac使いが多い理由ってなに? : IT速報 http://blog.livedoor.jp/itsoku/archives/34935693.html 本の虫: 技術屋にMac使いが多い理由ってなに? http://cpplover.blogspot.jp/2013/11/mac.html UNIXだから、っていうのはもちろんあるんだけど、自分…

CakePHP の bake で新規プロジェクトを生成

一ヶ月ぶりくらいに CakePHP 触ってみたらいろいろ忘れてたので、メモ。 新規プロジェクトのはじめかた たとえば /local/lib/cakephp に CakePHP が入っている環境で、 /home/user/newproject に CakePHP のプロジェクトを新しく作りたい場合 作りたいディレ…

Amazon で今見ているページを、画像つきでMarkdown記法でブログに貼る用のブックマークレット

はてなブログ移行記念のテスト書き込みを兼ねて Amazon で今見ているページを、画像つきでMarkdown記法でブログに貼る用のブックマークレットです javascript:var a = location.href.replace(/^.*\/dp\/(\w+).*$/, '$1'); prompt('','[!['+document.title+']…

Markdown でリンク付きの画像を表示させる

覚えたらすっきり便利な Markdown記法、はてなでも WordPress でも Tumblr でも GitHub でも使えるのでいろいろ試しています。 リンクの貼り方 [Tumblr.](http://tumblr.com) これを表示させると↓ Tumblr. 画像の貼り方 ![Alt text](http://assets.tumblr.co…

http と https の領域を、.htaccess の設定で行ったり来たりさせる (2)

前回のメモの続きです。 http ←→ https (SSL) の行ったり来たりを .htaccess のリダイレクトの設定だけでなんとかする方法、http と https の領域が同じパターン編。 前提 http と https とで、ファイルを置く領域が同一のとき /secure と /contact フォルダ…

http と https の領域を、.htaccess の設定で行ったり来たりさせる (1)

メモです。 フォームなどは SSL でアクセスさせたい、通常のページはhttpで、でも共通で使う画像などもありますよ、というとき、.htaccess のリダイレクトの設定だけでなんとかする方法。 前提 http と https では、ファイルを置く領域が異なるとき /secure …

CakePHP + PHPUnit でのテストで、例外を判定

CakePHP のコントローラでのテストで、たとえば 404エラーが発生することを確認するためのテストコードの例です。 setExpectedExcept…

PHP で メールアドレスの形式を一発でチェックする

php

メールアドレスのチェックは面倒ですが、実はPHP標準の関数で、メールアドレスが正しい形式かどうか一発でチェックできるみたいです。 if (filter_var($address, FILTER_VALIDATE_EMAIL)) { return true; } これだけ。 日本の携帯メールアドレスがRFCに準拠…

Tumblr のテーマに、投稿者名とアイコンを表示する

Tumblr は複数人で1つのブログを更新していけるんですが、デフォルトのテーマだと投稿者名が表示されないので誰が更新したのかわかりません。 というわけで、投稿者名を表示できるようにテーマをいじったメモ。 http://www.tumblr.com/docs/ja/localizing_th…

javascript で、イベントハンドラのコールバック関数に引数を渡す時の書き方

タイトルどおりですが、javascriptでイベントハンドラのコールバック関数に引数を渡す方法です。 今までは呼び出し時に一度無名関数で囲む、という方法↓でやってたんですが var callback_func = function(arg) { // コールバック処理 console.log(arg); }; $…

NetBeans のデフォルトの文字コードを UTF-8 にする

NetBeans 7.2が出ましたが、バージョンアップするたびに毎回ググってるのでメモ。インストールディレクトリ/etc/netbeans.conf の netbeans_default_options のところに、以下を追記する。 -J-Dfile.encoding=UTF-8

サッカー番組表をつくりなおしたついでに、音楽PVページと野球番組表も作った

メモです サッカー番組表 FOOT TABLE をこないだ作りなおしたついでに、スカパーの音楽PV放送予定ページ PV Chart もメンテナンスして再び動くようにした。あと、サッカーのやつをベースにして、野球の放送予定ページもついでに作ってみた。 できればゴール…

Operaの設定ファイル等の保存先ディレクトリを変える

Operaのアドレスバーに opera:config#User Prefs|opera local directory と入れて、そこから指定。メーラとして使っていると、けっこうなサイズになりますもので……

Opera で、リンクを右クリック→別のブラウザで開く、を設定する

僕はメーラ&グループウェアなどの常駐用に、Opera を使っています。 別に Opera 至上主義という訳ではないんですが、メーラとブラウザが一体化してて、Win でも Mac でも同じように使えるツールというと Opera しか知らないのです。常駐用ということで Face…

SmartGit での日本語の文字化け対処

git

Windows XP 環境での git クライアントとして SmartGit を試してみてたのですが、結構よさげなんだけど日本語が文字化けしちゃうのがなー…という感じでした。UTF-8ソースの diff 画面の日本語が化け化けなのです。どうやら文字コードが Shift-JIS固定みたい…

TortoiseGit をコマンドラインから起動する

git

最近 git クライアントの TortoiseGit を使い始めました いまのとこまったく問題なく使えていますで、TortoiseGit の commit画面とかログ参照画面とかの GUIダイアログを、コマンドラインから起動する方法です ■ commit 画面 "C:\Program Files\TortoiseGit\…

Zen-Coding の CSS のチートシート

Zen Coding で html をパパっと書くのはけっこう慣れてきたんですが、CSS をパパっと書くのはほとんどやったことなかったなあ、ちゃんと覚えたいなあと思いまして、とりあえずチートシートを探してみました。 Zen-Coding のオフィシャルに PDF があったんで…

第2回関西アンカンファレンスに参加してきました

MacBook Air 11インチ欲しい!というわけで、前回(2009年)の第1回「関西アンカンファレンスに参加してきました」以来のはてなダイアリーです。おひさしぶりです。1年以上ぶりです。 1/8(土)、第2回関西アンカンファレンスに参加してきました。 運営スタッフ…

関西アンカンファレンスに参加してきました

12/19(土)、大阪で行われた関西アンカンファレンスに参加してきました。とてもいい刺激になりました。 運営スタッフのみなさん、ありがとうございました&おつかれさまでした。 僕も、僭越ながら発表させていただきまして。 こういう機会に人前で発表などし…

WordPress の検索結果ページで、検索件数を表示する

$wp_query の中に、そのページで表示しようとしている投稿の情報がいろいろ入っているので、そこを覗けば簡単でした。 検索結果: found_posts;?> 件 これだけです。また、$wp_query->query_vars['paged'] には現在何ページ目かという情報が、$wp_query->quer…

第2回CakePHP関西勉強会に参加します

そうだそうだ、 第2回CakePHP関西勉強会http://events.php.gr.jp/events/show/76 6/5に大阪で行われる、こちらの勉強会に参加させていただきます。こういうの、久しく行ってなかったので楽しみにしております!

CakePHP で静的ページと動的ページを共存させるために mod_rewrite をいじった

CakePHP のディレクトリ構成に関してちょっとハマって、とりあえず解決したのでメモ。たとえば Cake を使っているときに http://example.com/test/ ってアドレスにアクセスすると、デフォルトでは test コントローラの index アクションに処理が移ると思いま…

Python の Windows用 HTMLヘルプファイル +α

今さらですが GAE (Google App Engine) を使ってみたいので、Python を試そうと思っています。で、まずはリファレンスを入手したい。本を買ったりするまえにネットから入手したい。Windows ユーザなので、CHM 形式のヘルプファイルがあればなにかと便利だよ…

Chrome の開発版を入手して Autopagerize を使う

以前、SRWare Iron で AutoPagerize を使うってのを書いたんですが、Chrome の開発版でも AutoPagerize は使えますので、その方法をメモしておきます。 Chrome 開発版の入手方法から AutoPagerize の入手、greasemonkey を有効にするまで、です。 1. Chrome …

「CSSだけで作れる吹き出しボックス」の簡易版 (空span無し)

css

先日話題になってた、css だけで吹き出しボックスを作るやつですけど、 これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌http://phpspot.org/blog/archives/2009/04/css_84.htmlFun With CSS Shapes - Nettuts+http://net.tutsplus.com/video…

TinyURL の api を使う

api

自作 twitter bot の @_bounce が post する URLが、なんか途中で途切れるようになってしまいました。いままでは長ーい URL を与えていても twitter側で TinyURL (URLの短縮サービス) を使ってうまいことやってくれてた気がするんですけど、そこの動作が変わ…

Skype 4 にどうにも慣れなかったので、いったん Skype 3に戻す

Skype 4 がどうにも使いにくい。慣れの問題かなーとも思ったけど、どうにも慣れない。 特に人のムードメッセージが長いとき 1クリックで全部読めないだとか、ムードメッセージ中の URL に 1クリックで飛べないとか、細かい点でけっこう気になるとこが多いっ…