はてなブックマーク

Qiitaに書いた記事の続き qiita.com 英語のみでググりたい 技術系のことをググるとき、検索対象を英語のみにしたい(というか、日本語ページを除外したい)場合が多い 検索結果画面の「ツール」のところからだと すべての言語 日本語のみ の2つしか選べない。 「すべての言語」を選択しても、日本語のページがけっこう混ざってくる。日本語以外だけを、対象にしてググりたいんだよな〜〜 ブックマークレットを作った ということでブックマークレットを作った Googleの検索結果表示を「日本語を除外」←→「日本語のみ」に、さくっと切り替えられます こちらです。 javascript:(()=>{u=new URL(location);u.searchParams.set('lr',(u.searchParams.get('lr')=='-lang_ja')?'lang_ja':'-lang_ja')

日本の祝日の一覧データが欲しかった Webサービスなどでカレンダーを表示する際、祝日の情報を取得するのって面倒じゃないですか。振替休日とか、春分の日みたいに年によって日が違うものとか、ハッピーマンデー法だとか、いつのまにか祝日が増えてるみたいなこともあったりとか。あと今年〜来年にかけてだと、天皇誕生日関連の変更もありそうだなとか。 なんせこれらをふまえてプログラムすることは現実的じゃなさそうなので、祝日一覧のデータだけ欲しかったりするじゃないですか。 ということで以前作ったこちらの紹介です。 Holidays JP API holidays-jp.github.io このページ↑に書いてあるとおりなんですが Googleカレンダーの情報をもとに 去年・今年・来年 の祝日一覧を返します データ形式は json か csv を選べます 年単位での取得も可能です というシンプルなAPIを作成しま

Google Apps Script Advent Calendar 2018 の 7日目です。昨日 6日目は tryforthさんの「CDN版Vue.jsで作るGoogleSpreadsheetお手軽サイドバー」でした。 GAS を ES6 で書きたい…… Googla Apps Scriptは、JavaScript的な文法で気軽に書けるのでありがたいですね。ただ、現時点では ES6 (ES2015〜) の記法が使えないんですよね…… ES5 相当でがんばって書く必要があります。なので、const宣言も アロー関数もテンプレートリテラルも使えません。 いやいやいや、それでも！ ES6で書きたいんじゃ！！ どうすればいいんでしょうか。やっぱり、ローカルで ES6 で書いて、babel などでビルドする環境用意して、ビルド結果をサーバに送る感じになるのでしょうか。なるのでしょうね。うう……

毎回ググってるから自分メモ。 Mac で、コマンドライン、CLI から、WAV やら m4a やらを mp3化したい。ビットレートも指定しつつ。 ffmepg を使う。 homebrew で ffmpeg をインストールしておいて、ターミナルから ffmpeg -i <input-file> -f mp3 -b:a 192k <output-file> -b:a 192k のところがビットレート。 音声ファイルの形式変換は iTunes とかでもできるけど、さくっとやるにはやっぱり CLI が便利だ。

WordPress 4.4 から、簡単に WordPress の記事を本文中に埋め込めるようになりました。 こんなかんじ。 WordPress 4.4 “Clifford” 上記公式サイトによりますと 他の WordPress サイトに投稿を埋め込めるようになりました。エディターに投稿の URL を入れるだけで、設定したタイトル、抜粋、アイキャッチ画像を備えた埋め込みプレビューがすぐに表示されます。 とのこと。実際、URLを入れるだけなので簡単です。 で、この埋め込み表示のカスタマイズ方法を、ちょっとまとめます。 テンプレートをカスタマイズする デフォルトで使用されるテンプレートは /wp-includes/embed-template.php に配置されています。 これを自分のテンプレートフォルダにコピーして、自由に編集すればOKです。 たとえば初期状態だと日付の表示はありませんが、適当

最近 git クライアントの TortoiseGit を使い始めました いまのとこまったく問題なく使えています で、TortoiseGit の commit画面とかログ参照画面とかの GUIダイアログを、コマンドラインから起動する方法です ■ commit 画面 "C:\Program Files\TortoiseGit\bin\TortoiseProc.exe" /command:commit /path:"●" ■ ログ参照画面 "C:\Program Files\TortoiseGit\bin\TortoiseProc.exe" /command:log /path:"●" ■ sync 画面 (push したり pull したり) "C:\Program Files\TortoiseGit\bin\TortoiseProc.exe" /command:sync /path:"●"

昔作った WordPress のプラグインを、あらためて体裁整えて公開します。 Small Archives http://wordpress.org/plugins/small-archives/ WordPress に限りませんけど、ブログって長いこと書いてると、サイドバーの「月別アーカイブ」の表示がやたらと縦に伸びませんか。 こんなかんじで。 短文のエントリだと、画面の大半が空白なのにサイドバーだけがやたら下に長くなっちゃったりしてちょっと不格好なかんじ。WordPressだとドロップダウン表示にもできるけど、それも一覧性が低いし味気ないかなー、とか。 ということで、"Small Archives" は月別アーカイブをすっきり表示させるためのプラグイン（サイドバー用ウィジェット）です。 インストールして管理画面の「外観→ウィジェット」から Small Archives を使うようにす

Windows XP 環境での git クライアントとして SmartGit を試してみてたのですが、結構よさげなんだけど日本語が文字化けしちゃうのがなー…という感じでした。UTF-8ソースの diff 画面の日本語が化け化けなのです。 どうやら文字コードが Shift-JIS固定みたいで、設定画面でも文字コードに関する項目は見つけられず… しかしググったら、こんな情報が！ @nashimoto: [SmartGitでUTF-8メモ] 初回起動前であれば smartgit.vmoptions に -Dfile.encoding=UTF-8 を書く。既に設定ファイルが出来てたら projects.xml の encoding を全て UTF-8 に書き換える。 2010-03-03 13:07:10 via Silver Bird ビバTwitter!!! 感謝感謝!!! ということで　C:

wordpress を autopagerize に対応させるには、ファイルをいじってタグや属性をいくつか埋め込む必要があります。 class="autopagerize_insert_before" class="autopagerize_page_element" rel="next" とかですね。 このうち、上の二つについてはテンプレートファイルを書き換えるだけでいいのですが、「rel="next"」については直接 wordpress のプログラムの中を修正するという方法をググったらよく見かけます。が、これだと wordpress をアップデートした時に再度修正しなおす必要がでてきてしまうんですね。(アップデート時にwordpressのファイルが上書きされるため) ちょっとめんどい。 というわけで、テンプレートファイルをさわるだけで autopagerize 対応にさせる方法を書いて

Zen Coding で html をパパっと書くのはけっこう慣れてきたんですが、CSS をパパっと書くのはほとんどやったことなかったなあ、ちゃんと覚えたいなあと思いまして、とりあえずチートシートを探してみました。 Zen-Coding のオフィシャルに PDF があったんですが、全部盛り込まれててちょっと量が多い…覚えられない… できたら印刷用に 1ページで、必要なやつだけまとまってるやつが欲しい… ということで、我流で、チートシートを作ってみました。 1ページに納まるように自分が使わなさそうなやつは外して、抜粋した感じで入れてあります。 ↓こちらの PDF です http://monaural.net/lab/zen/zen_css_cheatsheet.pdf これで勉強しまっす。 "margin-left" は "ml", "text-align" は "ta" みたいな感じでけっ

タイトルの件、けっこう困ってたんです。 Chrome を長時間使っていると、なぜかラジオボタンやチェックボックスが表示されなくなってしまう、という現象が起きることがありまして。一度そうなっちゃうと、リロードしてもウィンドウを一旦閉じて再度 Chrome を起動しても元には戻りません。チェックボックスがオンなのかオフなのか見た目にさっぱり分からくなってしまうので結構致命的で、仕方なく OS ごと再起動させていました。 しかしググったら、回避策を書かれている方がいらっしゃった！ すばらしい！ すばらしい！ ■ Google Chromeでcheckboxやradio buttonが消えたときの応急処置 - 殺シ屋鬼司令 http://d.hatena.ne.jp/extinx0109y/20090128/1233109517 回避方法は、「ページの印刷ダイアログを表示→キャンセルさせる」です。

CakePHP のディレクトリ構成に関してちょっとハマって、とりあえず解決したのでメモ。 たとえば Cake を使っているときに http://example.com/test/ ってアドレスにアクセスすると、デフォルトでは test コントローラの index アクションに処理が移ると思います。しかしここで、すでにサイトに /test ってフォルダが存在する場合は 403 Forbidden のエラーになってしまいました。 Cake ではすでにその URL がページとして存在する場合、Cake に処理を移さずそのまま表示されます。それは問題なし。 しかし今回は /test フォルダはあるけれども、その配下に index.html がなかったため、/test 配下の一覧を表示できないよーという 403 Forbidden エラーになってしまうと。あ、ここには index.html 以外に必

以前、SRWare Iron で AutoPagerize を使うってのを書いたんですが、Chrome の開発版でも AutoPagerize は使えますので、その方法をメモしておきます。 Chrome 開発版の入手方法から AutoPagerize の入手、greasemonkey を有効にするまで、です。 1. Chrome をダウンロード まずは Chrome をインストールしていない場合は、こちらからインストール。 2. Google Chrome Channel Changer を使って開発版を入手できるよう設定 続いて、こちらより Google Chrome Channel Changer をダウンロードします。これを起動するとダイアログが出てくるので、以下の 3つのうちどれを使いたいかを選びます。 Stable : 正式リリース版 Beta : ベータ版 Dev : 開発版

先日話題になってた、css だけで吹き出しボックスを作るやつですけど、 これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌 http://phpspot.org/blog/archives/2009/04/css_84.html Fun With CSS Shapes - Nettuts+ http://net.tutsplus.com/videos/screencasts/fun-with-css-shapes/ こんなの発想してしまうのはすごいですねえ。すばらしい。ブラボー。 ただ、htmlソース側に空の <span> 要素が必要なところが、ちょっと気になるのです。見栄えのために、空の要素をソースに追加しないといけないという点が、ちょっと。 というわけで、なんとかならないもんかと試してみました。一応こんな感じでなら、htmlソース側もきれいにできるんじゃないかと思

最近メインブラウザとして SRWare Iron というものを使っています。これは Google Chrome のベースになっている Chromium というオープンソースを元にしたブラウザです。機能は少ないけど動作がむちゃくちゃ高速。 で、この Iron で AutoPagerize を使うためのメモ。 まず、opera などでも利用できる AutoPagerize であるところの oAutoPagerize をダウンロードしてきます。 oAutoPagerize - 0x集積蔵 "for GreaseKit/Greasemetal/Chromium Greasemonkey" のところから以下の2つのファイルをダウンロードし、これを C:\scripts ディレクトリに置きます。 oAutoPagerize.user.js 0AutoPagerize.SITEINFO.user.js