tech.kayac.com

こんにちは！Songmuです。Perl書いてますか？

一年前に弊社fujiwaraのトークが感動の渦を巻きおこし、ベストスピーカー賞と同時に椅子を獲得したことがまだ記憶に新しいですが、 今年もYAPC::Asiaが迫って参りました。

弊社エンジニアもいくつかトークに応募しているので、ご興味がありましたら清きイイねのほどよろしくお願いいたします。

それ以外にも、弊社エンジニアが多数参加予定です。話しかけてくだされば、きっと漫画名刺をお渡しできるかと思いますのでお気軽にお声がけください。

ということで、今年も楽しみですね！まだチケットを購入していない方はすぐに購入しましょう！

以上。ステマエントリでした！

Tags

▼

▲

777ブログウェイ最終日！

みなさんお久しぶりです。
今年からソーシャルゲーム事業部で英雄になりたい！DELTAの開発にジョインした春菜です。

この記事は面白法人カヤックの七夕イベント「777」に向けたリレーブログです。
テーマは「つくるための三種の神器」です。

ウェブ系エンジニアのブラウザ三種の神器！

ウェブ開発に携わっている人もそうでない人も ブラウザを利用している時間ってかなりの割り合いなんじゃないでしょうか？ ということで、今回はブラウザしばりで三種の神器のご紹介をしたいと思います。

その1. Chrome

browser_chrome.png

最近 iOS 版も公開された Chrome。俗称ちょろめ。
ボクは去年までは Firefox + Firebug をメインの開発ブラウザにしていたのですが、 今ではすっかりメインブラウザとして大活躍しています。

  • デフォルトの開発ツール(コンソールとかインスペクタ)の出来がいい
  • 深追いはしてないですがモバゲーアプリを Firefox で表示すると CSS とかうまく表示されない

という理由でメインブラウザの座をあっけなく奪ってしまいました。

個人的な使い方の特徴としては、

オレオレルールとして、基本 1アプリ = 1ウインドウ を徹底していて、 テキストエディタでもファイラーでもなんでもタブ機能を備えたアプリを使っているのですが、 Chrome のみ、「ソーシャルゲーム開発用」と「それ以外」でウインドウを2枚に分けています。

開発しているゲームがスマホ向けのソーシャルゲームでページの横幅が狭いので PC モニタの全画面でセンタリングして表示していると実際の見え方からかけ離れてしまうために 添付画像のようにウインドウ幅を狭めています。

また、ウインドウ下部に開発ツールを常に表示して、実機の縦幅になるように高さを調整しています。 これでなるべく実機に近い見え方で開発を行うことができます！ さらに開発ツールの領域も広くなるのでデバッグしやすくなって一石二鳥ですね！

その2. Safari

browser_safari.png

またまたベタですが、サブブラウザとして利用している Safari。

こちらは主に管理画面やテストサイト等のサブアカウント用、RSS リーダ用として利用しています。

個人的な使い方の特徴としては、

Cmd + Shift + | (パイプ) でロケーションバーを非表示にして、 Cmd + / でステータスバーも非表示にして まるで Mac デフォルトのビューワアプリ Preview と見間違うくらいあらゆる要素を非表示にしています。
アドオンも一切いれてません。
全般的に心がけているいることですが、Less is More の精神を極限まで追求した形になっています。

また、スワイプでのページスライドの気持ちよさも使う理由の一つですね。

その3. Lynx (または w3m)

browser_lynx.png

サブのサブとして軽量ブラウザである Stainless を紹介しようと思いましたが、 最後は少しだけプログラマらしく、テキストブラウザのご紹介。

MacPorts 時代は w3m を使っていましたが、Homebrew に変えてから w3m 入れるのがちょっと面倒だったのと、気分転換も兼ねて Lynx に移行してみました。

個人的な使い方の特徴としては、

英語が喋れないボクはよく変数、関数の命名に悩みます・・・ (Google CodeSearch がクローズしたのは本当に残念です。。) そんな時に重宝するのが翻訳サービス ALC！ ボクはこのテキストブラウザを本来のブラウザとしてではなく ALC を利用するための専用ブラウザとして利用しています。

