タグ

開発環境に関するbashalogのブックマーク (22)

  • BrowserSyncでAliasっぽい設定 | バシャログ。

    どうもfujiharaです。ジメジメして生活しづらい季節ですね。日はBrowserSyncでAliasを使いたいと思い調べていたら、似たように 使用できる方法があったのでご紹介いたします。(知らなかった。。。) 背景 弊社ではシステム開発する際にコーディングリポジトリとシステムリポジトリを分けることがあるのですが、 コーディングのCSS,JS,IMGをシステムリポジトリに反映するのが結構手間で、以前ブログに書きました gulp-directory-syncを使い、同じリポジトリで開発できるようしていました。 しかしこの方法だとファイルが2重管理になるので嬉しくありませんでした。 でAliasの設定ってないのかな(あるだろう)と思い調べていたら、 なかったのですがオプションでMultiple base directoriesというものがありました。 これを使えばdirectory-sync

    BrowserSyncでAliasっぽい設定 | バシャログ。
  • [gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。

    こんにちは、ishidaです。 2年前に半年かけておとした体重が見事にもとに戻りました。 新陳代謝がきっとすげー落ちているんだよ。そうなんだよ。はい。 今回はnpmの紹介です。 開発時と番時で処理を変更したくなったことはありませんか? このパッケージではgulpにて開発時と番時のタスクを簡単に切り分けられます。 番時 番時にJSファイルをminifyしてみましょう。 var gulp = require('gulp'); var mode = require('gulp-mode')({ modes: ["production", "development"], default: "development", verbose: false }); var uglify = require('gulp-uglify'); gulp.task('default', function()

    [gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。
  • 【WordPress】 is_user_logged_in() で構築するずぼらレビュー環境 | バシャログ。

    横浜へ転居して約 8 ヶ月が過ぎました。まだまだ生活用品が足りない中、いち早く『仮面ライダー555 Blu-ray BOX』全 3 巻を買い揃えた kagata です。次は『仮面ライダー龍騎 Blu-ray BOX』…は買わずに、電気炊飯器を買ってパックごはん生活からおさらばしたいです。 さて、今回は WordPress の話題です。先日、こんな相談を受けました。 WordPress で構築された Web サイトのデザインをリニューアルしたい。 テーマだけ改修すればすみそう。機能面の改修や、投稿データの編集は必要ない。 ところが、クライアントがレビューするための環境がない! レビュー環境を構築する時間もないかも! そこで、ずぼらなわたしは番環境に直接手を加えてレビューしてもらうことを画策しました。とはいえ、制作途中のものが世の中に公開されてはもちろんいけません。そんな時に役立つのが、Wo

    【WordPress】 is_user_logged_in() で構築するずぼらレビュー環境 | バシャログ。
  • ファイルを比較するなら「WinMerge」 | バシャログ。

    W杯も終わり、祭りの後な雰囲気ですね。 kimotoです。 さて、今日はテキストの diff をとるツール、WinMerge をご紹介します。 すでに有名なソフトなので、知ってる人も多いと思いますが。 WinMerge は、ファイルの中身を比較して差分を確認したり、そのままマージをしたりできるツールです。 例えばこのように比較する事ができます。 このように色分けされて表示されるので一目でどこが変更されたか分かります。 また、左ペインにはファイル全体の中で現在の位置が表示されていてこれまた分かりやすい。 この左ペインで直接位置を動かす事もできます。 また、差異を選んで右クリックから右に移動したり左に移動したりも簡単で、マージも楽チンです。 TortoiseSVN を使用している人なら、Tortoiseメニューの「以前のバージョンと比較」などを行うと、自動で WinMerge が立ちあがり、比

    ファイルを比較するなら「WinMerge」 | バシャログ。
  • FirefoxとSelenium IDEでスクリーンショットを次々撮ってみよう | バシャログ。

    こんにちは、ゲリラ豪雨にビクビクしているinoueです。夕立よりもスコールのような雨が多いし、もう日は温帯じゃないですね。 さて、webアプリケーションをテストする際、様々なアカウントでログインして、そのログイン後ページの表示結果を確認したい、なんて場合が多々あります。 最も原始的な方法は「1つひとつ手動でログインして確認する」だと思いますが、テスト対象が数十ある場合など…面倒ですよね。 このような状況で、プログラマなら当然「なんとか自動化できないものか」と考えるのではないでしょうか。 webページの確認ならば、スクリーンショットが取得できればOK。あとはログイン、ログアウトの操作を繰り返し実行できれば…、ということでテストツールSelenium IDEの登場です。 Seleniumの現行バージョンには、ページのスクリーンショットを取得するためのコマンド captureEntirePag

    FirefoxとSelenium IDEでスクリーンショットを次々撮ってみよう | バシャログ。
  • デザイナーが使えるZen-coding環境 | バシャログ。

    ワールドカップのパブリックビューイングを会社近くの映画館で見てみたいminamiです。 以前tanakaがNetBeanでのZen-codingを紹介していましたが、デザイナー、コーダーがよく使うであろう環境でのZen-coding対応事情を調べてみました! 秀丸でZen-conding 秀丸でZen-codingができるようになるマクロが配布されています。 秀丸マクロでZen-Coding マクロをダウンロード マクロフォルダのパスを確認。[その他] - [動作環境] - [パス] - [環境] - [マクロファイル用のフォルダ] で指定されてるフォルダにダウンロードしたzencoding-for-hidemaru.zipから展開したzencoding.mac と zencoding.iniを移動 [マクロ] - [マクロ登録] で、zencoding.mac を任意の番号に、別々に2つ

    デザイナーが使えるZen-coding環境 | バシャログ。
  • 何が正解? Subversion のバックアップ | バシャログ。

    こんにちは、nakamura です。いやぁ今年もついにやってまいりました。何がって?決まってるじゃないですか!花粉ですよ花粉!もうズビズビですよ! Subversion でソースコード管理をしている会社は多いと思いますが、みなさんリポジトリのバックアップはどうされているでしょう?調べてみると方法はいくつかあり、状況に応じて使い分けるのが良さそうです。今日はそんな Subversion リポジトリのバックアップ方法をいくつかご紹介します。 単純にファイルをコピー 元々シーブレインではこの方法でバックアップを行っていました。 rsync を使って別のサーバにリポジトリを丸ごと同期するのですが、あくまで単純にコピーしているだけなので、例えば実際に不具合が発生した時にバックアップデータがそのまま使えるのかは全く保証されていませんでした。かなり手っ取り早くて楽な方法でしたが Berkley DB

    何が正解? Subversion のバックアップ | バシャログ。
  • 火狐(Firefox)をたくさん飼い慣らす方法 | バシャログ。

    tanakaです。iPad、ニュースやTwitterの書き込みだけ見ていると「待ち」かな、と思いましたが、Keynoteを見ると、やっぱり欲しくなりますね。 さて、iPadとは関係ありませんが、今日はFirefoxの異なるバージョンをいくつもインストールして、同時に起動できるようにする方法をご紹介します。といっても、真新しい情報ではなく、"-P"オプションと"-no-remote"オプションを使うものなので、ご存じの方もいらっしゃると思います。 複数起動できると何がうれしい? Web制作/開発の仕事限定ですが、複数のFirefoxを使えるようにしておくとうれしいことが2つあります。 betaバージョンでもどんどんインストールしていける プラグインてんこもりの開発用Firefoxから、情報収集onlyの軽量Firefoxなど好みのFirefoxをいくつも作成できる 次からはこれらのメリットを

    火狐(Firefox)をたくさん飼い慣らす方法 | バシャログ。
  • Subversion のリポジトリを移行 | バシャログ。

    最近流行りにのって自転車通勤を始めようか迷っています。こんにちは、nakamura です。 ソースコードのバージョン管理に Subversion を利用されている会社は多いと思います。多分に漏れず我が社もそうですが、長らく使っているといつかやらなくてはならないのがリポジトリの移行ではないでしょうか。今回たまたまリポジトリの移行を行う機会がありました。作業的にはさほど複雑ではないですが、そうそう頻繁に行うものでもないので備忘録的に書きつつ、御覧になっている皆様の参考にもなればと思います。 リポジトリのダンプ、リストア リポジトリを丸ごとコピーする方法です。データベースのダンプ、リストアとイメージ的には近いです。 まずはリポジトリをダンプ。 svnadmin dump PATH_TO_REPOSITORY > DUMP_FILE_NAME 容量が大きそうな場合は同時に圧縮してしまいましょう。

    Subversion のリポジトリを移行 | バシャログ。
  • (gitで)勉強用にMTのテンプレートをバージョン管理する | バシャログ。

    最近、自宅のマシンにMTOSをつっこんで、上記のを見ながらカスタマイズの方法について触りはじめています。勉強のためのカスタマイズとはいえ、バージョン管理されていないのは不安だったのでgitを使ってバージョン管理をしていました。ところが、テンプレート(公開用)を修正することになり、困りました。MTのテンプレートは通常、データベース内に保存されており、バージョン管理されていません。元に戻すのが気軽にできないのは勉強する上でストレスになるので、バージョン管理する方法を調べていたところ、MTで少し操作するだけでgitやsubversionを使ってバージョン管理ができるようになることがわかりました。日はその方法をご紹介いたします。 キモは、「テンプレートをファイルへリンク」させること (この記事ではバージョン管理にgitを使います。参考文献にてTortoiseSVNを使った実例の記事へリンクして

    (gitで)勉強用にMTのテンプレートをバージョン管理する | バシャログ。
  • Remember The Milk でタスク管理 | バシャログ。

    今年の夏休みは台風直撃でした、、、こんにちは、nakamura です。 さてさて、今日はサイトの紹介をしたいと思います。みなさん、普段タスクやスケジュールの管理には何をお使いでしょうか?Web ベースにしろ、ソフトウェアにしろ最近は実に多くのツールがありますね。おそらく Google Calendar あたりがこの手のツールの中では強いのだろうと思いますが、今回ご紹介する Remember The Milk はそんな Google Calendar との連携もバッチリなチョーー便利ツールなのでございます。 Remember The Milk は Web ベースのタスク管理ツールです。絞り込まれたとてもシンプルな機能と UI が使いやすく、なんだか好感の持てる作りになっていますね。機能がシンプルなだけに Remember The Milk 単体では正直他のツールでも十分じゃないか、とお思いに

    Remember The Milk でタスク管理 | バシャログ。
  • NetBeans 6.7のSFTP機能でWindows+LAMP開発環境を快適にする | バシャログ。

    先週末はLLTV、今週末はPHPカンファレンスと技術系のイベントが重なってうれしいtanakaです。 さて、今日もNetBeansの便利機能をプログラマ向けにご紹介いたします。日は、NetBeansのSFTP機能を使ってLinux on VMWareな開発環境がとても快適になった話をいたします。 目次 仮想マシンが開発環境な私の悩み NetBeansのSFTPクライアント機能はとても便利です 設定方法(主にひっかかりやすいポイントだけご紹介) 「保存したら転送」が快適すぎる 保存してもアップロードされなかったときは? まとめ 仮想マシンが開発環境な私の悩み 私はPHPプロジェクト(スクリプト群)をVMWareで実行しているDebianに保存して、開発を進めます。(同僚のみなさんも一緒かというとそうではなくて実マシンを使う人やcoLinuxを使う人までさまざまです。)そしてSambaを使

    NetBeans 6.7のSFTP機能でWindows+LAMP開発環境を快適にする | バシャログ。
  • Eclipse(or Netbeans) + TiddlyWiki で IDE内メモ帳作り | バシャログ。

    こんにちは、inoueです。 プログラミングをしているときの「ちょっとしたメモ」だとか「ちょっと調べたtipsの抜き書き」だとか、皆さんはどうされていますか? 私は最近まで、「1作業ごとににテキストファイルを作成して」「ファイル名は日付+プロジェクト名やキーワード」として専用フォルダにどんどこ保存する形をとっていたのですが、だんだんそのファイル名づけも面倒くさくなってきてしまいました。何たるものぐさ。 で、仕事のメインツールであるIDEの中でメモがとれないかなあ、と常々思っていたことを実現することにしました。今回はそのお話。 もちろん、IDEとは別にWebブラウザを立ち上げて、そこに何らかのツールやサービスを表示しておく、というやり方もあります。 が、やれ動作確認やら調べ物やらでいっぱいタブ開いちゃって、入力用のページが埋もれちゃったり、誤って閉じちゃったり悲しい出来事が起こりやすくないで

    Eclipse(or Netbeans) + TiddlyWiki で IDE内メモ帳作り | バシャログ。
  • config ファイルで自分だけの OpenSSH 環境を作る | バシャログ。

    みなさんこんにちは。先週 BBQ に行ったのですが、なぜか僕だけ全然日焼けしません。nakamura です。 さてさて、今日は Linux マシン上で OpenSSH の config ファイルを使って、自分だけの SSH 環境を作る方法をご紹介します。自分の関わるサーバが増えてくると、putty のプロファイルだけでも膨大な数になってしまい接続したいサーバがすぐに見つからない!なんて事ありますよね。そんな時この方法を使えば putty から直接接続するサーバはいつもの一台だけ、そのサーバ上に自分だけの SSH 設定をしておく事でそれ以外のサーバにもそこから簡単に接続できるようになりますよ。 OpenSSH の config ファイル 実は OpenSSH の設定ファイルには 2 種類あります。(ちなみに、ここでいう設定ファイルとは SSH サーバではなくクライアントの設定ファイル、つまり

    config ファイルで自分だけの OpenSSH 環境を作る | バシャログ。
  • TortoiseSVN をインストールすると PC が重くなる件 | バシャログ。

    最近、携帯電話を換えました。こんにちは、 nakamura です。トイレに水没しても死ななかったタフガイにもついに寿命が訪れたようです。なぜか普通に閉じようとしただけでボキっと逝ってしまいました、、、かなすぃ、、、 さてさて、Windows のエクスプローラ上で手軽に使える Subversion クライアントとして人気な TortoiseSVN ですが、デフォルトの設定のままだと PC 全体を重たくしてしまう曲者です。スペックがそんなに悪いわけではないのにどうにも全体的に重たいなぁ、とかれこれ半年ほど悩んでいたのですが(半年は大袈裟か)ようやく原因が分かったので、その辺りの設定をご紹介しようと思います。 なんで重たくなるの? そもそも TortoiseSVN をインストールするとなぜ PC 全体が重たくなるのでしょう。原因は TortoiseSVN 自身ではなく一緒にくっついてくる TSV

    TortoiseSVN をインストールすると PC が重くなる件 | バシャログ。
  • NFS と SFU でファイル共有 | バシャログ。

    みなさん季節の変わり目は体調管理に気を付けましょう。絶賛風邪っぴき中の nakamura です。げほげほ。 今日は日ごろの開発環境についてのお話しです。番環境が Linux であればもちろん開発も Linux 上で行いたいもの。ただ、メインマシンを Linux に置き換えてしまうのはちょっと・・・、という方は多いと思います。実際に僕もその中の一人でございます。 こういった要件を満たす方法として、Samba をまず思い浮かべる人が多いのではないでしょうか。開発環境の Linux マシン(もしくは coLinux)上で Samba サーバを動かし、Windows から Samba クライアントととしてアクセスする方法です。僕もほんの少し前までこの方法で開発を行っていましたが、開発環境のスペックが低く、動作が重たくてしょうがない!Samba はユーザ毎に権限を分けたり、認証を求めたりと高機能な

    NFS と SFU でファイル共有 | バシャログ。
  • クイック起動のアイコンがあふれそうになったら使いたいランチャー「ExtendQuickBar」 | バシャログ。

    こんにちは。先日ノートPCからデスクトップに仕事場を引っ越したinoueです。 coLinuxの起動が速いこと!速すぎて出社後のティータイムがなくなりました。 さて、引っ越しついでにユーティリティーソフトの見直しも行いまして、便利なランチャーソフト「ExtendQuickBar」を見つけたのでご紹介! タスクバーに表示される「クイック起動」ツールバーが便利で、アプリケーションをインストールするとここにショートカットを放り込む癖がある私。 で、気づくとこんなかんじにアイコンがづらづらと・・・。 アイコンの並べ替えはできますが、グループ化とかできない、なによりもタスクバーの領域を陣取ってしまうため、開いているウィンドウがよくわからなくなって不便。 このクイック起動みたいなランチャーがないかな、と思って探したら、ちょうどいいものに出会いました。 その名もExtendQuickBar。「クイック起

    クイック起動のアイコンがあふれそうになったら使いたいランチャー「ExtendQuickBar」 | バシャログ。
  • Pageantと『ファイル名を指定して実行』で快適SSH | バシャログ。

    夏の足音がだいぶ近付いて参りました。いやぁナツい、実にナツい。むさ苦しい見た目とは裏腹に夏大好きなnakamuraです。こんにちは。 さてさてWindowsクライアントからリモートサーバにSSH接続する際、皆さん何をお使いでしょうか?teraterm、poderosaなどいくつかの選択肢があるかと思いますが今回は僕の使っているputtyで、頻繁にアクセスするサーバへのSSH接続を簡単に出来る一工夫をご紹介したいと思います。 Pageantを活用する Pageantは、OpenSSHでいう所のssh-agentに相当するアプリケーションで、パスフレーズを一度入力するとそのキーを記憶してくれて2回目以降パスフレーズの入力を省いてくれるとっても便利なやつです。puttyをインストールするとputtyと同じディレクトリに一緒に入っているはずです。 と、そのままでも充分便利なツールですが、キーを記憶

    Pageantと『ファイル名を指定して実行』で快適SSH | バシャログ。
  • ローカル開発環境のお供にHosts File Manager | バシャログ。

    みなさん、こんにちは。アップルの技術系カンファレンスWWDC 2009でiPhoneやSnow Leopard(Mac OS Xの次のバージョンのコードネーム)など、待ちこがれていた製品が発表されてテンションがあがってきたtanakaです。iPhoneは買うことになるでしょう。Snow Leopardは2万円くらいでも払う気でいましたが、アップグレード版は5,000円以下で買えそうなのもうれしいですね。 さて、今日は、開発用サイトにドメイン名を割り当てるのに便利なツールの紹介です。 ローカルの開発環境のお供にHosts File Manager coLinuxやVmware上にウェブアプリケーションの開発環境を作っていると、ドメイン名の割り当てのためにhostsファイルを編集することになると思います。(WindowsXPでは、C:\WINDOWS\system32\drivers\etc\

    ローカル開発環境のお供にHosts File Manager | バシャログ。
  • 1.2.3で整えるPHP開発環境【STEP.3】 確認方法 | バシャログ。

    第3回ではプログラム動作の確認環境(デバッグ用)についてご紹介いたします。 phpinfo 関数 phpinfo はマシン環境やアクセスしてきたUAの情報などを出力する関数です。サーバのセットアップが成功したか調べるときに使います。また困ったときにとりあえずタイプしてしまう関数でもあります。XAMPPでこの関数を使ってみるには、C:\XAMPP\htdocs\test.phpに次のように書き込み、http://localhost/test.phpをブラウザで表示します。 <?php phpinfo(); ?> var_dump 関数 処理途中の変数の値を調べるのにはどんな方法があるでしょうか?たとえば、echo, print 関数は文字列の内容を調べるデバッグにも使えますが、通常の出力でも使う関数です。Webフレームワークでは専用のデバッグ関数、メソッドが用意されてことも多く、そちらを使っ

    1.2.3で整えるPHP開発環境【STEP.3】 確認方法 | バシャログ。