生産性アップアイテム

マークアップエンジニアとかWEBディレクターとかをやってる僕が、自分が詰まって、解決したことをここに残しておきますよ。

codekitの自分が触ってるプロジェクト以外のファイル更新で自動リロードがかかるのを防ぐ

codekit使ってます。

codekitの一番いいのが自動リロード機能。
htmlを更新した時に自動でブラウザをリロードしてくれる。cssを更新したときには、ブラウザをリロードせずにcssだけをヌルっと変更してくれるので、ページの途中を作ってる時や、jsでひらいたメニュー内を作ってるときも大活躍する。

その自動リロードで悩ましいことが1つあった。

うちの会社で複数の人間がcodekitをつかってそれぞれの案件をコーディングしてるとき、自分が作業中のファイルを更新してないのに、dropbox内の別のプロジェクトを誰かがいじっていると彼のいじったファイルが更新されたことでこっちまでオートリロードかかっちゃうことがたびたびあって。

cssをちょこちょこいじってるのに勝手にリロードかかってページの上にぶっとばされるのは非常にストレスなので、どうにかなんねぇのかな、と思ってたら、

普通にどうにかなるやつだった。

codekitのプロジェクト一覧をひらくと、ズラッと並んでるプロジェクトの右側にチェックボックスがある。
自分が触ってないプロジェクトに関してはこれをはずしてdisableにしておくだけ。

こんな簡単なことなら、さっさと調べたほうがよかったね。


CodeKitでjsを保存するとコンパイルやエラーのウィンドウがいちいち出て来てうっとおしい場合の対処

最近codekitなるものを知って、もっと前から知ってれば良かったー!ってくらい便利なのですが、1つうっとおしいことがあって。

それは、jsを保存するたびに
・Minifyしたよー
・いくつか問題があったよー
っていう表示がでて、codekitのwindowが飛び出してくること。

自動リロードでずっとエディタを選択状態にできるのがメリットの1つなのに、codekitがしゃしゃりでてきたらまたエディタに戻さないといけないだろ!こら!

って、思ったので、windowが前にでてこないようにする方法が以下。

①codekitのpreferencesを開く
②generalタブの中の、「Bring CodeKit to the Front」のチェックをすべてはずす。
おしまい。

codekit


 

コーディングで少し得をする正規表現での置換

コーディングで、お客さんからきた資料を流しこみする時、
だいたい、エクセルとか、ワードとか、パワポとかで資料がきて、
それをエディタに貼り付けて、タグでつけていくよね。

そんなときに少しだけ便利な正規表現での置換を2つ紹介。 


検索文字列
[^>]$

置換後 
<br>
 
ながーい文章のページだったりすると、ひたすら行末に<br>をつけていくのが面倒。
(僕はキライじゃないけど。)


そこで上記の置換なのだけど、検索文字列は

[^>]$

これ、いっけんなんのこっちゃだけど解きほぐすと簡単。

[^>] というのは、”>”以外っていう意味。

[^ ] で何かを囲うと、それ以外って意味になる。



$は行末って意味。


なので、[^>]$は、最後が>で終わってない行末。

それを<br>に変えていくってことね。


全部の行に<br>をつけていくと、

<div>とかのあとにも<br>ついちゃって、アーンってなるから、文章だけで行が終わってるところにだけ<br>をブワーってつけていきたいときに便利。




次。


検索文字列
¥n¥n

置換後
</p>¥n<p>
 
¥nは、ソース上の改行ってこと。

ワードとかでお客さんから支給される資料は、お客さん自身が1行あけて原稿に段落を作ってくれてたりする。

原稿内で1行あいてるってことは、改行が2つ入ってるってことで、¥n¥nになる。


それを

</p>
<p>

で置き換える。

すると、お客さんが1行開けたところに</p><p>がブワーッと入っていって、
いちいち、段落をpタグでくくっていかなくてよくなる。

規約とかプライバシーポリシーのページとかで便利かも。
 
※やってみるとわかると思うけど、この方法だと一番最初の段落の前に<p>を手打ちしないといけないのと、一番最後の段落のあとに</p>を手打ちしないといけないので注意だよ。


 

冷えピタの仕事のはかどり方はすごい。PC作業に。

僕はプチノマドなので、たまには家で仕事をしています。

ところが家にある仕事部屋には、クーラーがありません。

暑い日に仕事をしていると、だんだんボンヤリしてきて、

「自宅で仕事っていっても全然はかどらないな!」

ってなることありますよね。



これまでは、ジェルアイマスクというのを冷蔵庫で冷やしておでこにまいたりして使ってました。



でもすぐに生暖かくなっちゃうんですよね。30分くらいで。


ネットで冷えピタがいいらしいって知って、 さっそく使ってるのですが、

冷えピタすごい。

ずっと冷たい。




貼った瞬間はちょっと寒気がするほど。



人間のCPUである、脳みそも熱をもつと、処理能力が落ちますたぶん。

夏の仕事のおともに、冷えピタ。


ドラッグストアで買って、たぶん経費で落ちます。

PC作業で目が疲れにくくなる、仕事専用メガネ

パソコンを長時間やっていると、目がつかれる。

目が疲れると頭痛がする。

僕のようなWEB制作をやっている戦士は、

いかに短時間にたくさんの仕事をこなせるかで収入アップしていくから
頭痛は大敵だ。 


んで、最近話題になっていて超欲しいのが

jinsのPCメガネ
megane

このメガネ、PCの目が疲れる原因となるブルーライトを55%カットして、

目が疲れにくくなる、というIT戦士のための武器。

しかも3990円。安い。



度は入ってないので、コンタクトしてから、このメガネをかける形。

JIN's オンラインショップ


JIN'sオンラインショップで一位。
記事検索

リモキュー

お仕事のご依頼・お問い合わせはこちら

コーディングのお仕事が得意です。

https://twitter.com/tacshock
タグクラウド
QRコード
QRコード
  • ライブドアブログ