JavaScriptオブジェクト用問い合わせ言語·SpahQL MOONGIFT
SpahQLはJavaScriptオブジェクトのデータ抽出に使えるクエリライブラリです。 WebアプリケーションではデータをJSONで利用するのが一般的です。データが大量にあるのであれば、そこから欲しいデータだけを抽出する仕組みが必要になるでしょう。JavaScriptでそれを可能にするのがSpahQLです。 例です。hash1というキーに対応したデータを取り出しています。 ネストして調べられます。 配列、ハッシュどちらにも使えます。 配列の場合は0などとキー指定もできます。 配列でサイズが1以上のものをピックアップしています。 データは抽出するだけでなく、プロパティを使ってサイズやデータの種別を調べることもできます。さらに正規表現を絡めてマッチするか否かをチェックするといった機能もあります。node.js、Webブラウザどちらでも使えるライブラリになっています。 SpahQLはJavaS
サーバとクライアントを同一コードで動かすリアルタイムコラボレーションWebフレームワーク·Meteor MOONGIFT
Meteorはサーバとクライアントが同一のコードで動作するnode.js用Webアプリケーションフレームワークです。 久々にぞくぞくさせられるWebアプリケーションフレームワークの紹介です。Meteorはnode.js用のWebアプリケーションフレームワークですが、同一のコードがサーバとクライアントで動作するユニークな特徴を持っています。 インストールします。コマンド一行でダウンロードからインストールまで実行されます。 インストールされました。 まずアプリを新規作成します。 そしてサーバを立ち上げます。これで準備完了です。 最初の画面です。ボタンを押します。 console.logに出力されています。ちゃんとコードが実行されています。 サンプルのTodoアプリです。こちらはGoogle Chromeです。 こちらはSafariです。同じURLを開いています。 Google Chromeで編
IE6から使えるHTML5/JavaScriptによるグラフライブラリ·envision MOONGIFT
envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。 リアルタイムグラフ。刻々とグラフが追記されていきます。 タイムシリーズ。指定範囲だけを拡大できます。 こんな感じでマウスで幅を広げたりできます。 ファイナンス。株価、出来高といった指標を表示するのに使えます。 こちらも幅を変更できます。 中央をドラッグすれば左右への移動も可能です。 マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。 幅の変更ももちろん可能です。 フラクタル画像です。 マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
EclipseでScalaプログラミングを始めるための基礎知識
EclipseでScalaプログラミングを始めるための基礎知識：スケーラブルで関数型でオブジェクト指向なScala入門（1）（1/3 ページ） 人気の「Scala」を一から学ぼう 最近、私の周りでもScalaに関する話題が増えてきました。Twitterやブログ、技術系のニュースサイトでは毎日のようにScalaに関連する話を見かけます。 また、筆者が現在携わっているプロジェクトでも実際にScalaを用いて開発しています。いままではJavaで開発をすることが多かったのですが、それよりも簡潔で柔軟性のある記述が可能であり、Scalaでの開発は非常に生産性が高いと感じています。 本連載は、Scalaの特徴を紹介し、基本構文や関数、クラスなど、Scalaの基本的な機能について解説していきます。何らかのプログラミング言語を学んだことがあり、プログラミングの基本的なことが分かる人を対象としています。特に
やっと理解できた！JSオブジェクト指向プログラミング再入門 | ゆっくりと…
既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど！」 っていう、頭の中のスイッチがパチンッ！と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんていう翻訳記事を書いてはいるのですが、正直なところ prototype.constructor の存在は知りませんでしたし、Function.call や Function.apply をどう使えばよいのかなどをちゃんと理解できてはいませんでした。 そんな中、2011年12月に書かれた Doc Center | Mozilla Developer Network の記事 オブジェクト指向 Java
Closure Toolsを使った折れ線グラフライブラリ·Closure Charts MOONGIFT
Closure ChartsはGoogle Closure Toolsを使って構築されたグラフライブラリです。 GoogleがリリースしているJavaScriptツール群がClosure Toolsです。そんなツールを使って作られたチャートライブラリがClosure Chartsになります。 主に折れ線グラフ用です。 色を変えたり、多数の要素をグラフに配置できます。 マウスを当てるとその部分にポインタが表示されます。 縦に並んだ例。 猫の画像の上に線を引くと、その内容（？）がグラフに表示されます。 グラフの表示はリアルタイムに変化、かつ高速です。 Closure Chartsはごく小さいものではスパークラインのグラフも可能です。リアルタイムの秒が変化にも対応しているので、株価や為替の変化グラフにも使えるでしょう。 Closure ChartsはJavaScript製のオープンソース・ソフト
サーバサイドがなくともここまで出来る！jQuery Mobileを使ったTwitterクライアント·Twitter-Mobile MOONGIFT
Twitter-MobileはjQuery Mobileを使ってHTML/JavaScriptだけで作られたTwitterクライアントです。 Twitterクライアントは何を使っていますか？それぞれのOSに対してネイティブなもの、Webアプリケーション、他のソフトウェアのアドオンとして組み込まれるものなどたくさんあります。今回紹介するのはHTML/JavaScriptだけで作られたスマートフォン向けのTwitterクライアント、Twitter-Mobileです。 まずTwitter認証を行います。 戻ってきました。タイムラインが読めています。 リプライもできます。 Retweetの時には確認ダイアログが表示されます。 リプライではない通常のツイートもできます。 メッセージを入力して送信します。 エラーが表示されましたが実際にはツイートされていました。ちなみにこれは検索機能です。 DMも送信
Smartyの記法が使えるJavaScriptのテンプレートエンジン·jSmart MOONGIFT
jSmartはSmartyの記法を取り込んだJavaScriptのHTMLレンダリングエンジンです。 Webアプリケーションが増えていくにつれてニーズが上がっているのがJavaScriptのHTMLレンダリングエンジンです。今回紹介するjSmartはSmartyにインスパイアされた、有力なテンプレートエンジンになります。 サンプルです。HTMLが書かれています（当たり前ですが）。 コードです。こちらはテンプレート側、Smarty的な定義や書き方が使えます。 こちらはデータ型。JSONファイルで定義されているのみです。 jSmartを見て分かる通り、テンプレートとデータをミックスして表示しているだけです。データはJSONで定義した後、jSmartのオブジェクトに渡しているだけとなります。これだけシンプルな仕組みであれば、利用は簡単かもしれません。 jSmartはJavaScript製のオープ
Webとネイティブのいいとこどり。HTML5をラッピングしたAndroidアプリの参考に·html5webview MOONGIFT
html5webviewはHTML5を積極的に取り入れたAndroidアプリを作るサンプルです。 スマートフォンはHTML5を積極的に使っていくのに最適なデバイスとなっています。HTML5を積極活用すればネイティブアプリ並のWebアプリケーションも実現できます。そんなHTML5型Androidアプリを作ってみるなら参考にしたいのがhtml5webviewです。 デフォルトでは有効になっていないAndroidのHTML5機能について、html5webviewでは有効にしながら実際に使ってみるデモアプリも提供しています。 デモアプリをインストールしてみます。 デモは動画（videoタグ）音楽（audioタグ）、位置情報、ストレージ、縦書きとなっています。 audioタグのデモ。ボリューム調整、再生、停止ができます。 videoのデモ。Canvasタグを使ってキャプチャを撮れます。 下に表示され
node.jsの勉強に。とてもシンプルなWikiエンジン·fjkw MOONGIFT
fjkwはnode.js製のごくシンプルなWikiエンジンです。 fjkwはnode.js/JavaScript製のフリーウェア（ソースコードは公開されています）。Wikiはとても面白い概念で、開発者皆に愛されています。新しい技術、新しいプログラミング言語ができれば、そこには必ずWikiの影があると言っても良いくらいです。 インデックス さて最近話題なのがnode.js。MOONGIFTでもnode.jsのソフトウェアを取り上げることがとても多くなっています。そんなnode.jsを使って作られたWikiエンジンがfjkwです。 fjkwはとてもシンプルなWikiエンジンで、実用という意味ではまだ足りない機能が多いでしょう。まず表示機能で、タイトルがそのままURLのパスになります。そして/newにアクセスするとページ作成のフォームになります。タイトルと本文を入れてページを作成できます。 デー
業界最大級のライブチャットDXLIVE
9月14日（水）午前5時～5時30分(日本時間)に、サイトのメンテナンスを行ないます。その間は、一時的にチャットが中断される場合がございます。メンテナンス期間は、作業状況により多少前後することもございます。ご利用の皆様にはご迷惑をおかけ致しますが、ご理解ならびにご協力の程、何卒宜しくお願い申し上げます。 日本時間午後10時30分頃から午前零時頃までの間、チャットに繋がりにくい状態がありましたが、現在は解決しています。ご利用されている皆様には大変ご迷惑おかけいたしましたことをお詫び致します。 9月6日（水）午前4時30分(日本時間)より約1時間、サイトのメンテナンスを行ないます。その間は、一時的にチャットが中断される場合がございます。メンテナンス期間は、作業状況により多少前後することもございます。ご利用の皆様にはご迷惑をおかけ致しますが、ご理解ならびにご協力の程、何卒宜しくお願い申し上げます
gitでアレを元に戻す108の方法 | Webシステム開発／教育ソリューションのタイムインターメディア
以前gitで一度行った変更をなかったことにする方法4つを紹介しましたが、 日常的に git を使用していると他にも様々な 「なかったことにしたい」「元に戻したい」 という状況に遭遇します。 そのひとつひとつについて対処方法を紹介していきます。 目次 問題1: ライブラリの新機能を試すためにあれこれ適当なコードを書いてみた。でももう要らない。問題2: トピックブランチをマージしたけど実はまだ不完全だった。マージをやり直したい。問題3: リリース後に発覚したバグ。原因は30日前に自分が行ったコミットだった。なかったことにしたい。問題4: 新しいコミットしようとして間違えてgit commit –amendで書き換えてしまった。元に戻したい。問題5: 色々作業していたら作業ディレクトリの内容が混沌としてきた。一度綺麗な状態にしたい。問題6: 作業ディレクトリにゴミファイルが溜まってきた。一度綺麗
Apple公式のUIを真似る。Keynote for iPad風UIのモックアップ·HSImageSidebarView MOONGIFT
HSImageSidebarViewはKeynote for iPad風のUIを実現するモックアップアプリ。 HSImageSidebarViewはiPad用のオープンソース・ソフトウェア。iOSを最も良く知っているのは誰かと言えば、Appleを置いて他にないだろう。OS自体やiPhone、iPadという筐体についても知り尽くしているので、彼らが作るアプリはさすがと思わされるものが多い。 縦型 操作性はもちろん、ボタンの配置についても使いやすいように並べられている。そんな彼らのアプリのUIを真似れば、ユーザビリティの高いアプリが作れるかもしれない。その一つとしてHSImageSidebarViewを紹介しよう。 HSImageSidebarViewはiPad用Keynote風アプリのモックアップだ。左側にサムネイル画像が並び、右側にスライドのコンテンツが表示される。スライドにあるボタンを押
Springframework.org
Level up your Java™ code With Spring Boot in your app, just a few lines of code is all you need to start building services like a boss. New to Spring? Try our simple quickstart guide. Most [of our] services today are all based on Spring Boot. I think the most important thing is that [Spring] has just been very well maintained over the years...that is important for us for the long term because we d
独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」:phpspot開発日誌
Ninja UI 独特のUIを提供してくれるjQuery用のUIフレームワーク「Ninja UI」 アイコンや、ボタン、ポップアップ、レーティング、スライダーといった各種UIを提供してくれます。 UIは独特のデザインですが、それなりに汎用的に使えそうなものになっています。 他と同じUIは嫌だ、という方は使ってみるのもよいかもしれません。 関連エントリ jQuery UI のアイコンチートシート レイアウトをユーザの手によってデスクトップアプリ風に調整可能にするjQuery「UI.Layout」プラグイン selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」
JavaScriptでもGettextを使った多言語対応·JavaScript Gettext MOONGIFT
JavaScript Gettextは多言語化処理を行うGettextをJavaScriptに対応させたライブラリ。 JavaScript GettextはJavaScript製のオープンソース・ソフトウェア。インターネット上のサービスは世界中につながっている。最初は日本語向けに提供していたサービスも規模が大きくなれば他言語向けに提供したいと思うかもしれない。そんな時に使えるのがGettextだ。 デモ 通常は英語が基本になるだろうが、Gettextを使うことで別な言語への展開が容易になる。そんなGettextをJavaScript向けに提供するのがJavaScript Gettextだ。 JavaScriptで別言語展開する場合、大抵言語別にJavaScriptファイルを分けて提供する。だがそれではファイルが分かれてしまい、管理が複雑になる。そこでメッセージ部分だけを切り分けて管理できる
naveでNode.jsのバージョン管理＆イベントループ詳説
naveでNode.jsのバージョン管理＆イベントループ詳説：node.jsでサーバサイドJavaScript開発入門（2）（1/3 ページ） 前回のおわび 前回の「サーバサイドJavaScriptの本命「node.js」の基礎知識」をご覧いただいた皆さま、はてなブックマークやTwitterなどでコメントをいただきました方々、ありがとうございます。話題の「Node.js」ということもあり、はてなブックマークも1000ユーザーを超えました。 私の力不足もあり、いろいろな方から指摘をいただいたので、今回は前回の補足と訂正をします。ご指摘いただきました皆さま、ありがとうございます。非常に勉強になります。 「nave」で簡単！ Node.jsのバージョン管理 前回の記事で、Node.jsと「npm（node package manager）」のインストールを説明していますが、以下のような問題があり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国内の開発者が使っている言語、1位C、2位VB、3位Java。アジャイル開発は2割が採用、半数以上がウォーターフォール。IDC調べ
http://japan.internet.com/developer/20060523/25.html
[Java]正しい無限ループの書き方 - きしだのはてな![[Java]正しい無限ループの書き方 - きしだのはてな](https://cdn-ak-scissors.b.st-hatena.com/image/square/54921c6549502a83896c0754bf4e6354b35b1a8b/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673953808%2F98012380849202704%2F1548793233)
