会社の納会用にクイズアプリを作りました（React / TypeScript） - Opt Technologies Magazine
先日、オプト社内で納会がありました。 その際の出し物の一つとしてクイズ大会があり、技術検証を兼ねてクイズアプリを作成したので中身についてお話します。 （今回はフロントエンド編です） はじめに クイズアプリ仕様 概要 使った技術 画面設計 回答者：ログイン画面 回答者：待機画面 管理者：管理画面 回答者：回答画面 回答者：正誤確認画面 管理者：ランキング画面 技術的な話 アーキテクチャ サーバー通信について WebSocketについて フロントの開発について テストについて まとめ はじめに こんにちは。uryyyyyyyです。 先日（といっても7月あたりですが）、オプトの納会が行われました。 有志による多くの出し物があったのですが、その中の「クイズ大会」コンテンツにて、 問題の回答＆集計をできるアプリを作れないかと頼まれたため、Webアプリを作ってみました。 せっかくなので会社固有の情報を
WebStorm 8.0でTypeScript開発を試してみた - きよくらの備忘録
JetBrainsの Web開発 IDE*1、WebStorm 8.0がリリースされました。 WebStromもTypeScriptに対応しているという話は聞いていたのですが、WebStrom自体をほとんど使ったことがありませんでした。 先日8.0がリリースされたとのことなので、せっかくなので、手探り状態ですが少し試してみました。 WebStormの入手とセットアップ WebStormは有償の製品ですが、30日間の試用ができます。 試したい方は以下から自分のプラットホーム向けのものをダウンロードしてセットアップしましょう。Win/Mac/Linux用があります。 http://www.jetbrains.com/webstorm/ （なお、ライセンスを購入される場合はサムライズムさんが正規代理店として取り扱っておられますので、こちらを参照のこと。WebStormはJetBrains製品の中
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
TypeScript 勉強会
2. 俺の名前を言ってみろ わかめ まさひろ @v vakame GoogleAppEngine Android alterJS Saturday, January 26, 13 3. アンケート • JavaScriptバリバリです • Java+Servletバリバリです • Java+Androidバリバリです • C言語ならまかせろー！ • ハードウェアなら任せろー！ Saturday, January 26, 13 4. 今日の約束 • 話の途中でも質問して良い • 挙手はする • JavaScriptの質問でもまぁよし • Twitterをちょっと盛る • #tsjpstudy Saturday, January 26, 13 5. Webアプリの時代 • Webアプリがどんどんリッチに • Google Maps • GoogleApps • Facebook • 大規模開発
アンダース氏が設計した新言語による次世代JavaScript開発とは？
アンダース氏が設計した新言語による次世代JavaScript開発とは？：特集：TypeScript（プレビュー版）概説（前編）（1/3 ページ） 「Turbo Pascal」「Delphi」「C#」と聞けば、ある、すご腕の開発言語設計者が最初に思い浮かぶ。その人物の名は「アンダース・ヘルスバーグ（Anders Hejlsberg）」、1996年にボーランド社からマイクロソフトに移籍し、現在はC#やVB（Visual Basic）などの言語設計に携わる有名な開発言語アーキテクトだ。 アンダース氏が作る開発言語の特徴は、言語仕様がオブジェクト指向ベースで明確なので「チームによる大規模開発」にも対応しやすいだけでなく、開発ツールによる支援機能も考慮されているので「開発生産性」にも非常に優れていることだ（と筆者は考える）。またアンダース氏は、最先端のプログラミング言語をよく研究しており、各種言語の
neue cc - 既存JavaScriptをTypeScriptとして修正する方法
JavaScriptはTypeScriptです。ほぼほぼ。.jsを.tsとして変更すれば動きます。というほど世の中甘くなくて、まあ、大抵は動きません。えー、なにそれ、欠陥品じゃないの？と思われるかもですが、いえ、結構単純な話です。例えばですが var x = 0; x = "hogehoge"; このコード、JavaScriptとしては正しいですが、TypeScriptとしては間違っていてコンパイル通りません。xがnumberとして推論されるので、"hogehoge"が代入できないからです。じゃあどうするの？というと、 var x: any = 0; x = "hogehoge"; anyとして型定義してやればいいんですね。もしくは var x = <any>0; x = "hogehoge"; でもいいですが。<>はキャストみたいなものです。ちなみに、こういったことの実例はTypeScr
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
TypeScriptでjQueryを使ってJavaScript MVCメモ帳を作る | DECONCEPTER
jQueryを使ってメモ帳アプリを作る jQueryの定義ファイルは公式サンプルのいくつかに同梱されている。jQueryUIの定義ファイルと合わせて下記にもコミットした。今回はなんちゃってMVCでメモ帳を作る。機能は保存ボタンを押したらlocalStorageにデータを保存して一旦とじてもメモ帳として使える簡易Webアプリとする。 TypeScriptをjQueryで使う方法 TypeScriptでjQueryを記述したファイルをコンパイルしようとしても The name 'jQuery' does not exist in the current scope となってjQueryなんてありませんと怒られてしまう。jQueryを使ったコードをコンパイルしたい場合はjQueryの定義ファイルを読み込む必要がある。 jQueryの定義ファイル jQueryの使い方 定義ファイルを作業フォルダに
2012-10-08のJS: TypeScript、jQuery Mobile 1.2.0、NetBeans 7.3
JSer.info #91 - MicrosoftからTypeScriptというJavaScriptのスーパセットな言語が公開されました。 JavaScriptに始まり、JavaScriptに終わるというぐらいなので、既存のJavaScriptをそのまま使えたり、underscore.d.tsのように型定義だけを外部ファイルとできたり、ES.nextの仕様など意識して作られてたりしているため、他のJavaScriptへ変換する言語 - altJSは色々ありますが、その中でもまた少し違った方向性が見られると思います。 また最初からVisual StudioやSublime Text, Vi, Emacs等のサポートを用意されていますが、TypeScriptをどう受け止めるかというのはThoughts on TypeScriptと大体同じ意見で、興味を持って様子を見る感じです。 jQuery
JavaScript With Syntax For Types.
TypeScript is JavaScript with syntax for types.TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News