読者です 読者をやめる 読者になる 読者になる

DockerでrbenvによるRubyのインストールが失敗する話

Dockerで立ち上げたコンテナでrbenvによるRubyのインストールが失敗することがあり、その原因を調べた。 概要 以下のように、インストール以前にソースのダウンロードに失敗していた。 $ rbenv install 2.3.0 Downloading ruby-2.3.0.tar.bz2... -> https://…

ドロップダウンメニュー用のライブラリ smart-dropdown-menu を作った

ドロップダウンメニュー用のライブラリ smart-dropdown-menu を作成しました。 github.com smart-dropdown-menu は、<script> タグでの読み込みと npm での管理の両方に対応しています。 どのように両対応したかの詳細については、以下の Qiita 記事を御覧ください。…

wsltty が起動しない(すぐ落ちる)件

Bash on Ubuntu on Windows 向けのターミナル wsltty が mintty から出ています。 さっそくこれを使おうとしたところ、起動するとウィンドウが表示された後すぐ終了するという現象に見舞われました。 github.com 原因 原因はウイルスバスター クラウドでした…

npm で管理している package のライセンス一覧の作成を支援する license-list を作成した

license-list というライブラリを作成し、npm で初めて公開しました。 license-list npm で管理している package のライセンス一覧を作成するためのヘルパーライブラリです。 github.com 以下のような形で利用できます。 import licenseList from 'license-l…

browserify, babelify, watchify が遅い時の注意点

browserify, babelify, watchifyを組み合わせて使う場合,`transform` の位置に注意しないと(ファイルの変更をせずに書き込みした場合でも)トランスパイルの度に遅くなっていきます.

React での「...」(ドット3つ)の記法

React では以下のような「...」(ドット3つ)の記法を時々見かけます. これは,Spread Attributes という JSX の記法です. 子の Component へ props を渡す場合,Spread Attributes を用いると,以下のように書き換えられます.

はてなブログの公式テーマ Wideboard を2カラムにする CSS

はてなブログの公式テーマである Wideboard が好みだったのですが,1カラムでサイドバーがページ下部に表示されてしまう部分が不満でした. はてなブログは,デザイン設定の「デザインCSS」で CSS を記述することが出来るため,Wideboard を2カラムに変更す…

babel-plugin-external-helpers について

babel-plugin-external-helpers は,babel での変換時に各ファイルごとに出力される共通コードを,グローバル変数を用いて1つにまとめることで,重複するコード出力を削減するプラグインです.

git でファイルを過去の履歴から除外する

git

git を使っていて,後からファイルをリポジトリから削除したいという場合があります. git rmを用いるとファイルをリポジトリから削除することが可能ですが,今回は過去の履歴からもファイルを除外したい場合の操作について紹介します.

gulp を用いたフロントエンドのタスク自動化レシピ (1)

browserify でのトランスパイルや uglify といったフロントエンド用のタスクを gulp で自動化するレシピを Github に上げ始めました. github.com browserify でトランスパイルを行い,1つのファイルにまとめるタスクを書いたので,簡単な解説を残します. b…

gulp, browserify, uglify の話 ( vinyl-source-stream と vinyl-buffer について )

gulp, browserify, uglify でトランスパイルをする場合、以下のようなタスクを書くことになります。 import browserify from 'browserify'; import gulp from 'gulp'; import source from 'vinyl-source-stream'; import buffer from 'vinyl-buffer'; import…

Visual Studio CodeのIntegrated Terminalでmsys2のzshを使う

Visual Studio Codeのversion 1.2でターミナルが実装されたみたいです。 そこで、このターミナルでmsys2のzshを用いるように設定しました。 code.visualstudio.com 追記(2016/06/09) mattnさんによる実行モジュールがあるようなので、そちらを用いると良さ…

ConEmu, msys2, zshで出力される謎の「%」の原因

ConEmu, msys2, zsh Startup > Tasks で以下のタスクを定義して使っています(conemu-msys2-64.exeについては後述)。 set CHERE_INVOKING=1 set MSYSTEM=MINGW64 & %ConEmuDrive%\msys64\usr\bin\conemu-msys2-64.exe /usr/bin/zsh --login zshに変えて気づ…

docker machine(VirtualBox driver|boot2docker)での共有フォルダのバグ

