フロントエンド

markdownで書かれたgistを奇麗に表示。

CoffeeScript > 1.6。literateモードネタです。 literateモードとは? If you name your file with a .litcoffee extension, you can write it as a Markdown document. - coffeescript.org つまりmarkdown文中のコードブロックをそのまま実行、またはコンパイルしてくれる事です。従来のコメント部分を返って重視し、コードを文書の様に書く事で、読みやすさの上昇を狙っています。サンプル。 Jeremy本人のブログエンジンもliterateモードで書かれています。 Gistでブログ Gistに...

Cassandra クラスターの構築

3台の仮想マシンで Cassandra クラスターを構築する手順です。 仮想マシンの作成にはVagrantを用いています。 環境 Vagrant 1.7.4 Ubuntu 14.04.3 LTS x 3 Cassandra 2.1.12 Ubuntuは下記のVagrantfileを使って作っています。 # -*- mode: ruby -*- # vi: set ft=ruby : VAGRANTFILE_API_VERSION = "2" Vagrant.configure(VAGRANTFILE_API_VERSION) do |config| config.vm.box = "ubuntu/trusty64" config.vm.define "node1" do |node1| node1.vm.hostname = "node1" node...

Golang って Solaris でビルドできるのか調べてみた(気にすんなよ。くよくよすんなよ)

Golang って Solaris ではどうなのか調べてみたの続きになります。 ブートストラップに利用する Go 1.4.2 を Solaris 11.3 でビルドし、Go 1.5.3 を手に入れることがゴールになります。 (Solaris x86 環境が対象です) 作業ディレクトリ $HOME/go ディレクトリを作業などもろもろ利用するディレクトリとします。 $ mkdir $HOME/go $ cd $HOME/go ビルドの準備 必要なパッケージをインストール。 # pkg install developer/versioning/git developer/gnu-binutils \ developer/build/...

ヘッダが固定されているページで、ページ内リンクの位置を調整する

Twitter Bootstrapとかを使っていると、ヘッダ部分を簡単に固定することができます。Qiitaのヘッダとかもそうです。 ただここで問題なのが、同一ページ内でidとかnameを使って遷移する場合、そのままだとリンク先の部分がヘッダに隠れてしまいます。 Qiitaでまさにこの問題にハマりました。 解決方法 方法はいろいろあると思いますが、とりあえず簡単にやりたいなーということで空の<span>を使う方法を選択しました。 コメントで教えていただいたのですが、見出しの中にblock要...

TypeScriptの私的不満点一覧

さて、僕の担当日も最終日になりました。 今日はせっかくなので、当初予定していた記事でも書きたいと思います。二日間いちよまともな記事書いたし、許してもらえるよね・・・・・・? TypeScriptに僕が参入したのは1.5の時代で、結構新参者です。ちょうどデコレータが取り入れられて、tsdクソだからdtsm使おうってなってた時代ですね。そこから、abstractクラスができたり、リテラルタイプができたり、まあ色々ありました。 まあ、なんで普通の人よりは、いちよそこそこ付き合いは長...

俺のQiita - ダメリスト2016

以前は何度か連絡したけど、まるで無視されるのでもうそういうのはやめた。 ただ愚痴としてここに残しとく。 おかしいと思うところ ログインページの下段が半透明 マウスオーバーで透過ゼロになるとか意味がわからない アイコンが汚い 無理やり拡大されるので汚くなる SNS連携が良い悪いは別としてTwitterとGithubとしか連携出来ない Facebookもやれば? Facebookのシェア機能はある タグ追加の方法が不明瞭 以前は会ったんだけど アイコン未設定のタグとかみっともないので編集したい...

[ Laravel ] Migration-> Seed -> DB Connection -> View