「alc w3m」とかでググるとたくさんでてきますが、 シェルスクリプトのコードを一応貼り付けておきます。

 function alc() {
     if [ $# != 0 ]; then
         lynx -dump -nonumbers "http://eow.alc.co.jp/$*/UTF-8/?ref=sa" | less +38
     else
         lynx -dump -nonumbers "http://www.alc.co.jp/"
     fi
 }

ポイントは、パイプで less に +38 オプションを付けて渡しているところです。 +38 のオプションを渡すことで翻訳結果部分までページスクロールした状態で表示されます。

テキストブラウザは画像や CSS 等の読み込みがないので超速でレスポンスが返ってきて はじめて使った時は思わず笑みがこぼれちゃいました。

1秒でも長く開発に専念したい方におすすめです！

おわりに

いかがでしたでしょうか？この記事を通して少しでもブラウザライフが素敵になれば幸いです。

この記事は面白法人カヤックの七夕のイベント「777」に向けたリレーブログです。
技術系のアドベントカレンダー(*)になぞり、777イベントが開催される7月7日までの期間に、4つの職能ブログ ( エンジニア、デザイナー、フロントエンドエンジニア、ディレクター ) を横断し、更新します。
テーマは「つくるための三種の神器」。
カヤック有志による、それぞれの切り口で記事を投稿していきます。

Tags

Authorharuna

Date

▼

▲

本日は「777ブログウェイ」の企画として、京都支社技術部のkondoがお送りします。
テーマは「つくるための三種の神器」です。

私は普段Macで開発しており、まだまだ修行中の身ですが、
これから開発を始める方が、PCに入れておくと
ちょっと便利だなと思えるツールをご紹介します。

iTerm2

iterm2_sample.jpg
ターミナルはデフォルトで十分とお思いの方もいらっしゃるかとは思いますが、
私はこれが一番使いやすいです。
フルスクリーン（Dockとかも非表示）に簡単にできるし、何よりウィンドウ分割と
複数タブを表示したときの切り替えが非常にやりやすいです。
iTermとiTerm2がありますが2の方をおすすめします。
iTerm2(無料)

Witch

witch_sample.jpg
アプリのウィンドウごとに切り替えができるツールです。
アプリごとの切り替えはMacのデフォルトで搭載されていますが、
私はターミナルだったらかならず2枚ウィンドウを立ち上げて開発をしますし、
1アプリで複数ウィンドウ使う方は結構多いのではないかと思います。
私はshift + tabで上の画面を表示するようにしており、開いた順に
ソートしていますが、設定でアプリごとにソートすることもできます。
Witch(有料)

iSTAT MENUS

istat_menus_sample_1.jpg istat_menus_sample_2.jpg
CPU、メモリなどをモニターできるツールです。
時計やカレンダーも搭載されており、私はデフォルトの時計を消して
このアプリの方を表示しています。
見やすいか見にくいかは人によって分かれるところですが
背景を切り替えられるところなども気に入っています。
これを使ってメニューバーに情報を表示しておくことで
ブラウザや、特定のプログラムが暴走している時なども
早く検知することができます。
iSTAT MENUS(有料)

WitchとiSTAT MENUSは有料ですが私は十分導入した価値があったと思ってます！
以上、Macで開発を始めるときのちょっと便利なツールのご紹介でした。

最後に

この記事は面白法人カヤックの七夕のイベント「777」に向けたリレーブログです。
技術系のアドベントカレンダー(*)になぞり、777イベントが開催される7月7日までの
期間に、4つの職能ブログ ( エンジニア、デザイナー、フロントエンドエンジニア、ディレクター ) を横断し、更新します。テーマは「つくるための三種の神器」。
カヤック有志による、それぞれの切り口で記事を投稿していきます。

アドベントカレンダーについての記事 「師走を楽しもう。技術系アドベントカレンダーの魅力とは」

来週もお楽しみに！

Tags

Authorkondo

Date

▼

▲