タグ

ブックマーク / blog.asial.co.jp (40)

  • 最近のJavaScript開発まとめ

    こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ

    最近のJavaScript開発まとめ
  • 【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(後編)

    こんにちは、橋です。 前回にひきつづき、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 consoleオブジェクトには以下の19個(logを除くと18個)のメソッドがあります。 assert count debug dir dirxml error group groupCollapsed groupEnd info log markTimeline profile profileEnd time timeEnd timeStamp trace warn そのうち前回は、assertメソッドからgroupEndメソッドまで見て行きました。 今回はinfoメソッドからwarnメソッドまでの使い方について書いていきたいと思います。 infoメソッド console.info(messa

    【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18(後編)
  • Cordova(PhoneGap)のプラグインの作り方

    こんにちは、橋です。 今日はCordova(PhoneGap)のプラグインの作り方について書いていきたいと思います。 Cordovaは、HTML, CSS, Javascriptを組み合わせて、iOSやAndroidのネイティブアプリが作れるというものです。 Cordovaで用意されたJavascriptAPIを用いることで、ネイティブの機能を使用することができるようになっています。 「HTMLCSSJavascriptでネイティブアプリが作れるとは!ネイティブの機能も使えるし!これはお手軽!!素晴らしい!!!」 と、思うかもしれませんが、Cordovaの内部では、ネイティブのWebviewの上でHTMLを動かし、JavascriptAPIを通じて予め用意されたネイティブの機能を使っているだけなので、実際にアプリを作り始めると、痒いところに手が届かない場面がしばしばあります。 た

    Cordova(PhoneGap)のプラグインの作り方
    sotarok
    sotarok 2012/03/23
  • screen(だけ)の時代は終わり。tmuxでリモートコンソールを便利に使うTips

    ※ コメントをいただきましたので、一部文を修正させて頂きました。 1.サーバー・クライアントモデルというのはネットワーク接続なイメージになってしまいますので、取り外しました 2.mouse-utf8に関してコメントを頂いたので補足しました 3.タイトルを「screenの時代は終わり。tmuxでリモートコンソールを便利に使うTips」から「screenだけの時代は終わり。tmuxでリモートコンソールを便利に使うTips」に変更しました(変な誤解を受けられた方がいらっしゃったため) お久しぶりの田中です。最近、ずっと大型案件に携わっていた関係で、あまりブログ等でのアウトプットができていませんでした。これからはドンドン書いていきますので、どうぞよろしくお願いします。日はGNU screenと同様の機能を持つtmuxを紹介します。 GNU screenやtmuxは、1つのターミナル画面上に複数

    screen(だけ)の時代は終わり。tmuxでリモートコンソールを便利に使うTips
    sotarok
    sotarok 2012/03/15
    ちょうど今日の話題
  • node.jsの開発時に役立つモジュール

    こんにちは、中川です。 今回もPHPには一切触れないで、node.jsについて書いていこうと思います。 主に開発時に便利なモジュールを紹介いたします。 ■今回紹介するもの ・nvm ・node-dev ・node-inspector ■nvm ・https://github.com/creationix/nvm node.jsはまだまだ開発途上ということもあり、頻繁にバージョンアップが行われています。 現在では0.2系のstableバージョンと、0.3系の開発バージョンがあります。 複数のバージョンをインストールして、簡単に切り替えられるようにするために、 開発環境では、nvmを使っています。 セットアップは非常に簡単で、 $ git clone git://github.com/creationix/nvm.git ~/.nvm $ . ~/.nvm/nvm.sh

    node.jsの開発時に役立つモジュール
  • symfonyアプリケーションをデプロイするためのCapistranoレシピ

    こんにちは、亀です。 1週間ぶりです。というのも、今までご無沙汰過ぎて、ブログ当番に2週連続であたってしまいました。 やっぱり普段からコツコツやっとかないとだめですね。反省反省。 さて、今回はデプロイのお話です。 アプリケーションのデプロイといえばリリースの締めの一番ミスできないところです。 みなさん、これをどうやって作業していますか? 最近はバージョン管理システムが導入されるのが当たり前になっている場合が多く、リポジトリからのチェックアウトで済ませてしまうとか、rsyncするだけという方も多いんじゃないでしょうか。 もちろん、Webサーバ2~3台ぐらいだったらそれで事足りますし、適切なポリシーを持って臨めば、セキュリティ的に問題が発生するような事態にも陥らないでしょう。 しかし、バージョン管理システム自体やrsyncを使ったデプロイは手軽であるというメリットの裏で、以下のような不安材料

    symfonyアプリケーションをデプロイするためのCapistranoレシピ
  • Twigでカスタムタグを追加する

    あけましておめでとうございます。小川です。 日はTwigでカスタムタグを追加する方法を紹介します。 ■Twig TwigはPHPで実装されたテンプレートエンジンの1つで、Python製のテンプレートエンジンのJinjaとほぼ同じ構文を持っています。 Webアプリケーションフレームワークsymfonyの次期バージョンでもあるSymfony2で採用されることが決定しており、Symfony界隈を中心に注目を浴びているテンプレートエンジンです。 <h1>Categories</h1> {% if categories|length > 0 %} <ul> {% for category in categories %} <li>{{ category.name }}</li> {% endfor %} </ul> {% endif %} <?php // lib/Twig/Node/Print.

    Twigでカスタムタグを追加する
    sotarok
    sotarok 2011/01/13
  • パーフェクトPHPが発売されました : アシアルブログ

    こんにちは、小川です。 今朝届いたPHPプロ!TIPS+ ダイジェストメールにも書いてありましたが、日11月12日より「パーフェクトPHP」が発売となります。 ◆パーフェクトPHPとは パーフェクトPHPは、PHPをこよなく愛す(?)3人のPHPエンジニアが執筆した書籍です。以下のような構成です。 ・Part 1 「PHP ~overview」 PHPの基 ・Part 2 「PHPの言語仕様」 PHPの言語仕様を詳細に解説 ・Part 3 「実践Webアプリケーション」 Webアプリケーション開発の基礎知識や、さらに先へ行くためのより現代にあったノウハウの解説 ・Part 4 「PHPセキュリティ」 サンプルコードを交えた様々なセキュリティの解説 ・Part 5 「テクニカルなPHPの活用」 SPLやPDOなどPHPが提供する便利なライブラリなどの解説 ・Part 6 「PHPレシピ

    パーフェクトPHPが発売されました : アシアルブログ
  • 【HTML5】HTML5で追加されたformの新要素をいろいろなブラウザで試してみた : アシアルブログ

    こんにちは、橋です。 最近巷ではHTML5が盛り上がりを見せている気がします。 「世界的ですもんね。乗るしかない、このビックウエーブに!」 とはいえ、HTML5のすべてに触れると膨大な量になってしまうので、今日はHTML5の中でも、多くの変更が行われた、form要素について、実際に新しく追加された機能を使っていってみたいと思います。 まずは以下を参考に、どのような修正が加えられたか見てみましょう。 W3C - HTML 5 differences from HTML 4 日語訳 formに関する変更はこのあたりでしょうか。 以下に列挙してみます。 ・inputタグに以下のtype要素が追加。 tel search url email datetime date month week time datetime-local number range color ・以下の属性が追加 inp

    【HTML5】HTML5で追加されたformの新要素をいろいろなブラウザで試してみた : アシアルブログ
  • PHPでコマンドライン・アプリケーションを簡単に作成する

    こんにちは、小川です。 日は、PHPで簡単にコマンドライン・アプリケーションを作成できるライブラリをご紹介します。 (日ご紹介するライブラリは実際には開発途中のものでドキュメントなども存在しません。こういうものがある、程度でとらえていただければ幸いです。) さて、みなさんsymfonyはご存じでしょうか。symfonyといえば仏Sensio社が提供するオープンソースのPHPフレームワークです。symfonyはいわゆるフルスタックフレームワークでMVCをベースに様々な機能が提供されています。symfonyにはsymfonyコマンドが存在しており、実際の開発ではこのsymfonyコマンドをもちいて、アプリケーションの雛形やデータベース操作などをコマンドラインで行うことが可能です。 こういったコマンドラインでアプリケーションの雛形を生成したりする機能は、symfony以外のフレームワークでも

    PHPでコマンドライン・アプリケーションを簡単に作成する
    sotarok
    sotarok 2010/01/29
    components\console 参考になるなあ / 色つくのいいな
  • 消しゴムでハンコを作ってみた

    こんばんは、阿部です。 意味も無くTechブログっぽいタイトルにしてみました。 先日、誕生日会のネタで肩たたき券を作ったのですが、どぉ~も寂しい感じになったので、会社印を押そうと思って、でも実務で使ってるのはなぁ・・・と思って、急遽消しゴムで作ってみました。 うまくいかなかったら途中でやめようと思って始めたのですが、これがなかなかおもしろくて。カッターでほじりまくりました。 完成したときの達成感といったら!ココ最近でダントツ1位です。 こうゆうくだらない事もたまには必要ですね(`・ω・)b 最後に・・・ 失敗作です。。これは誰しも一度はやりますよ・・・ね。。。

    消しゴムでハンコを作ってみた
  • 6月1日から組織構成が変わりました

    田中です。アシアルブログではご無沙汰です。 個別にご連絡させていただいた方もいらっしゃいますが、この場を借りて、改めてご報告したいと思います。 2009年5月末日をもって、CTOの森川が退職いたしました。引き続き非常勤取締役として、経営面では関与致しますが、日々の業務につきましては別の担当者に引き継がせていただきます。 日頃お世話いただいた皆様には、森川に代わり、深くお礼申し上げます。当に有り難うございました。 実はアシアルという会社は、これまで、ほとんど社員の退職がない文化(?)で、森川が先陣をきった形になります。今回の退職をきっかけに、良い意味でアシアルを踏み台にするキャリアプランが選択肢として加わったと思います。 優秀な営業マン・経営者を次々に輩出しているリクルートのように、優秀な技術者を次々と世に輩出する。それにより、世の中に貢献すると同時に、一部の人間が成長し再びアシアルに参画

    6月1日から組織構成が変わりました
    sotarok
    sotarok 2009/06/03
    もりかわさんおつかれさまでした。
  • iUIを使ってみる

    こんにちは、お昼ご飯担当の熊谷です。今日のお昼ご飯はというともちろんお弁当、すっかり外することはなくなり日々健康的な生活を送っています。その結果、健康診断で知ったショッキングな体重は順調に減り続けて現在54-55kg。この調子で自分の体重をコントロールしたいです! さて、先週末ようやくiPod touchの店頭販売が始まりました。この日を待ち望んでいた私はすぐさま16GBを購入しいろいろ遊びまくっているんですが、なんといっても残念で仕方がないのは独自アプリケーションをインストールすることができないということ。これさえできればもう大大満足なんですが、どうなんでしょうか。時間が解決してくれるのかなぁと淡い期待を持ちつつ、それまではWebアプリケーションを作ったりして遊ぼうかと思っている今日この頃です。 そんなことで、ググっているとiPod touchにあったWebアプリケーションを作成するの

    iUIを使ってみる
  • 箸袋でバラの箸置きを作ろう

    ご無沙汰しておりました。海原です。 今日は、ライトな飲み会やお事で披露できる折り紙ネタを一つ紹介します。 但し、接待やランチMTGなど、改まった場での折り紙は禁物です。会話を途切れさせない為のネタの一つとして持っておくと、人気も間違いなしですよ☆ 1.箸袋を広げましょう 2.端を三角になるように折ります 3.(2.)の工程で折った三角形に合わせてさらに内側に折る 4.(3.)の工程を繰り返す 内側へ、内側へ折って、四角形を作ります。一旦四角形になったら(一周したら)外側へと向かって折ります。(重要) 最終的に端っこが少し余るまで折ってください。 折って行く方向 折り終わったところ 5.余った端っこを折り重ねて茎をつくる 一番最後に折った部分を一度開き、折り目に向かって何度も折り重ねます。 棒を作るイメージで強めに折りましょう。 折り進めるところ 茎になった様子 6.茎を中心に通す (5.

    箸袋でバラの箸置きを作ろう
    sotarok
    sotarok 2009/02/12
    saityせんせいはモテ
  • アシアル社員のイラスト公開 番外編 ~Saity先生3D化への道~

    こんにちは、阿部です。 最近、3Dソフトを使う機会があり、せっかくなのでSaity先生を3D化してみようかと考えました。 (Saity先生は、アシアルが運営するPHP情報ポータル&コミュニティサイト「PHPプロ!」で活躍中です!PHP初心者向けの講座「PHP基礎講座」の先生なのです☆ちなみにPHP講座では、日yossy先生のSmarty講座も連載を開始いたしました!) 今回からアシアル社員イラスト公開の番外編という事で、3D版Saity先生を紹介していきます! なかなか時間がとれず、完成は来年になりそうですが。年末の事務員は忙しいのです。。 現状は、少し顔の形ができてきたくらいです。(まだ後頭部や左側はハゲの状態です。Saity先生ゴメンネ。) 何かに使う予定もなかったので、ポリゴン使い放題で進めたら多すぎるのも面倒なものでした。やっぱり無駄遣いはよくないんですね。。 作っていて楽なとこ

    アシアル社員のイラスト公開 番外編 ~Saity先生3D化への道~
    sotarok
    sotarok 2008/12/08
    これでアシアル社員もみんなアイマスの仲間入り
  • XPathでメール処理する「Mail_mime_XPath」を作ってみました。

    こんにちは、亀です。 相変わらずPerlわからないのにCPANのライブラリ群にお熱です。 以前、tomi-ruさんの日記で、Email::MIME::XPathというのがちょろっと紹介されていたんですが、これがとても便利そうだなーと思って垂涎たらしていました。 PHPでも、もちろんEmail::MIMEみたいなことができるPEAR::Mail_mimeというライブラリ群があるのですが、やはりforeachなどを使ってぐるぐる回して目的のデータを探す、という処理を毎回記述することになります。 これはやはり不便だし、いちいちmultipartの階層を気にしたりせず、もっとサクッとデータを取得したいな、と思いますよね。 ということで、PHPでも似たような感じでXPath式によってメールのデータを取得できるライブラリ「Mail_mime_XPath」を作成してみました。 ソースコードはCodeR

    XPathでメール処理する「Mail_mime_XPath」を作ってみました。
    sotarok
    sotarok 2008/09/17
    XPath式によってメールのデータを取得できるライブラリ
  • 最近の私の開発環境

    こんにちは、熊谷です。 暑い夏もようやく終わるかなという涼しげな日が続く今日この頃、皆さんはいかがお過ごしでしょうか。 MacBook Airユーザな私としてはこの涼しい日のおかげで熱くならずに快適な作業が出来るぞ!と喜んでいます。しかも、つい先日有名なシングルコア問題等々に対処したというアップデータが公開され、すぐさま当ててみたのですが、気温が下がったからなのかこのアップデータのおかげなのか、今のところMacBook Airの熱問題が解消されたような気がしています。 そんな今日この頃ではありますが。今回はこのAirでの私の開発環境について紹介したいと思います。 ターミナルでの開発やらEclipseやらTextMateやらいろいろ試してみたのですが、結局のところターミナルでの開発、zsh+screen+vimでの開発が一番しっくりきています。 初めのうちはiTermを使用していたのですが、

    最近の私の開発環境
    sotarok
    sotarok 2008/09/13
    project.vim
  • cactiを使ったサーバ監視

    こんにちは、牧野です。 今回はサーバ監視の話です。普段からサーバの状態を把握しておくと、いつの間にかハードディスクの残容量がなくなっていた、負荷が大きくなっていてサーバが落ちた、というようなトラブルを防げる確率が上がります。またサーバの異常がすぐにわかれば対応も早くでき、サービスの安定稼動につながります。 cactiはサーバやルータ等の機器監視を行うプログラムで、機器の様々な状態を調べて記録し、webページできれいなグラフを出してくれます。 …このテストサーバの画像だと多少寂しいですが、監視期間が長くていろんなグラフを追加していくともっときれいに見えます。。 また、監視対象の機器を追加するといった設定変更もwebから行うことができます。(監視対象機器の設定は、別途必要ですが。) それでは、cactiの設定について紹介していきます。ちなみに、僕の環境はcolinuxのCentOS4.5です。

    cactiを使ったサーバ監視
    sotarok
    sotarok 2008/07/16
    cactiインストール方法とか
  • DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました

    こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀です。 追記:Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(。_。)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo

    DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
    sotarok
    sotarok 2008/07/13
    タイトルがすべてをあらわしていてブコメに書くことがない.とりあえずゆどうふさんおつかれさまでっす
  • フリーで使えるセキュリティスキャナ・ツールまとめ

    森川です セキュリティスキャナについて色々と調べたことがあったので、それについての備忘録の意味も含めたまとめ+アルファです。 セキュリティスキャナといっても色々とあって、ネットワークを対象にしたもの、アプリケーションを対象にしたものなど色々とありますが、今回はアプリケーションに関するものが対象です。 さらに、セキュリティをチェックする方法として、コマンドラインで実行するタイプと、プロキシを使用するものの2種類に大別されます。 プロキシ型としては、先日Googleが新しくRatProxyというセキュリティツールを公開しているので、まずはRatProxyをプロキシ型のメインとして簡単に触れてみたいと思います。 RatProxy RatProxyは意外と簡単に使うことができました。手順は単純で、Linux上でソースコードのダウンロード、makeでプログラムが出来上がるので、あとはratproxy

    フリーで使えるセキュリティスキャナ・ツールまとめ