Laravelを使う機会がきたので、実装しながら理解した経緯を記す。 ◆ 今日やること MySQLにデータベースを作成し、テーブルを作成、データを入れて、LaravelでCRUD操作をできるようにしたい Migrationでテーブル作成 Database: Migrations - Laravel - The PHP Framework For Web Artisans Seedingでテストデータ挿入 Database: Seeding - Laravel - The PHP Framework For Web Artisans MySQLへ接続 [Database: Getting Started - Laravel - The PHP Framework For Web Artisans](http...

Raspberry Pi ロボットと会話する。

Raspberry Pi と Arduino でつくったロボットと会話してみました。 RaspberryPi-Robot talk me - YouTube まずは挨拶から。ロボットに"ポンボット"という名前をつけたので、こんな風に挨拶してみます。 「ポンボット、こんにちは。」 形態素解析エンジン"mecab"を利用して、ここでは「感動詞」を抽出してオウムがえしをさせています。 続いて好きなものを伝えてみます。 「ジバニャンが大好き。」 "mecab"のユーザー辞書に"mecab-ipadic-neologd" を利用させてもらいました。 こちらは...

プロジェクトの作成 | CakePHP2.x再入門

前回composerを使ってCakePHPをインストールするところまでやりました。 $ Vendor/bin/cake bake project ~/example-app これでConfigフォルダなどができ以下の構造になります。 ~/example-app/ composer.json composer.phar Config/ Controller/ ... Plugin/ DebugKit/ Migrations/ Vendor/ bin/ autoload.php composer/ pear-pear.cakephp.org/ webroot/ index.php webroot/index.phpを編...

Backbone.jsによる簡単pjaxサンプル

Backboneのrouterやpjaxを一度試してみたかったので、簡単なサンプルみたいなものを作ってみました。 サンプルデモ github なお、一度でも遷移した後にリロードすると404になります。実際にはサーバ側の対応が必要になります。 コード JSの代わりにCoffeeScript、HTMLの代わりにJadeで書いています。 !!!5 title = "Backbone router sample" html head script(src="lib/jquery/jquery.min.js") script(src="lib/underscore/underscore.js") script(src="lib/backbone/ba...

How to install GNU Emacs 24.3.50.1 on CentOS 6.4

開発ツールをインストールします。 $ sudo yum -y groupinstall "Development Tools" autoconf をインストールします。(最新版が必要) $ wget ftp://ftp.gnu.org/gnu/autoconf/autoconf-latest.tar.xz $ tar xf autoconf-latest.tar.xz $ cd autoconf-2.69 $ ./configure $ make $ sudo make install automake のインストールが必要かも ncurses をインストールします。 $ cd $ wget http://ftp.gnu.org/pub/gnu/ncurses/ncurses-5.9.tar.gz $ tar xf ncurses-5.9.tar.gz $ cd ncurse...

cyclejs 入門の備忘録になる予定だったもの

書いている人にフロントエンドの知識は無い。bootstrapすげええで頭の中の時代が止まってる。ES6 の構文も知らない。やばい。 [追記]先にリアクティブプログラミングについて調べた方がいい。 環境の準備 create-cycle-app を入れる npm install -g create-cycle-app コマンドでcreate-cycle-app を叩く create-cycle-app my-awesome-cycle-app ES6で書くかtypescript で書くか?等色々聞かれる。コマンドが自動的にnpm install とか行ってくれて、最終的に以下のような構造を持つディ...

MacOSXにSphinxをインストール

Mac OS X 10.8.5 + Python 2.7.5の環境にて、Sphinxをインストールしました。 インターネットに接続していることが前提条件になります。 まず、ez_setup.pyのダウンロード&インストールを行います。 Mac OS Xのため、取得コマンドはwgetではなくcurlになります。 $ curl https://bitbucket.org/pypa/setuptools/raw/bootstrap/ez_setup.py -o ez_setup.py $ python ez_setup.py インストールに失敗する場合は、管理者権限で実行してみて下さい。 $ sudo python ez_setup.py インス...

【CentOS7】ChefServer構築手順(ChefServerとWorkstationを同一ホストに共存させる場合)

調べても調べてもChefSoloの構築方法ばかり…。 ChefServerを構築したので手順をまとめます。 備忘録です。 前提 CentOS7 ChefServer + Client構成 Chef-soloじゃないよ Workstationとchefserverを同居させます。 Vagrant使います Chef-Server12.6.0でやります。 仮想サーバを立てる Vagrantfile Vagrant.configure(2) do |config| $script = <<EOF     yum install wget     yum -y install ibus-kkc vlgothic-*     localectl set-locale LANG=ja_JP....

Zend\DbでSelect FOR UPDATE、LOCK IN SHARE MODE を発行する

今のバージョンでやや強引にやろうとすると↓な感じ <?php use Zend\Db\Sql\Sql; use Zend\Db\Sql\Select; use Zend\Db\Sql\Platform\Mysql\Mysql as PlatformMysql; use Zend\Db\Sql\Platform\Mysql\SelectDecorator; use Zend\Db\Adapter\AdapterInterface; use Zend\Db\Adapter\ParameterContainer; use Zend\Db\Adapter\StatementContainerInterface; $adapter = include 'bootstrap.php'; class MySelectDecorator extends SelectDecorator { public function prepareState...

Django Templateのif-elseを短く書く

Django Templateのif-elseを短く書く Bootstrap.cssとDjangoのテンプレートエンジンを組み合わせて利用していると {% if param.status == 1 %} <!-- 特定の条件の場合activeというクラス名をつける --> <li class="active"> {% else %} <li> {% endif %} <a href="#">Active</a> </li> …… みたいに書かなくてはならない時があります。 インデントはややこしくなるし、 たったこれだけの処理に何行も費やすのは見難いです...

Voice Text Web API をPHPでシンプルに利用する。

最近ブラウザにおしゃべりさせるのに凝っていて、Speech Synthesis APIを試していました。しかしながら手持ちのChromebookが日本語発音エンジンが非搭載なのに気付き、少々残念な思いをしておりました。 そこで外部APIを利用してみることを思いつき、ちょっと調べたところメガネレンズやコンタクトなどで有名なHOYA社が合成発話APIを無料で公開されていることを知りました。 Voice Text Web API Voice Text Web API 無料利用登録をするとAPIキーが発行されます。このAPIキーがベーシ...

[PHP]Google Analytics API v3.0 使い方〜認証編

今回は実際にライブラリを読み込み、Client ID等の情報を使ってOAuth2.0認証を行います。 Client IDの作成方法は[PHP]Google Analytics API v3.0 使い方〜前準備編を御覧ください。 記載したソースは要所のみ抜粋していますが、見た目を整えるためBootstrapを使用しています。 ■ ライブラリをダウンロードする https://code.google.com/p/google-api-php-client/ ※今回使用しているバージョンは0.6.2です。 ダウンロードしたら、解凍して適当なディレクトリに配置します。 今回はこん...

RSpec + Spork + FactoryGirl + Guard によるテスト環境構築

アプリケーションを作成。 rails new test_env cd test_env - Gemfileに以下を追記。 Gemfile group :test do gem 'spork' gem 'guard-spork' end group :development, :test do gem 'rspec-rails' gem 'guard' gem 'guard-rspec' gem 'factory_girl_rails' end - インストール。 bundle install - .rspecとspec/spec_helper.rbを生成する。 rails generate rspec:install - Sporkを使用するように、.rspecに以下を追記。 --drb - 動作確認用に、scaffoldでUserを生成。 r...

WordPressでよく使うプラグイン

メモとして。 プラグイン Contact Form 7 「その他の設定」について: http://bizvektor.com/plugins/contactform7/ Comprehensive Google Map Plugin 2014/02中旬に Google Mapがアップグレードされたっぽいので公式埋め込みの方がよさげ Breadcrumb NavXT パンくず qTranslate (国際化プラグイン) と併用する際はこちらの方が小回りが効く WordPress SEO SEO 用設定の他、 /category/ の除去 パンくず 画像ファイルページのリダイレクト Google XML Sitemaps Google Analytics プラグ...