GraphQL.js の buildSchema でカスタム Scalar 型を利用してみました。 サンプルコードは こちら はじめに GraphQL.js では Scalar 型を GraphQLScalarType のインスタンスとして実装するようになっており、ID (GraphQLID) や Int (GraphQLInt) 等の基本的な型が用意されています。（src/type/scalars.ts 参照） 用意されていない型は自前で定義する事ができ、例えば以下のような日付型のカスタム Scalar（名前は Date とする）は下記のように実装できます。 GraphQL 上は文字列として表現し、内部的に JavaScript の Date 型を使用 実装例 - カスタム Scalar の Date 型 const GraphQLDate = new GraphQLScalarType

2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック

前回のネタ↓になんの反応も無かったので、だぶん誰も興味がないんだろうけど・・・orz、まだ続ける。 SilverlightにjQueryのパワーを - Architect Life SilverlightからJavaScriptの関数が呼び出せる事は前回まででご承知の通り。 例えば以下のようなJavaScript関数がSilverlightコントロールをホストするHTMLで定義されている（もしくはincludeされている）とする。 function print(msg) { alert(msg); } この関数をSilverlight側から呼び出す場合、以下のようにする。 HtmlPage.Window.Invoke("print", "Hello, World"); こうすると「print」というJavaScript関数に「Hello, World」という文字列が引数として渡されて呼び出

JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <

前回はスコープチェインのお話に入るための予備知識として「変数オブジェクト」についてのお話をしました。それを踏まえて、今回はスコープチェインと、それによって実現されているクロージャについてしっかり学んでいきたいと思います。 スコープチェインとは 変数オブジェクトに関する説明はしっかりご理解頂けましたでしょうか？JavaScriptの変数は、全て変数オブジェクトのプロパティとして扱われている事、そして変数オブジェクトは状況に応じて違うものが使われる（グローバルスコープであればグローバルオブジェクト、ローカルスコープであれば目に見えない変数オブジェクト）というものでした。ローカルスコープに対応する変数オブジェクトは「アクティベーションオブジェクト」と呼ばれ、関数呼び出しが行われると自動的に作成されます。 しかし実際は、変数を参照するという事は、その場における変数オブジェクト「だけ」を探す訳ではあ