tanakaです。 VirtualBox 5.0が7月9日にリリースされました。Linuxゲスト向けの準仮想化設定を有効にしたところ、開発しているWebアプリケーションの処理速度が130～200%高速になったので既にVagrantを使っている場合のアップグレード手順をご紹介します。 1. アプリケーションをアップグレード Download VirtualBox 5.0.0 以降をダウンロードしてください DOWNLOAD VAGRANT 1.7.4以降をダウンロードしてください 2. Vagrantfile に準仮想化の為の設定 --paravirtprovider を追加 config.vm.provider ブロックがあれば1行追加するだけです。 このパラメータはゲストOSの種類で決めるそうで、ホストOSがWindowsでもKVMが選択できます。 config.vm.provider
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
こんにちは！最近はTitanium MobileでiPhoneアプリを作りたいと思っていろいろ遊んでいるtanakaです。 Titanium Mobile は スマートフォンアプリ(iPhone, Android)を作るためのツール群です。 Titanium Mobile を使うと JavaScript を使ってネイティブアプリケーションを作ることができます。 今日はシンプルなRSSリーダーを作る方法をご紹介します。 完成イメージ アプリの大まかな仕様 iPhone をターゲットにします RSSの取得に Titanium.Yahoo.yql を使います 取得した記事一覧を TableView で表示します 記事タイトルがタップされたら記事ページを表示します 準備 開発環境には次の準備が必要です。 iOS SDK(+XCode), Titanium Developer (Titanium を
ちょっと遅めの夏休みをもらって八丈島に行ってきました nakamura です！いい所すぎて危うくそのまま移住するところでした。 データベースの移行をする際みなさんどんな流れで作業しているでしょうか。コマンドラインでダンプを取って、サイズが大きかったら gzip で圧縮して、WinSCP でそれをローカルに落としてきて、それをまた別のサーバにアップロードして・・・・なんて事してたりしませんか？ シェルのパイプやリダイレクトをうまく使ってあげれば、この辺りはコマンド一発でいけちゃったりするのです。今日はそんなコマンド例のご紹介です。 実際によく使うコマンドの例を箇条書きで。 とりあえずダンプの結果をそのまま圧縮する。 mysqldump -udb_user db_name -pdb_pass | gzip > db_name.dump.sql.gz 特定の文字列を置換した上で圧縮する。 MT
帰省したら髪型が家族にものすごく不評だったminamiです。 もともとPhotoshop派だった僕もシーブレインではめっきりFireworksのお世話になっております。Fireworksは元々細かくキーボードショートカットを設定できるのですが、ツールバーのショートカットはデフォルトで割り当てられています。しかも一つのキーしか使いません。意外に使ったことがなかったので全部調べてみました。 ※調べたFireworksのバージョンはCS3です。 表にまとめてみた このようにツールバーにある機能は全てワンタッチで切り替えることができます。複数の機能が割り当てられている部分は、押すたびに機能が切り替わります。 意外と普段使っていなかったので、まとめてみて自分で目から鱗です。全て使いこなせたらかなり作業スピードは上がりそうですね。 まとめてみた結果 作業効率は小さいことの積み重ねで変わるので、使ってい
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
もう暑いのいいだろ、toyama です。最高気温 37℃ 越えている地域の皆さん、本当にお疲れ様です。 普段 Fireworks で作業していると、たまに使う Photoshop や Illustrator のちょっとした動作の違いにストレスを感じます。 違うソフトだから仕方ないんですが、同じ会社から出てるなら揃えろよ！と思ってしまいます。 普段 違うソフトを使っていてちょっと Fireworks を使ってみようかな？と思っている方に、簡単な Fireworks の振る舞いをご紹介したいと思います。 とりあえずよく使う、矩形の拡大縮小についてまとめてみました。 この辺の動きをあらかじめ知っておけば、ストレスも少しは減るかも？ 1.サイズ変更 矩形を選択して[修正]→[変形]→[数値を入力して変形]から[サイズ変更]を選択し、縦横比を固定して数値を入力してみます。 元のサイズに対して、中央か
夜中のセミがうるさい季節になりました、toyama です。 窓ガラスにカナブンが激突してくる音もうるさいです。一応、横浜市民です。 Fireworks でボタンを作ったりするときに使う、文字のいじり方を簡単にまとめました。 ボタンを書いて、テキストをおいて、これで完成！でも十分ですが、なんかテキストが読みにくいな、と思ったときにやってみると落ち着きます。 こんなボタンがあるとして 淡いブルーのボタンに、白い文字でテキストを配置する、よくあるボタンです。 ちょっと可視性が低いって言われるかなー、という感じなので、テキストに一手間加えます。 1. グロー テキストを選択して、プロパティパネルから[フィルタ]→[シャドウとグロー]→[グロー]を選択します。 ボタンの色よりちょっと濃い目の色を選んで、効果の数値を設定。あまりキツくかけすぎると素人っぽい感じになってしまうので、この辺の数値はプレビュ
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる！ 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project｜試用版ダウンロード http://www.
今週の木曜日はやはり早く寝て夜中に起き出すかないか！toyama です。金曜日は結構な割合で寝不足な人が多そうですね。 大きな写真イメージの上にキャッチコピーを書いてサイトの目立つところに表示、というデザインは割と多いパターンですが、画像の書き出し圧縮率は毎度悩ましいです。 写真の書き出しは jpg がセオリーですが、キャッチコピーの文字がひどく劣化してしまうことがあります。かといって gif で書き出すには色数が多くてディザでもちょっと辛いし重い！ そんなときは Fireworks さんにおまかせです。さすが web 制作の申し子！ 1. こんな感じの画像があるとします。 写真の上にテキストで文字が置かれています。 2. jpg で書き出してみます。普段はこんなに低画質で書き出すことはないですが、分かりやすく圧縮の品質を 50 にしてみます。 背景の画像はともかく、もう文字のまわりがグニ
こんにちは nakamura です。そういえば 4/1 から 神奈川県公共的施設における受動喫煙防止条例 が施行されましたね。今のところよく行くお店でそれらしい光景は見掛けませんが、先日行った居酒屋はものの見事に禁煙になっていて心なしか客足もまばらな感じでした。神奈川県の飲食はこれから厳しそうですな。 さてさて思わず関西弁になってしまうほど便利な find コマンドを今日はご紹介します。比較的有名なコマンドですが、オプションが相当な数あり正直全てを把握するのは無理かもしれません。ただ、よく使うものだけでも頭に入れておくと何かと便利な優れものなのです。 基本的なオプション まずは基本的な使い方。 -type ファイルタイプの指定に使用するオプションです。スペシャルファイルや名前付きパイプ等様々な引数がありますが、よく使うのはディレクトリを示す d と通常ファイルを示す f でしょうか。 -n
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
先週末はLLTV、今週末はPHPカンファレンスと技術系のイベントが重なってうれしいtanakaです。 さて、今日もNetBeansの便利機能をプログラマ向けにご紹介いたします。本日は、NetBeansのSFTP機能を使ってLinux on VMWareな開発環境がとても快適になった話をいたします。 目次 仮想マシンが開発環境な私の悩み NetBeansのSFTPクライアント機能はとても便利です 設定方法(主にひっかかりやすいポイントだけご紹介) 「保存したら転送」が快適すぎる 保存してもアップロードされなかったときは？ まとめ 仮想マシンが開発環境な私の悩み 私はPHPのプロジェクト(スクリプト群)をVMWareで実行しているDebianに保存して、開発を進めます。(同僚のみなさんも一緒かというとそうではなくて実マシンを使う人やcoLinuxを使う人までさまざまです。)そしてSambaを使
最近ActionScript3.0を再入門しているtanakaです。PHPや、JavaScriptに比べるとカタい言語だと感じますが、PHPではあまり扱わない図形などがでてきて新鮮ですね。さて、本日はActionScript3.0の話ではなくて、Firebugの話です。Firefox3.5用になって変わったことや、jQueryを使った開発で役に立つFireQueryの紹介をいたします。 Firebug 1.4はFirefox3.5/3.0と組み合わせて動きます。単に3.5に対応しただけでなく、使い勝手の面で改良が見られます。 Offボタン OffボタンですぐにFirebugの機能を無効にすることができるようになりました。単純な変更ですが、日常的にFirefoxを使っているひとには重要です。Firebugは有効にしたままにしておくとWebページの動作を割と遅くさせてしまう拡張機能ですが、Of
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
こんにちは、tanakaです。ここ2、3日はオープンソースソフトウェアのリリースラッシュだったのか、PHP 5.3.0、Firefox 3.5、NetBeans 6.7が立て続けにリリースされました。今日は、その中でも、PHPユーザーの方向けに(私も日頃から利用している)NetBeans 6.7の新機能をご紹介いたします。もちろん既に日本語版がありますよ！ 目次 PHPエディタでSQLテーブル、カラム名補完 HTMLの階層パスを表示する PHPUnitによるユニットテスト作成と実行 自由な折り畳み まとめ 参考文献 PHPエディタでSQLテーブル、カラム名補完 NetBeansにはもともと、各種データベースに接続して、SQL文を発行、結果を参照する機能があります。この補完機能は、そのデータベース接続機能を使ってエディタ内でカラム名などが補完できる機能です。6.7ではPHPエディタ内でも使え
こんにちは、シーブレインの toyama です。蒸し暑いよ！ サムネイル用の画像を大量に書き出す必要に迫られたときの記事を書かせていただきました。が、「他にも方法あるよ！」とおハガキいただきましたので、ご紹介させていただきます。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで（画像をすべて選択して「フレームに配分」を使うと簡単です）、1 フレーム 1 画像を配置します。 3.スライスをひとつ作成。スライスに名前をつけておきます。ここでは「test」としました。 4.画像を書き出すための「最適化」を設定したあと、「ファイル」→「HTMLの設定」→「ドキュメントの詳細」から、画像を書き出す際の命名規則を設定します。サムネイルは連番で書き出したりすることが多いと思われるので、以下のようにしました。 5.書き出しのダイヤログが出て
最近なんだか胃の調子が悪いのでサプリメントなるものに手を出そうとしている kimoto です。 あと運動もしてます。やせるぞ！ まあそれは割とどうでもいいんですが、以前にMySQL の初歩的 Tips 3つというエントリーを書いたことがあります。 これ、PostgreSQL だとどうするんだろ？っていう質問がありましたので、ちょっと書いてみます。 データの表示を立て並びにする これは、MySQL の場合はクエリの最後に「\G」を付ける事で可能でした。 こちら、PostgreSQL の場合は「\x」をコマンドします。ポイントは、このコマンドはスイッチになっていて、最後に付けるのではなくこのコマンドを打つたびに on と off が切り替わるという事です。 dbname=# SELECT * FROM member; id | name | gender | age | blood | pos
ishidaです。 tableで価格一覧や製品一覧などを表示する場合に、行数が長くなるとかなりメリハリのない印象になります。 行ごとにclassを設定すれば見やすくなりますが個別に設定するのも面倒なので、最近のishidaはjQueryを使って背景色を設定しています。 サンプルは以下です。 jQueryでtableの偶数行や奇数行に背景色を設定する方法サンプル 設置方法 設定方法は以下です。 htmlのhead要素に以下の処理を読み込みます。またjqueryはサイトからダウンロードしてください。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("table").each(function(){ jQ
お世話になっております、シーブレインの toyama です。 今日は最近になってようやく存在に気がついた「検索と置換」についてです。 なんとなく文字をいじるソフトにしかないものだと思い込んでいて、Fireworks にも「検索と置換」が実装されていることに気づいたのは、申し訳ないことについ最近でした。 ホントすみません。時間を無駄にしててすみません。 [編集]→[検索と置換]で、この画面が立ち上がります。 あとはもうなんていうか、Fireworks で打ち込んだ文字列を置換したり、緑で作ったオブジェクトを青に置換したいわあ、なんてときは緑をスポイトで選択して（もちろんカラーコードを直接入力できます）、置換したい青を設定してやれば、さくさくさくっと置換が実行されます。 置換したいのが塗りなのか線なのかエフェクトなのか、を間違えずに選択してあれば、恐ろしいほど作業効率があがります。 シンボル化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く