はてなブックマーク

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-10-01 | Tags: unity Oculus RiftのUnity用SDKはUniry Pro向けとなっていますが、一応前回のHydraと同じような方法でUniry Free版でも動作させることができます。(ただし一部制限あり) Unity Free - Oculus 1/2 Unity Oculus SDKの使い方 OculusVR Developer Cneterにユーザ登録して、「ovr_unity_0.2.4_lib.zip」をダウンロード・解凍します。 UnityのProjectビューの右クリックメニューから「Import Package」→「Custom P

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-09-16 | Tags: unity UnityでMMDのモデルとモーションを読み込むには「MMD for Unity」を使う方法と、「PMD2FBX & MMD4Mecanim」を使う方法があります。 それぞれ試してみました。なお、Unityは4.1.5を使用しています。 MMD for Unity 準備 下記ページからmmd-for-unity2.0b.zipをダウンロードします。 UnityでMMDを動かす会 (ミクミクダンスフォーユニティー) プロジェクト日本語トップページ - SourceForge.JP 解凍したフォルダをProjectビューのAssets内にドラ

Created at: 2012-06-15 | Tags: vim Vimで全角を含む文字数をカウントしたい場合、以下の置き換えコマンドで確認することができます。(nオプションはマッチの個数を表示し、実際には置換を行いません。) :s/./&/gn しかし頻繁に実行するのは面倒なうえ、set hlsearchされていると全体がハイライトされてしまいます。 ここでは、上記コマンドは使用せずにステータスラインに文字数カウントを表示する方法を紹介します。 以下のページで文字数をカウントするためのVimスクリプトが公開されています。 文字数カウントスクリプト - 地獄の猫日記 バッファを開いた時や保存時に文字数が更新されるようになっているようですが、私の方ではインサートモードから抜けたタイミングでも更新するよう修正してみました。 augroup CharCounter autocmd! auto

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-04-27 | Tags: javascript 2013/4/26にCeVIO Creative Studio FREEが公開され、以下の記事で話題になっていました。 ASCII.jp：ボカロじゃない音声合成ソフト「CeVIO」ってなんぞ!? (1/4) 音声合成・歌声合成の新星「CeVIO」、その謎が解けた！ (1/3) - ITmedia ニュース 早速私も試してみたところ、かなり自然な音声合成ができ、音声ファイルの出力なども簡単でした。 そこで今回は、このCeVIO Creative Studio FREEと、先日少し改造したReveal.jsを使って自動プレゼンテーシ

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-03-02 | Tags: javascript JavaScriptを使ってプレゼンテーション用のスライドを作るためのライブラリは沢山ありますが、現在はReveal.jsが人気のようです。 今回はこのReveal.jsを少し改造して、Markdownでちょっとしたスライドを手軽に作る方法を紹介したいと思います。 Reveal.jsとMarkdown サンプル Reveal.jsのMarkdown機能 Reveal.jsはJavaScript製のMarkdownパーサであるshowdown.jsとmarkdown.jsにより、Markdownによるスライドコンテンツ表記に対応し

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-03-03 | Tags: css とにかく見づらいと評判の、はてなブックマーク個別エントリページの表示を改善するユーザスタイルシートを作成しました。 はてなブックマーク 個別エントリ ユーザスタイルシート 個別エントリページ用ユーザスタイルシート 文字色が見づらいという意見が多く見られますが、個人的には無駄な余白の方が気になったので、そちらを重点的に変更しています。 「すべて」を選んだ際、コメントの無いブックマークは表示されないようになるので、スクロールが大幅に減らせます。(追記＠2013/03/03 「すべて」は表示が遅いのでコメントを全部読みたい場合は「新着コメント」を見

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-12-29 | Tags: windows スマートフォンなどから使える月額基本料無料のIP電話サービスFUSION IP-Phone SMARTが、2012/12/12から留守番電話サービスに対応していました。 IP-Phone SMARTは無料で050の番号を持つことができ、自分から発信することがなければ一切コストがかからないようです。 留守番電話の録音メッセージはメールに転送することができ、かなり便利なサービスだと思います。 SIPクライアントソフトがあればPCからも通話ができるので、ここではWindowsで動作確認したメモを残しておきます。 Windows用SIPクライ

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-01-12 | Tags: javascript はてなブックマークのhotentryをユーザスタイルシートで見やすくする 2に続き、Google ChromeのUserScript機能でj/kキーでの項目移動と、oキーでのバックグラウンドオープンに対応させてみました。 はてなブックマーク ホットエントリー UserScript適用後 ホットエントリー用UserScript // ==UserScript== // @name はてなブックマーク ホットエントリー キー拡張 // @namespace http://n.blueblack.net/ // @include ht

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2013-01-10 | Tags: css 2013年1月8日に、はてなブックマークのトップページとカテゴリページがリニューアルされ、ホットエントリーのページも見づらくなってしまいました。 トップページとカテゴリページをリニューアルしました - はてなブックマーク日記 - 機能変更、お知らせなど 1日に何度もホットエントリーをチェックするようなホッテントリ中毒者にとっては、この視線移動の多いデザインは非効率です。 ここでは、Google Chromeの拡張機能であるStylishを使い、ユーザスタイルシートでホットエントリーの表示を改善する方法を紹介します。 ホットエントリーの表示改善

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-10-21 | Tags: linux nginx＋Unicornで構築したRedmine環境について、自宅以外からアクセスする可能性を考えてSSLとBasic認証の設定をしました。 備忘録として手順を書き残しておきます。 nginxのSSL(自己署名証明書)設定 秘密鍵と証明書の準備 証明書等を保存するディレクトリを作成しておきます。 $ sudo mkdir /etc/nginx/certs $ cd /etc/nginx/certs サーバ秘密鍵(.key)を生成します。 $ sudo openssl genrsa -out server.key 1024 秘密鍵の生成時

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-09-17 | Tags: javascript Bootstrapは小奇麗なUIを手っ取り早く実装するのに便利なCSSとJavascriptのフレームワークです。 AffixとScrollSpyの機能を使うと、Bootstrap公式サイトのサイドメニューのようなスクロールに追随するページ内ナビゲーションが実現できます。 この機能を見ていて、jkキーでスムーズスクロールさせたいなと思ったので、やってみました。デモは以下のとおり。 Bootstrap jk smooth scroll Demo 順を追って作り方を説明します。 Bootstrap公式サイト サイドメニューのデザイン

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-07-20 | Tags: linux 先日はてなブックマーク上で話題になっていた下記エントリを見てHOST1FREEの無料VPSを申し込んでおいたところ、数日たって無事アカウントが開設されました。 意外と知られていない無料VPS(centos,debian)を入手しよう！ | Act as Professional そこで、今回から数回に渡ってHOST1FREEのVPSで設定した内容について紹介していこうかと思います。 まずはHOST1FREE VPSの初期設定です。 コントロールパネルにログイン アカウント開設通知の内容に従いコントロールパネルにログインします。 HOST1

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-07-20 | Tags: linux ローカルのGVimはプラグインなどを詰め込んで設定が肥大化気味なんですが、リモートのVimは最低限の設定だけして使っています。 Vimについては以前「Vim初心者的導入メモ」で書いたことがあるため、ここでは今回VPS上で行った設定内容のみ簡単に紹介します。 Vimのセットアップ HOST1FREE 無料VPSのCentOS 6では、初期状態からVimがインストール済みだったため、インストールは行なっていません。 Vimの設定は以下のとおりです。 $ vim ~/.vimrc "+------------------------------

Created at: 2012-05-04 | Tags: nanoc 第一回の「Getting Started」編に続き、 今回はnanoc公式のBasic Conceptsから要点を紹介します。 完全な日本語訳ではなく、大幅に端折っているので詳しく知りたい方は原文の方も併せてご覧ください。 The Commandline Tool nanocの標準ヘルプと、サブコマンド毎のヘルプをそれぞれ以下のコマンドで参照できます。 > nanoc help > nanoc help コマンド名 create_siteした後で主に使用するコマンドは「compile(コンパイルする)」「view(ローカルサーバを立ち上げる)」「autocompile(オートコンパイル＋ローカルサーバ)」の3つです。 autocompileコマンドはコンテンツの変更を検出して自動的に再コンパイルを行なってくれます。a

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-08-18 | Tags: epub3 EPUB3はIDPF(国際電子出版協会)が制定している電子書籍のフォーマットです。 EPUB3ファイル(.epub)の実態はXHTML、CSS、画像などがzipでパッケージングされたものです。このため、ウェブ制作の知識があれば比較的簡単に電子書籍を作ることができます。 ここでは、テキストエディタとzip圧縮ツールを使って、ごく基本的なEPUB3電子書籍を作る方法を紹介します。 EPUB3のディレクトリ構造 EPUB3の基本的なディレクトリ構造は以下のとおりです。(日本語名の部分は適宜変更する前提です。) ドキュメントルート mimetyp

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-08-12 | Tags: book Webアプリケーションのセキュリティ対策本として定番の「体系的に学ぶ 安全なWebアプリケーションの作り方」を読みました。 Rails等のWebアプリケーション・フレームワークやHerokuのようなPaaSの存在により、個人でもWebアプリケーションを作って公開できる環境が整いつつあります。 しかし、十分なセキュリティ対策ができるか心配で踏み出せないという人は多いのではないでしょうか。 ここでは、「体系的に学ぶ 安全なWebアプリケーションの作り方」から、具体的にどのようなセキュリティ対策を施せば良いのかという点にフォーカスして、要点をまと

Created at: 2012-08-05 | Tags: goods Sony Readerの書籍管理効率化について、昨日PDFを連結するスクリプトを作成したばかりですが、よりスマートな管理方法を見つけてしまいました。 Sony Readerではbooks.dbというSQLiteのデータベースファイルで書籍のデータが管理されており、ここにSQLのトリガを仕込むことで挙動をカスタマイズすることができるようです。 今回は、このbooks.dbに対するハックで、Sony Readerにフォルダ分けして保存した書籍を自動的にコレクションとして登録する方法を紹介します。 どのように役立つのか？ Sony Readerでは、SDカード内に自由にフォルダ分けしてPDF等を保存することができますが、書籍の一覧画面では全てフラットに表示されてしまいます。 また、一覧とは別に書籍を管理できるコレクション機

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-07-30 | Tags: linux 前回の「nginx＋Unicornの設定」編ではURLのトップディレクトリでRedmineを動作させましたが、サブディレクトリで動作させる方法が確認できたため追加で紹介しておきます。 nginx＋UnicornのサブディレクトリでRedmineを動かす nginxの設定 nginx側では単純にlocationを変更するだけです。 $ sudo vim /etc/nginx/conf.d/default.conf upstream unicorn-redmine { server unix:/var/www/redmine/tmp/sock

Created at: 2012-07-29 | Tags: linux nginx(エンジンエックス)はロシアで開発されているWebサーバ兼リバースプロキシサーバです。消費リソースが低く、高負荷状態でも性能が劣化しにくい特徴があり、GitHubやHeroku、WordPress.comで採用されるなど近年人気が高まっています。 nginx単体では動的なコンテンツを取り扱えないため、nginxでRailsアプリを動作させるためにはアプリケーションサーバとの連携が必要になります。 Rails用のアプリケーションサーバとしてはPassengerなどが有名ですが、最近ではこちらも低消費リソースで高負荷に対応したUnicornが注目されています。 nginx＋UnicornでRedmineを動作させるにあたり、まずはアプリケーションサーバであるUnicornのセットアップから始めます。Unicor

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-07-20 | Tags: linux tmux(ティーマックス)は、一つのターミナルウィンドウ内で仮想的に複数のウィンドウを切り替えて使用することができる仮想端末管理ツールです。 同様の機能を持つツールとしてscreenが広く使われてきましたが、現在はより高機能・省メモリなtmuxが人気を集めています。 tmuxはscreenと比較し、主に以下のような特徴があります。 ウィンドウタイトルの自動変更に対応 (最終実行コマンド名をウィンドウタイトルとして表示できる) コピーモードのコピー履歴を複数保持し、一覧から選んでペースト可能 ウィンドウを上下・左右に分割可能 環境構築の準備

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-07-20 | Tags: linux 「セキュリティ設定」の次は、SSHクライアントでのCUI(キャラクタ・ユーザ・インタフェース)環境をより快適なものにするため、シェル(zsh)、仮想端末(tmux)、エディタ(vim)を設定します。 zshについては以前「zshの基本的な使い方」で書いたことがあるため、ここでは今回VPS上で行ったインストール手順と設定内容のみ簡単に紹介します。 zshのセットアップ zshをインストールし、ログインシェルに指定します。 $ sudo yum install zsh $ chsh -s /bin/zsh zshの設定を行います。 $ vim

Created at: 2012-05-19 | Tags: padrino PadrinoはRubyベースのシンプルなWAF(Web Application Framework)であるSinatraに、Rails風の機能を追加したものです。 ORMやテンプレートエンジンなどのライブラリを自由に選択してプロジェクトを生成することができ、作成したWebアプリケーションはHerokuにデプロイ可能です。 試しに使ってみたので、備忘録がてらPadrinoの使い方について公式ドキュメントをもとに紹介していきます。 Padrinoについて知る Padrinoに関する参考ページを紹介しておきます。 The Elegant Ruby Web Framework - Padrino Ruby Web Framework Padrinoの公式サイトです。ここのGUIDESに沿って進めていく予定です。 Pad

おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Created at: 2012-05-19 | Tags: padrino Padrinoではプロジェクト、コントローラ、モデル、マイグレーション、管理画面などを生成するジェネレータ・コマンドが用意されています。 ここでは、以下の公式ドキュメントからジェネレータについての要点をまとめます。 Guides Generators - Padrino Ruby Web Framework Guides Generators - Padrino Ruby Web Framework(途中まで日本語) Project Generator projectジェネレータは、利用するコンポーネントを指定して新しいプロジェクトを