はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

TrelloのCSSスタイルガイドを気に入っていて、チームに浸透させたいという思いを込めて、翻訳しました。 いたらぬところは随時修正していこうと思っています。 翻訳の過程で困ったものは、下にまとめてかんたんな説明を載せておきました。 「いや俺もう自分たちのCSSが完璧に把握してるからね！スタイルのルールには何ひとつ問題ないね。もう!importantを使わなくていいし、インラインで書くこともないよ。もし誰かがちょっとCSSを書いたとしても、完璧にそれがどうなって、どう影響を与えるか理解できるね。修正なんてカンタンさ！自分たちのCSSをぶち壊すのは大変だった。今はどこにあたらしくファイル追加するべきかわかってるよ。使われていないCSSは書かれていないし、極めてすくない量で済ませてるよ。HTMLなどのテンプレートを消すときも、それがCSSのどこに一致するか完全にわかってるから、すぐに削除できる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Visual Studio Codeは0.5.0のときにインストールして使ってみてしばらく様子見だなあって思ってあまりまじめに使っていなかったのですが、オープンソース化されたので一念発起してv0.10.1までアップグレードしてまじめに使うことにしました。 その際にショートカット一覧の日本語翻訳とかないかな？ってふと疑問に思ったらQiita上にありました。 VS Code キーボードショートカット一覧 （オススメ付き） ただ、Windows版(Linux版)とMac版の違いが割とかなりあるのでMac版まとめました。 ちなみにidには当然な

オープンソースになってからじゃあ使うか！ってなったので1週間ちょっとと長くはないですが、メインエディタとして使う日々を過ごして気付いたことなどをまとめます。 ※ Atomを普段使っているので、部分的に比較するときがあると思います。 ※ Mac OSXで使ってます。Yosemiteです。帰国したらアップグレードします。 Visual Studio Codeとは Microsoft製のエディタ。Electronで作っていてクロスプラットフォームなエディタ。IDEではない。 Windows以外でも使えますということで4月頃に話題に。オープンソースになって11月頃また話題に。この際に、Extension Galleryで拡張やテーマをインストールできるようになったらしい。 まだベータ版なので正式版来てまた話題になるのでしょう。 速い 軽い と巷で好評です。 インストール ダウンロードページはこちら

Scotch Box 2.0が登場していたのであたらしい記事を書きました。ぜひともご参照ください。 ラクして環境構築するためのScotch-Boxが2.0になってかなり進化してた。 こんなことをふと思ったことありませんか？ Vagrant上に環境構築するのがめんどくさい。 環境構築の段階でエラー出すぎてやる気なくなったこと多数。 エラー潰して環境構築できたらもう達成した気分になって初期の目的を忘れる。 とにかくラクに環境構築したい。 で、LAMP環境をラクに用意したいとか思っていたら、いいものを見つけました。 なにこれ？ Just a dead-simple local LAMP stack for developers. だそうです。とてもシンプルなのであって、死んでるわけではありません。 すでに以下のものが入っている仮想環境がvagrant upするだけで作れるっていう雑な認識でよいと

この記事には、サンプルへのリンクを掲載しておりますが、OS側の設定などで『スクロールバーを非表示』などにしていると、何言ってんだこいつってなると思います。 Macの方は [システム環境設定]-[一般]からスクロールバーを表示するようにしてから読むとわかりやすいと思います。 Windowsは標準で出てると思います。自信ないですけど。 本記事のサンプルです。適宜ご参照ください。 http://codepen.io/naru0504/pen/dYpLJg ※ styleタグとか使っているのはQiita上で動くと勘違いしていたからです。いやだってKobito上で適応されていたんですもん……。公開してから知ったんですもの……。書きなおすのがめんどうでそのままにしてあります。 スクロールバーを消してほしいという要望があった。 今回の記事では以下のような例を扱います。あるエリアに固定されていて、スクロー

