主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

Safariでフォーム要素にフォーカスが当たるとposition: fixed; している要素の文字が一瞬細くなる

CSS

まぁ、こんなことはあまりないとは思うのですが、Safariでフォーム要素にフォーカスが当たると、そのページで position: fixed; している要素(固定ヘッダーとか)の文字が一瞬細くなる、ということがあったので、調べたらほぼ同じようなことを知恵袋で聞い…

IntelliJ IDEA で SublimeText みたいな選択しているテキストを複数選択するショートカット

SublimeTextでは当たり前の、Cmd+Dで、選択しているテキストを複数選択できるショートカット機能が、IntelliJ IDEA ではなぜかコピペされるので、しらべてみたら、Ctrl + G でできました。 選択の追加/削除: Alt + Shift + マウスクリック 次を選択/選択解除…

映画「アメリカン・スナイパー」

引用元:映画『アメリカン・スナイパー』オフィシャルサイト 遅ればせながらクリント・イーストウッド監督作品、「アメリカン・スナイパー」を見ました。「ゴーン・ガール」じゃなくてこっち見とけばよかったです。 あらすじをまとめようかとおもいましたが…

中途半端なコミットをするぐらいなら git stash

Git

ファイルをちょっとだけさわって、何かを待っている間に、それとは別の関係ない作業をするときに、ブランチ切り替えようとすると、コミットしてないファイルがあるよ的なエラーがでて、変更破棄したり、中途半端なコミットしてしまいがちですが。 そんなとき…

MacにVagrantでローカル開発環境構築

Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。引用元:"Vagrant開発者 Mitchell Hashimoto氏に聞いた:「Vagrant」…

超軽量テンプレートエンジン Grav

超軽量テンプレートエンジン Grav というのをさわってみました。 インストールは、git cloneして git clone https://github.com/getgrav/grav.git cd grav bin/grav install するとビルド的なことが起こって、 php -S localhost:8000 というコマンドを打つと…

Vagrant で October CMS試してみた

October CMS は新品のDBがいるとのことで、とりあえず、ローカルのVagrantで触ってみようと思ってやってみました(借りてるレンタルサーバーではWordPressを使っているので)。 最初、CentOS6のBoxで動かそうとしたら、PHP5.4以上いるのを後から知って、いろ…

ローカルのWordPressのプラグインのアップデートでWP-CLI使ったりいろいろハマった件

おひさしぶりにWordPressで複合的にハマったので書きます。 それっぽい情報はたくさんあるけど、ピンポイント過ぎてカスった情報しかなかったので、同じように無駄に時を過ごそうとしている誰かのために書き残しておきます。 WP-CLIのコマンドが効かない 管…

https://でcssが効かない

https://とhttp://が混在しているサイトでページを遷移していると、https://のときだけCSSが効いてないっていうことがあって、しかも、ページの共通cssは効いているのに、個別のcssは効いていないという。 絶対パスや、あとはWordPressとかのCMSでルートパス…

Macでwindows+IEのブラウザチェックができるmodern.IE

modern.IEのサイトにて、作りたいIEの環境を選択後、「cURLですべて入手する」からコマンドをコピーしてターミナルで実行。 落としてきた複数のzip.00連番のファイルを、以下のコマンドで合体。 cat *.zip.00? > combined.zip 合体してできたcombined.zipをT…

rbenvについて調べたことまとめ

rbenvは複数バージョンのrubyが同一システム内に共存することを可能にし、プロジェクト毎に適切なバージョンのrubyを有効化および実行できるツール。 インストール方法は割愛。 現在の ruby のバージョンと一覧表示 rbenv versions * system 2.0.0-p481 2.1.…

Jekyllのテンプレートカスタマイズ

