システム・エンジニアの基礎知識静岡理工科大学情報学部コンピュータシステム学科菅沼研究室のページです．主として，プログラミング言語（ HTML，C/C++, Java, JavaScript, PHP, HTML，VB，C# ），及び，システムエンジニアとしての基礎知識（数学，オペレーションズ・リサーチやシステム工学関連の手法）を扱っています．
迷ったら狩野さん！...狩野分析法による優先度付け - masayangの日記（ピスト通勤他
追記 id:discypusさんから、狩野分析法の出典に関するコメントをいただきました。 狩野法って、 狩野 紀昭 氏 http://www.sangakuplaza.jp/page/134499 の http://www.yahoo-vi.co.jp/method/b10.html の手法かと 思うのですが、合ってますでしょうか？ まさにこれですね。http://www.yahoo-vi.co.jp/method/b10.html にある日本語のほうがすっきりしてます。 お詫び 分析用配列に誤りがありました。修正してあります。 要旨 先日受講したScrum Product Owner Trainingで印象に残った分析法を紹介。 Agile開発では「優先度順に要件（フィーチャ）を開発していく」のが基本だが、いざ優先度をつけようにも話は簡単ではない。発注側に強力な指導者がいてその人が独裁的
I, newbie » インフラエンジニア討論会に行ってきたけど
最大の収穫は、「楽天はあの規模なのに手作業を続けている」という噂は本当だった、ということ。puppetユーザなら、サーバにログインして作業するなんてもうありえない。手元のmanifestは決して最適化されているとは言えないけれど、それでも100倍ましだ。 もうひとつは、こうしたカンファレンスでは自分の聞きたい話はもう出てこない、ということ。カンファレンスや勉強会では出せる情報にも限りがあるし、それはそれで仕方のないことだけど、自分はもう少し先の話をしたい。そのためにはなにか別のことを考えないといけないのかなと。システム管理者の採用とか、教育とか、品質の向上とか必要としている組織はあるはずなので、なにか別の形式でどうにかすべきなんだろうな。 質問の中で「システム管理という仕事の質を(評価するために)定量化するのにどうしてますか」みたいなのがあったけど、自分の疑問は「効率化を進めたら、そのぶん
第4回 DWRで今日から楽々Ajax
株式会社DTS ネットワーク事業本部 プロジェクトマネージャ。Javaを中心にフレームワーク開発や開発プロセス定義など幅広く活躍中。StrutsIDEコミッタ。著書「まるごとEclipse! Vol.1」（発行：インプレスコミュニケーションズ）。 今回は，Java技術者が手軽にAjax開発を行うためのフレームワークとして「DWR（Direct Web Remoting）」を取り上げます。Webアプリケーション開発では，いろいろなフレームワークを利用することが一般的ですが，その組み合わせは多岐にわたります。そうした組み合わせの特徴を損なうことなく，すぐに対応できるDWRの手軽さ，すごさを説明するとともに，Spring，Seasar，Struts，JSF，Hibernateといったフレームワークと連携する開発方法も解説します。 DWRとは？ DWRは，AjaxアプリケーションをJavaで開発す
表示をぐりぐり動かせるWeb技術「Ajax」って、だから何なの？ / デジタルARENA
Ajax(エイジャックス)という言葉をよく見かけるようになった。なんだか新しいWeb技術らしい。でも新しくないという声もある。JavaScript（ジャバスクリプト）のようでもある。元はと言えば、ギリシャ神話の英雄アイアースの英語名の駄じゃれ。などなど。だからAjaxって何なの？にぶっちゃけお答えしよう。 ずばりこれがAjax技術の応用だというのは、Googleローカルだ。例えば、平河町で検索すると、「Google ローカル - 平河町」の地図が出てくるが、この地図をマウスでドラッグすると、上下左右に自由に動く。地図左上の操作ボタンで、縮尺も変わる。 つまり、マウスの操作に反応して表示がぐりぐりと変わる。 普通の地図だと、マウス操作でぐりぐり変わるということはない。地図画面の上下左右に矢印ボタンがあって、それを押すと別画面に切り替わるというのが普通だった。 だけど、Googleローカル
第1回 What is Ajax? - 今からでも遅くない Ajax基本のキ：ITpro
Web 2.0，Web API，リッチ・クライアント，SOA（サービス指向アーキテクチャ），アジャイル開発…などなど，相も変わらずWebアプリケーション開発の現場には，様々なキーワードが渦巻いています。現在その中でも特に注目されているのが，Ajax（Asynchronous JavaScript And XML）です。 Ajaxは，2005年2月にAdaptive Path社のJesse James Garrett氏が自身のコラム「Ajax: A New Approach to Web Applications」上で著したものが注目を浴び，記事や書籍などで紹介されたことから，急速に認知されるようになったキーワードです。筆者などは当時，「しょせんただのBuzzword（はやり言葉/空騒ぎ）だろう」と比較的冷ややかに思っていたものです。 しかし，その後1年を経て，いまだに衰える気配はありません
Ajaxの「本質」？
Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ 全体的にDisagreed. >> 最近、「これからのウェブ・アプリケーションはAjaxだ」という声を良く聞く。 え。聞かないよそんな声。そんなこといってるのは四文字熟語大好きマーケッターと、コラムの締め切りに追われてネタがない記者だけでしょ？ってまあそれはいいとして、これって、こないだのAdam Bosworthの話（を受けて、だよね？全然出展が書いてないけど）を取り違えてると思う。確かこの5点に関するスライドをAdamが示して説明していたような。＜誰かConfirm please。 まず第一に、これら5点は自明でもなんでもない。自明ってのは証明する必要がないってことでしょ？証明されてないと思うけどな。（１）アプリケーションの明示的なインストールが必要ない。それはそうだけど、それはWebアプリケーションの「本質」では
【中級】Web開発の新手法Ajax 第3回
図3●Ajaxの基本的な動き Ajaxアプリケーションは，WebブラウザではなくJavaScriptがWebサーバーへの接続を指示する。送受信されるデータ形式は，HTMLではなくXMLまたはテキスト形式。呼び出されるサーバー側プログラムは，Webサービスになる [画像のクリックで拡大表示] 図4●XMLRPCでWebサービスを呼び出す場合の例 クライアントとサーバー間のやり取りはXML形式のデータになる。サービスを呼び出すには，XML形式の引数を作成する必要がある。Webサービスの戻り値から利用者に表示する値などを取得するには，XML形式のデータをパースする必要がある [画像のクリックで拡大表示] 一般的なWebアプリケーションは利用者の操作を契機にサーバーと通信を開始するが，AjaxはJavaScriptの指示でサーバー側のプログラムを呼び出す（図3[拡大表示]）。ページの部分的な変更が
Ajax技術の目に見えない通信内容をのぞいてみよう ― ＠IT
Ajax（エイジャックス）の登場によって、ブラウザのプラグインソフトに頼らなくても、見た目が華やかで動きも面白いWebアプリケーションの開発が可能となりつつあります。筆者のみならず、読者の皆さんもこの技術の行方に興味津々といったところでしょう。本連載では、ブラウザ上での「見た目」だけに注目するのではなく、本技術の背景や目に見えない通信内容、セキュリティといったところにも焦点を当て、より深く掘り下げていきたいと考えています。 はじめに まず、読者の皆さんは、なぜAjaxに興味を持たれたのだろうか？ おそらく、GoogleローカルやGoogleサジェストが、そのきっかけの1つになったのではないかと予想する。確かに、地図が滑らかにスクロールしたり、キーを入力するたびに画面がリアルタイムに切り替わったりする点は、これまでのWebページにはなかった新しい「感触」で、感嘆の声を上げた方も少なくないだろ
Webアプリのユーザビリティを改善しまくるAjax ― ＠IT
Ajax うきうき Watchでは、Ajaxを使ったWebアプリケーションやサービス提供者、ベンダの動向から「うきうきするような」面白いもの、確実に押さえておきたいものを厳選してお届けしていきます。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。 今回より、なるべく密に、Ajaxの動向をウォッチングしていきたいと思う。 基本的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、今回だけは初回でもあり、これまでのAjaxに関する話題から面白いもの、確実に押さえておきたいものをピックアップしてみたい。 なお、ここでは主に日本語で読める情報について取り上げていく。ただし、特に重要なものについては、英語の情報を扱う場合がある。 Ajax: Web アプリケーション開発の新し
作って理解するAjax (1)：IT Pro
最近，Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際，ユーザーにページのリロード作業を強いることが多く，決して操作性が良いとは言えませんでした。しかしAjaxを利用すると，サーバーと非同期な通信ができるので，ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では，実際にAjaxアプリケーションを開発しながら，Ajaxアプリケーションの動作の仕組みや，既存のWebアプリケーションとの違い，実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作，「Google Suggest」のリアル
Ajaxの長所・短所・実装に関するメモ (暫定版)
Ajaxについては日本語で読めるAjax関連情報のリンク集等を参照。 以下は、私なりにより分かりやすくなるように考えた結果であって、本来あるべきAjaxの内容をストレートに反映しているか否かは分かりません。 Ajaxとは何か §UIへの応答を含むJavaScriptで記述されたコードを含むHTML+CSSにより記述されWebブラウザに実装されたXMLHttpRequestオブジェクトにより主にXMLデータをサーバより非同期に受け取りDynamic HTMLにより表示内容を構築するページ という理解は、まだ一面的でありすぎるように思われます。 この解釈ではサーバ側の処理がどのようなものであるかが、致命的に欠落しているからです。 サーバ側に何らかの処理を要求しない、つまりサーバ側の静的なリソースを取得するだけのAjaxアプリケーションはあり得ます。しかし、過半数のケースでは、サーバ側に何らかの
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
「Ajax？ 知ってますよ」と言えますか：ITpro
新人配属や異動の季節になった。この4月，あなたがもし新しい職場に配属されて，上司から「君，Ajaxって知ってる？」と聞かれたとする。そのとき，堂々と「知ってますよ」と答えられるだろうか？ このITproのサイトでは，Ajax，マッシュアップ，リッチ・クライアント，SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので，ほとんどの読者は冒頭のような質問を受けても，「知ってますよ」と堂々と答えられるだろう。しかし，この春初めてITの世界に入る人の中には，「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では，そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても，要するに，実際に自分でちょっとしたプログラムを作って試してみるだけである
自分のサーバーでメッセンジャーを運用できる『ajax im』 | 100SHIKI
なにかと便利なメッセンジャーであるが、自分のサーバーで運用したい、というニーズもあるだろう。そうしたときに便利そうなのがajax imだ。 このサイトではサーバーにインストールする、Ajaxを利用したメッセンジャープログラムをダウンロードすることができる（サーバー側はPHPで動作）。 デモを試してみればわかるが、スタイリッシュなインターフェースと軽快な動作がなかなか小気味良い。 サイトのユーザー向けにちょっとしたツールを提供、といった利用が可能だろう。またソースごとダウンロードできるのでプログラミングの勉強にも最適だ。 便利なツールを自分のサーバーで提供できるようにする。そうした発想は悪くないですね。
Life is beautiful: Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ
最近、「これからのウェブ・アプリケーションはAjaxだ」という声を良く聞く。ソフトウェアを生業としているエンジニアとしては、この手の「流行もの（hype）」に触れた時には、表面的なものに踊らされずに、その本質を自分なりにしっかりと捕らえて消化・吸収して自分のものにしなければいけない。今までも、「オブジェクト指向」、「マルチ・ティアー・アーキテクチャー」、などの言葉が一人歩きするたびに、「これからは○○だ」とか「○○の時代は終わった」などと、過激なことを言って読者の目を引こうとだけするマスコミや企業のマーケティング戦略に数多くの人が踊らされてきた。 そんなノイズだらけのメッセージに混乱させられた結果、「Ｃではオブジェクト指向のプログラミングは出来ない」と信じているエンジニアがいまだに沢山いることは全く嘆かわしいことだ。「オブジェクト指向のプログラミング」は、設計姿勢・プログラミングスタイルに
jQueryでバリデーション付きメールフォームを作ろう (1/3)
今回はjQueryを使って、「問い合わせフォーム」にバリデーション（検証）機能を付ける方法を解説します。入力漏れや入力ミスがないか、サーバーへ送信する前に、クライアント側であらかじめ簡易的な検証を済ませることで、フォームのユーザビリティを高められます。今回のサンプルでは特に、入力漏れやミスのあった項目を分かりやすくユーザーに示すように工夫しています。 バリデーションルールをclass属性で設定 「問い合わせフォーム」のサンプルとして、以下のようなWebページを作成します。バリデーション機能としては、必須項目の「お名前」「性別」「どこでこのサイトを知りましたか？」「お問い合わせ内容」が入力されているか、「郵便番号」が数値で入力されているか、「メールアドレス」がメールアドレスの書式になっているか、「メールアドレス」と「メールアドレス（確認）」に入力されたテキストが同じか――をチェックします。
tokuhirom blog
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記 - 1997年からの