MacOSX Yosemiteで実施しております。 他のデバイスで問題が発生した場合にはご報告していただければ時間が取れ次第で対応できるかもしれません。(必ず対応できるとまでは言えません) 数ヶ月前にQiitaで紹介させていただいたScotch-Boxが2.0がリリースされています。 Laravel周りが強めに主張されていて、Laravelの人気具合がうかがえる気がします。 前にまとめた記事はこちらです。 ラクしてLAMPとかの環境を用意したい人のためのScotch Box 概要 あらためてですが概要をカンタンに言うと、いたれりつくせりなVagrant環境構築をラクに用意するためのboxです。 OSは Ubuntu 14.04 LTS (Trusty Tahr) にアップデートされています。 プリインストールされているもの一覧 今回もあらかじめインストールされているものの一覧を用意したので

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 日本のプロジェクトのオフショア開発のためインドのIT聖地と言われているらしいバンガロールに来ています。現在2週間経った程度のところです。 この記事を書いたキッカケ 昨日、いつものように「海外では全然PHP人気ないよ」っていうTweetを見たので、めずらしくインドではPHPが人気なんだよという情報を教えました。 (まあ実際のところ他の国では本当に人気ないんでしょうけど。) そしてインドのPHP事情に大変興味を持っていただき、そのままの流れでインドのPHPerにいくつか質問してみることになりました。 この話は昨日したばかりですが、すぐに報告

oh-my-zsh使っていたらどうもzshが重い気がしてきた。 何かとちょこちょこカイゼンで自分でいじってたのはよいけど、気付いたらoh-my-zsh入れたあとにやること多くなりすぎたから、もっと簡単に再現できて、でも便利な環境をラクして手に入れたい。 ということでzshのフレームワークで割と人気っぽいPreztoを使うことにした。 Prezto — Instantly Awesome Zsh Preztoのインストール ここがよくまとまっているのでご参照あれ。というか多分自分のインストール時には本家のGitHub見てたから、さっきぐぐって日本語の人気そうな記事を持ってきただけなんですけどね。 oh-my-zshを使っていて重いと感じている方、preztoはいかが？ デフォルトで呼び出すエディタを確認した 運用していく中で気になったのが、hubコマンドでpull-request送るときに

よくある会話として下のようなものがありますよね。 「ソフトタブですか？ハードタブですか？」 「インデントはいくつですか？」 ※ソフトタブはタブが半角スペースで、ハードタブはタブがタブ。 そんなものはエディタの設定で統一すればよいからと。頭を悩ませる理由がわからないと。 と、思うんですよね。ひとりで作業しているときはね。 現状、私の周りで何が起きたかというと。 PhpStorm派 Vim信者 Atom使いたい派 なぜかときどきSublimeText使う派 と、なってくるわけですね。 エディタ毎に設定していってもよいんですけど、プロジェクト毎にどうのこうのしなきゃいけなくてめんどう。 結果 コードがグッチャグチャになって人間関係までグッチャグチャ となるわけですね。 人をイライラさせたければソフトタブのところにハードタブぶち込んだり、タブ4で統一しているところに2をぶち込めばよくて。簡単だね！

追記（2016年11月） VCCWの最新情報を掲載させる感じで更新しました。 VCCW v3がリリースされました。 先月に気付いてこの記事のアップデートの必要性を感じたきっかけです。（まだベータ版？） 詳しいことは次の記事をごらんください。 VCCW v3での変更点と新機能まとめ Boxサイズが小さくなったり、起動が早くなったりうれしいですね！（こなみかん） ChefがAnsibleになったり、PHP7系だったり、NodeJSがv6系になってたり。順当なアップデートなんですかね（素人感しかない感想） - VCCWをインストールするためのWP-CLIのプラグインがリリースされました。 詳しいことは次の記事をごらんください。 [WP-CLIでVCCW環境をほいほい作る](http://qiita.com/miya0001/items/687d142d714b1386a44f) zipダウンロー

ついにQiitaに初投稿ですー。 みなさんSublimetext使ってますかー。私はそんなに使っていません。 なのでたまーに開いたときにあれ？ってなることがあるんですね。 今回はSublimetext3にEmmetを入れてあれ？ってなったお話。 Sublimetextに釣られてきたけど、Emmetって何？って人は、うん、まあEmmet便利だから使ってみてください。 Sublimetext3にEmmetのパッケージを入れたら困ったこと 普段から当然の欲求として Ctrl+Eを押したら行末へいきたい。 Tabは日本語予測変換したい。 というのがあります。 なんでEmmet入れるとどっちも使えなくなるん？？(半ギレ) ということで、空いてそうなCommand+Eにそれを割り当てることにしました。 [補足1]Ctrl+Aで行頭いきたい欲求よりもCtrl+Eで行末へいきたい欲求のほうが強いです。 [