細々カスタマイズしたら随時更新してゆきます。 サイト内検索つけたいけど挫折中。 ページ内リンクを自動生成 見出しを勝手にあつめてページ内リンクの目次を生成してくれます。 jQueryとtoc.jsを読ませて、<div id="toc"></div>をテンプレに追加するだけ。 <script type="text/javascript"> $(document).ready(f</script>…

Jekyllを使って、DropboxのMarkdownファイルをいい感じに整理してみた

最近、仕事の細かい作業のこととかをMarkdownでメモってDropboxに.mdファイルで保存して置いておく、というのが日常化してきたのですが、それらをいい感じに一覧にしたり整理できないかな、と思い、Jekyllをいれてみました。 Jekyllとは、Markdownで書いたも…

Gitでローカルにはファイルを残して、リモートリポジトリのは消す方法

Git

.gitingoreに書いておくのを忘れたり、リモートリポジトリにPushしたあとからいらなくなったけど、ファイル自体はローカルには残しておきたい場合。 ファイル単体 git rm --cached ファイル名 ディレクトリごと git rm -r --cached ディレクトリ名 して、add…

リモートにプッシュしたらもう消せないので、プッシュ前にgit rebaseで整えておく

Git

ローカルでこまめにコミットしまくっていて、作業が一段落したからといってそのままリモートにプッシュすると、そのローカルでこまめにしていたコミットログがそのままリモートにもプッシュされて、メモ的なコメントとか書いてあるとけっこう恥ずかしいこと…

GruntでCompassが動かないときにやってみること

GruntでCompassを使おうとしたら、下記のようなエラーが出てコンパイルが上手くいかない、ということをチラホラ聞きます。 Running “compass:dist” (compass) task error htdocs/_dev/assets/_scss/main.scss (Line 6 of htdocs/_dev/assets/_scss/_layout.s…

Adobe製オープンソースエディタBraketsが良さそう

Sublime Text 一択のような気がしていましたが、最近正式リリースされたBracketsがいい感じな気がしてきました。 まだほとんど使ってないので、まとめ程度にURLを貼っておきます。 Bracketsの機能紹介、使い方解説【Ver.1.1対応】 - Qiita プラグインもSubli…

JavaScriptの、空のオブジェクトリテラル

JavaScriptのコードを読んでいたら、下記のような空の変数宣言みたいなのがあって var App = { }; なんやこれって思って調べたんですけども、空のオブジェクトリテラルというようです。 windowオブジェクトはどこからでもアクセス出来るので、名前が重複した…

映画「インターステラー」とモチベーション・フローについて

引用元:映画『インターステラー』オフィシャルサイト 娘が生まれてから、映画といえば金曜ロードショーとかで録りためてる映画しか見てないですが、どうしても見たいと思って、クリストファー・ノーラン監督作品、「インターステラー」を(ひとりで)見てき…

リアルフロントエンド勉強会 vol.2

前回に続いて、第2回リアルフロントエンド勉強会を行いました。 第1部「攻めすぎコーディング環境をつくろう」 第2部「発表プレゼン」 懇親鍋 という流れで行いました。集まった参加者は4人。 第1部「攻めすぎコーディング環境をつくろう」 workshop/2014111…

「JavaScriptエンジニア養成読本」でUnderscore.jsの_.templateメソッドを使うところが動かない

JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus)作者: 吾郷協,山田順久,竹馬光太郎,和智大二郎出版社/メーカー: 技術評論社発売日: 2014/10/18メディア: 大型本この商品を含む…

「小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則」

小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則作者: ジェイソン・フリード,デイヴィッド・ハイネマイヤー・ハンソン,黒沢 健二,松永 肇一,美谷 広海,祐佳 ヤング出版社/メーカー: 早川書房発売日: 2012/01/11メディア: 単行本購入: 21人 クリ…

Firefoxでテーブルのthとかtdにはposition:relativeが効かない件

CSS

Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さい…

dt, dd横並びで、通しでborderを入れる

CSS

いまさら感半端ないと思いますが、本当によく忘れるのでメモ。 dl dt { float: left; clear: left; width: 7em; } dl dd { border-bottom: 1px dotted #ccc; padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/ }

GitHubで「gh-pages」ブランチを切ってページ公開

たまにGitHubっぽいURLで公開しているデモページとかがあって、どうやってるのかな、と思っていたのですが、どうやら、「gh-pages 」という名前でブランチを切って、数分待つだけでできるようです。 この画面の入力フォームのところに「gh-pages」と入力して…

デタッチド・イン・マイ・ヘッド状態

なるべくGit慣れしようとSourceTreeでいろいろやっていたときに、いまいちHEAD、とかmastarとか、ブランチを切るとか、チェックアウト、の意味をよくわかってなくて、それでもまぁ、一方向で作る分には知らなくても使えてたのですが。 ちょっと調子のってブ…

語学学習のやり方について

今日、たまたま日本語、英語、中国語(勉強中)、を話せるという留学生の人と話す機会があって、最後に(この会の趣旨とは全然関係ないけど)「どうやって語学の勉強してるの?」という質問をした答えがなるほどっと思ったので、メモ。 まず、参考書とか本を…

ペーパープロトタイピングしたものを実際に動かせるアプリ「POP」と「Prott」

ペーパープロトタイピングしたものを実際に動かせるアプリ「POP」がすごい良さそう。 特徴のページがすごくアニメーションを使ってわかりやすいので、どういうアプリかは説明しませんが。 他にも有料のサービスでGoodpatchさんから「Prott」というのも出てて…

人が働く動機

最近、毎週水曜の23:25からやってる『オイコノミア』という、経済とかお金のことをわかりやすくおしえてくれるEテレの番組を見始めたのですが、先日の放送「イコノミア「“0円”のナゾ」(後編)」で、ちょっと興味深かったので書きます。 人が働く動機には「…

WindowsマシンでGitインストールから秘密鍵・公開鍵、GitHub、nodo.js&Gruntインストールまでの手こずりを体験してみた

リアルフロントエンド勉強会 vol.1にて、秘密鍵・公開鍵を作成するのにWindowsマシンの人が手こずってたことを書きましたが、実際、自分がWindowsマシンでやってみたらかなり手こずったので、メモしておきます。 WindowsでGitインストールする 参考:Windows…