タグ

ブックマーク / atmarkit.itmedia.co.jp (54)

  • あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方

    連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台/基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ

    あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方
  • Webアプリの問題点を「見える化」する7つ道具 (1/3) - @IT

    今回の概要 システムが応答しない、パフォーマンスが劣化したなどのトラブルが発生したときに、原因がなかなか掴めず、あたふたすることはないだろうか? 稿では、Java EEトラブルシューティングの現場で役立つ7つ道具を紹介する ある日、突然電話が鳴る 用件は、「システムが不定期に停止する。よく分からないけど、どうやらJava EE部分がおかしい」とのこと。このような事態が発生したとき、やみくもに原因を調べ、いつまでたっても問題が解決できず、原因の一片も発見できないことが多々ある。 トラブルが発生した場合、ツールが充実していない昔は、開発者の経験と勘に頼るところが非常に大きかった。Webシステムが普及するいま、昔とは比べ物にならないほど、システムの数が増え、開発者数が増える一方、システム障害を切り分けられる職人的なエンジニアの人数はシステム数に比例して増えているわけではない。そのため、すべての

    Webアプリの問題点を「見える化」する7つ道具 (1/3) - @IT
    zesh
    zesh 2015/01/11
  • クラウド構築で注目が集まるCloudStackとは?

    クラウド構築で注目が集まるCloudStackとは?:CloudStackによるプライベートクラウド構築術(1)(1/2 ページ) CloudStackは、オープンソースベースのIaaSクラウド構築・運用ソフトウェア。使いやすく、機能が充実していることなどから、大規模なデータセンター事業者や組織での導入が相次いでいる。連載では、このソフトウェアをプライベートクラウド構築に活用する方法を紹介する 近年、「クラウド」という言葉がテレビコマーシャルでも流れるようになり、クラウドコンピューティングへの関心と利用が、IT業界のみならずほかのさまざまな業界に広がってきています。 クラウドコンピューティングは、インターネットを介して必要な計算機リソースやアプリケーションを、オンデマンドで利用することができるコンピューティングとサービスの利用モデルです。 クラウドを利用する側のメリットとして、必要な時に

    クラウド構築で注目が集まるCloudStackとは?
  • 【真夏の夜のミステリー】Tomcatを殺したのは誰だ? (1/3) - @IT

    【真夏の夜のミステリー】Tomcatを殺したのは誰だ?:現場から学ぶWebアプリ開発のトラブルハック(6)(1/3 ページ) 連載は、現場でのエンジニアの経験から得られた、APサーバをベースとしたWebアプリ開発における注意点やノウハウについて解説するハック集である。現在起きているトラブルの解決や、今後の開発の参考として大いに活用していただきたい。(編集部) 【第1章】Tomcatが無応答!? トラフィックの多い大規模サイトでは、その負荷のためにさまざまな問題が発生する。それらの問題を回避するには、性能を考慮して作られたアプリケーションや、ノウハウに基づいたミドルウェアのチューニングが必要となる。 TomcatはServletコンテナとしての長い歴史を持ち、多くの採用実績を持つオープンソースのアプリケーションサーバ(以下、APサーバ)だ。大規模なサイトで採用される事例も出てきており、To

    【真夏の夜のミステリー】Tomcatを殺したのは誰だ? (1/3) - @IT
  • 売れるiPad/iPhoneアプリのためのデザイン必須知識

    売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載! iPad/iPhoneアプリのデザインは、不要? 重要? 2009年11月に登録数が10万を超え、毎日増え続けるiPhoneアプリ(参考:AppleのApp Store、登録アプリが10万を突破)。「そろそろ作り始めてみたいけど、どこから手を出せばいいの?」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基的なポイントを、まとめて紹介します! 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ

    売れるiPad/iPhoneアプリのためのデザイン必須知識
  • Fedora Core 5でVNCサーバを動かすには ― @IT

    VNC(Virtual Network Computing)は、ネットワークを介してほかのホストを遠隔操作できるソフトウェアだ。VNCは、どのように使うかによってインストールするべきパッケージが異なる。

  • あなたのWebを入力しやすくするjQueryプラグイン10選

    あなたのWebを入力しやすくするjQueryプラグイン10選:CSSの書き方も分かるjQueryプラグイン実践活用法(終)(1/5 ページ) jQueryと、そのプラグインの使い方を、UI効果(エフェクト)のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス/ラジオボタン、ドロップダウンリスト、テキストボックス/テキストエリア、フォームのカテゴリ別に分類して紹介します。

    あなたのWebを入力しやすくするjQueryプラグイン10選
  • LTV(顧客生涯価値)を実際に求める方法とは? - @IT情報マネジメント

    CRMではLTV(顧客生涯価値)が大切だという。実際にLTVはどのように求め、どのような点を注意してマーケティング活動を行っていけばよいのだろうか? CRM(Customer Relationship Management)がマーケティングのキーワードになって、10年近くたちます。CRMは既存客との良好な関係性を維持することによって、収益性を高めることが最大の目的です。つまり、新規客を増やすだけでなく、既存客からの収益を最大化しようという考え方です。 CRMを推進するうえで、既存客からの収益を上げるための成果指標として利用されるのが、LTV(顧客生涯価値)です。LTVとは、1人1人の顧客がある製品や企業に対して付き合っている間に支払う金額合計から、その顧客を獲得・維持するための費用合計を差し引いた「累積利益額」です。つまり企業から見て、ある顧客がその企業と取引している間にどれだけの価値(利

  • Tomcat 7も対応したServlet 3.0の6つの主な変更点

    実装する仕様は、以下のバージョンにアップデートされました。 Servlet 2.5⇒Servlet 3.0 JSP 2.1⇒JSP 2.2 EL 2.1⇒EL 2.2 連載では3回の連載を通して、Tomcatの最新メジャーバージョンであるTomcat 7について説明します。第1回目と第2回目でServlet 3.0を紹介し、第3回目でTomcat独自の新機能を紹介する予定です。 Servlet 3.0における6つの主な変更点 第1回目となる今回は、Tomcat 7が実装したServlet 3.0について説明します。Servlet 3.0とはJSR-315のことを指します。Tomcatは、このJSR-315仕様を実装しています。 Servlet 3.0では、Servlet 2.5に対して主に、次のような仕様変更を導入しました。 Ease of Development(EoD、開発容易性)

    Tomcat 7も対応したServlet 3.0の6つの主な変更点
    zesh
    zesh 2011/04/12
    アノテーションはよいがfw使ってるからなぁ・・・JSPのモジュール化はすでに実装してたからこっち利用してもよい。Servletの非同期は地味に使う場合があるのでうれしい。
  • Push Notificationを使ったiPhoneアプリ13選

    Push Notificationを使ったiPhoneアプリ13選:これ、俺ならこう使う(7)(1/3 ページ) はじめに iPhone OS 3.0がリリースされて3カ月ほどが経ちました。7月には、iPhone 3GSが日の市場でNo.1の売り上げを記録したことが報じられる(参照記事:「iPhone 3GS」が月間1位を記録したという事実)などユーザーの評価も良好なようです。 今回数多くの機能が追加された中でも、外部サービスからiPhoneアプリに向けて非同期にメッセージを送信できる「Apple Push Notification Service」は、iPhoneアプリに新しい可能性をもたらすものとしてデベロッパの注目を集めています。 今回は、このApple Push Notification Service(以下、APNS)の概要と、APNSを使ったアプリケーションを紹介してみたいと

    Push Notificationを使ったiPhoneアプリ13選
    zesh
    zesh 2011/03/25
    参考アプリ
  • 製造業が成功する鍵を握る? 「標準原価計算」

    意外と知られていない会計の知識。元ITエンジニアの吉田延史氏が、会計用語や事象をシンプルに解説します。お仕事の合間や、ティータイムなど、すき間時間を利用して会計を気軽に学んでいただければと思います。 今回のテーマ:標準原価計算 「原価計算」解説編、3回目となる今回は「標準原価計算」について解説します。 「勘定科目はサーフィンに似ている? 原価計算入門」 「製造業が成功する鍵を握る「標準原価計算」」 第43回「勘定科目はサーフィンに似ている? 原価計算入門」で、原価計算は「材料の入手から製品の完成(売上原価)までに発生したコストの勘定科目が、どんどん移動(サーフィン)していくプロセスだ」と説明しました。発生したコストをサーフィンさせていく計算方法を、「実際原価計算」と呼びます。実際原価計算では、コストが上がったとき、どこに原因があったのかを把握できません。そこで、標準原価計算が登場します。

    製造業が成功する鍵を握る? 「標準原価計算」
    zesh
    zesh 2011/02/15
    懐かしい。標準原価・実際原価。工場原価計算のシステム化のときさんざんやったな~
  • ペニーオークションのセキュリティを斬る

    あくまで私個人あてのスパムメールが対象ですが、「ペニーオークション」という文字列を含むスパムは、2010年10月から以下のように増加していました。 このように、ペニーオークションに関係するスパムが徐々に増えてきています。今回はこのペニーオークションについて、セキュリティ的な側面から考察してみます。 「入札するたびに手数料」というビジネスモデルの問題 ペニーオークションとは、通常のオークションとは違い、落札価格が非常に低く設定されている(といわれている)代わりに、入札するたびに手数料(だいたい70円前後)が必要なオークションです。詳細については以下を参照してください。 ペニーオークションは昨年から急に盛り上がってきたようです。日語のペニーオークションサイトも20以上あることがすぐに確認できました。 まず、全体のユーザー数の割にサイト数が多いため、1サイトの平均ユーザー数が少ないであろうこと

    ペニーオークションのセキュリティを斬る
    zesh
    zesh 2011/02/15
    グレーとわかってやる。真面目に考えれば透明性が必要。元締めでいけばシステム提供で手を汚さない。と一昨年考えたの思い出したのでリマインド
  • JavaScriptでDOMに挑戦

    HTMLをドキュメントオブジェクトとして扱うための約束事「DOM」を、JavaScriptを通して使うことで、HTMLの好きな部分を読み書きすることができます。 連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基的な扱い方を説明しました。扱うデータの量が少ないうちは、普通の変数だけでなんとかなってしまいますが、データの量が増えれば増えるほど、配列やオブジェクトのありがたみが分かります。 特に、配列に入れたデータを、ループで一気に処理する快感が分かるようになれば、初心者卒業といってもいいでしょう。 それでは、前回の課題の答え合わせをしてみましょう。平均点の求め方は、配列のサンプルでやっていたので簡単すぎたでしょうか。解答サンプルでは、成績の一覧と平均点を同時に表示するようにしてみました。 <html> <body> <script type="text

    JavaScriptでDOMに挑戦
    zesh
    zesh 2011/02/08
    お疲れブクマ
  • CSSレイアウトの肝! 表示・配置のプロパティ、14選

    詳しくはコチラ→ position ボックスのレイアウト方法を指定するpositionプロパティ topプロパティ topプロパティは、ボックスを配置する場合に上からの距離を指定します。基準位置の上端から配置するボックスの上端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ top ボックスを配置する場合に上からの距離を指定するtopプロパティ bottomプロパティ bottomプロパティは、ボックスを配置する場合に下からの距離を指定します。基準位置の下端から配置するボックスの下端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ bottom ボックスを配置する場合に下からの距離を指定するbottomプロパティ leftプロパティ leftプ

    CSSレイアウトの肝! 表示・配置のプロパティ、14選
  • OpenGL ESが大変な3Dアプリ開発を楽にするUnity

    しかし、初めてOpenGL ESを触る人には、結構とっつきにくいのではないでしょうか? iPhoneで面白いアイデアを思い付き、ゲームアプリを開発したいと思ったときに、プログラマであっても、OpenGL ESを独学で習得することは、多少ハードルが高いことも事実です。 そこで、連載最終回である今回は、まず新規プロジェクトのテンプレートをカスタマイズしていくことで、ピラミッドを描くプログラムを作ってみましょう。 また、デザイナやFlash開発者にとっても、OpenGL ESの習得には大幅な時間がかかることが予想されます。そんな人々にとって有用であるゲーム開発プラットフォーム「Unity」も紹介し、その説明(画面構成やメニューなど)をしながら、簡単なサンプルを作成し、実機のiPhoneにインストールして動かします。

    OpenGL ESが大変な3Dアプリ開発を楽にするUnity
  • Office 2007にOffice 2003互換メニューを追加する - @IT

    Office 2003以前から2007 Office Systemに移行したときに、ユーザー・インターフェイスが大きく異なっていて戸惑うことがある。 Office 2003以前のMicrosoft Office製品は、基的に機能追加の繰り返しで、多少の違いはあるものの、ほとんど同じユーザー・インターフェイスが採用されていた。メニューの位置や内容もほとんど同じで、移行に際して戸惑うことは少なかった。しかし2007 Office System(以下、Office 2007)では、リボンと呼ばれる新しいユーザー・インターフェイスに変更された。マイクロソフトによれば、「作業に合わせてメニュー自体が変化するため、同じ作業をする際にもクリック数が大幅に減る」としている。 しかしユーザー・インターフェイスの大幅な変更は、Office 2003以前に慣れたユーザーにとっては戸惑いのもととなっている。例え

  • グーグル、Webアプリケーション脆弱性スキャナ「Skipfish」を公開 - @IT

    2010/03/23 米グーグルは3月19日、Webアプリケーションの脆弱性を検査するスキャナ「Skipfish」を公開した。Apache License 2.0の下、オープンソースソフトウェアとして無償で公開されている。 Skipfishは、Webアプリケーションの脆弱性を自動的に検出するツールだ。Nessusなど、ポートスキャンやバッファオーバーフローの有無などを検査するツールとは異なり、Webアプリケーションに特有のセキュリティホールを検査するもので、Webアプリケーションの開発者やサービス提供者向けに公開されている。 具体的には、SQLインジェクションやコマンドインジェクションといった、外部からの不正侵入の原因となりうるWebアプリケーションの脆弱性を検査し、レポートする。また、同じくグーグルがオープンソースで公開している、プロキシサーバ型の脆弱性検査ツール「Ratproxy」のロ

  • 自分戦略研究室 ― @IT自分戦略研究所

    通信、電気、ガス、水道、鉄道など、「社会を支えるインフラ」の仕事をしているITエンジニアのキャリアについて。その技術が特殊であればあるほど、「つぶしが利かないのでは?」「他で通用するのか?」と未来に不安を感じていませんか?(2024年5月22日)

  • 効率的かつ非効率的に。IT技術者に必要な2つの視点

    2010年が始まった。新年を迎え、「どのように1年を過ごし、どんなITエンジニアとして成長していこうか」と、計画を立てている人は多いことだろう。 さて、2009年末の特集「SIerの未来、エンジニアの未来」では、厳しかった2009年を振り返り、今後ITエンジニアがどう動けばいいのか、考える指針を示した。特集では「考える」から一歩進んで、ITエンジニアとして生き延びるための具体的な「行動」や「考え方」を紹介していく。今回は、ITエンジニアが日々向上に努めている「生産性」について考察する。 ITエンジニアにとっての「生産性向上」 そもそも、「生産性向上」とはどのようなことだろうか。「生産性」とは、財団法人 日生産性部が公表する「労働生産性指数」調査によれば「1時間当たりの生産量(業種によっては1時間当たりの販売金額)」のことを指す。 生産性を上げる方法は2種類ある。1つは「仕事あたりにか

    効率的かつ非効率的に。IT技術者に必要な2つの視点
  • Windowsのttcpコマンドでネットワークパフォーマンスを測定する

    ネットワークの性能(パフォーマンス)を正確に測定するには、ディスクI/Oなど、ネットワーク以外の影響を受けないようにする必要がある。それにはttcpというネットワークのパフォーマンステスト用のコマンドが手軽で便利だ。 解説 システムに対する投資が適切なものかどうかを判断したり、ネットワークがボトルネックになって、システム全体の処理能力が損なわれていないかどうかを判断したりするために、ネットワークのパフォーマンスを測定したいということがある。ネットワークのパフォーマンス(ここでは単純に「単位時間当たりの最大転送速度」の意味とする)を測定するには、大量のパケットを送受信してみて、単位時間当たりに送受信できたbytes数を計算するのが一般的である。具体的には、巨大なデータを取り扱うアプリケーションを実行して、そのロードや保存の時間を測定したり、FTPやファイル共有サービスを使って大きなファイルを

    Windowsのttcpコマンドでネットワークパフォーマンスを測定する