共有フォルダ Docker Toolboxで環境構築するとVirtualBox driverでDockerホストが構築され、その上でコンテナが走る。 なお、 ホスト Mac, Windows等のVirtualBoxを動かしているマシン Dockerホスト VirtualBox上で動くVM、コンテナから見た時のホスト と表…

Visual Studio Codeでタブ・スペースを可視化する

Visual Studio Code(以下、VS Code)がPreview版で公開されたので、とりあえず使ってみた。 VS Codeは、User Settingsでフォントを指定したり、タブ・スペースを可視化出来るオプションがある。 しかし、可視化オプションを有効にしても、フォントによって…

iOS8.1のSafariで$(window).height()を使うときの注意点

表示領域を取得するときにお馴染みの $(window).height(); をiPhoneのSafariで考えなしに使うと痛い目を見るのでメモとして残しておく。 環境 iPhone 5s(iOS8.1) jQuery 1.11.1 注意すべきところ iPhoneのSafariが他のブラウザと比べて特徴的なのがURLバー…

AtomでDirectWriteを有効にする

最近噂のGithub製エディタのAtomですが、自分はDirectWriteを有効にする方法が分からず、Sublime Textから乗り換えが出来ませんでした。 どこかに設定があるんじゃないかと探してみたら見つかったのでメモとして残しておきます。 環境 Windows 7 Atom 0.141.…

Sublime Text 3 - コメント文で日本語変換を確定すると消える問題

問題 コメントに日本語を使おうとして、変換後にEnterキーを押すと確定されずに改行されてしまう 追記1(2014-11-21) 対処法を書いている方がいらっしゃったので、以下を参考にされると良いかと思います。 MacのSublimeText3で日本語が消えるバグを回避する -…

Chefでのexpectコマンドを利用したprovisioning

vagrant+Chef soloで仮想マシンをたてる時に詰まったのでメモ 詰まったパターン expectに関する記事を探すと #!/bin/sh expect -c " spawn (コマンド) expect \"(待機する文字列)\" send \"(入力する文字列)\n\" interact " という感じで、expectでの最終行…

WindowsでVagrant+Chef+knife-soloがうまくいかない

Gemのインストールに失敗 bundle exec knife configure で ERROR: Ohai::Exceptions::DependencyNotFound: Can not find a plugin for dependency os となるため調べてみると、bundlerで入れた Chefのバージョンがよろしくない。 そこでGemfileを gem 'chef'…

ParallaxScrollを作りました

最近、Parallax Effect(視差効果)を取り入れたサイトを一つ作ることになりまして、その際に、jQueryを利用したスクリプトを一つ書いたのでご紹介しようと思います。 Parallax Effect(視差効果)とは 詳しくは調べていただくとして、Parallax Effectを取り入れ…

rbenvで導入したRubyのパス

ついにHomebrewを導入し、ローカルでの開発環境を整えはじめました。 そんな中、つまずいた所がありまして… rbenvでRubyの切り替え rbenvとRuby-buildでRubyをバージョンごとに導入しました。 rbenv global hogeといった感じで、バージョンの切り替えができ…

BackWPupが動かない

久々の投稿になります。 サークルで使用していたサーバーのデータが吹っ飛び、その対応に追われていました…なかでも、一番呆然としたのが、wp-adminディレクトリだけなくなっていたという事件 作り直しかなーとか思っていたんですが、WordPressを手動アップ…

擬似要素とjQuery -クリックイベント編-

またまたWeb系の雑記になります。 とは言っても今回は、やりたかったことが出来なかったというお話し。 擬似要素 CSSには、擬似クラス・擬似要素というものが存在します。有名な擬似要素は :before :after の2つ。:afterはclear fixに用いられることで有名で…

リストの入れ子

ふと、僕が所属しているサークルのHPをバリデータに通してみようと思いつきやってみた。案の定エラーが吐き出されましたね。該当箇所はulタグ。 何やらリストを入れ子にしている部分がダメらしい。 え、リストを入れ子にしちゃダメなの…? と思って調べてみ…

ブログ開始

前々からいつかは…と思っていたブログを春休み使って開設してみました。 主に自分が調べたことのメモというか雑記帳的な感じで使っていく方向です。 同様のことを調べたいっていう方がいた時に役立てば良いかなぐらいの心持ち。 ただ、内容に保証はできませ…