第10回 関数の基本的な取り扱い方
プログラミング初心者向けのTypeScript入門連載。第10回は関数の基本的な使い方について詳しく解説する。TypeScriptでプログラミングへの理解を一歩深めよう。 連載目次 前回は、TypeScriptの連想配列について説明した。今回は関数の基本的な使い方を取り扱う。関数を利用して、複雑な処理やよく使う処理をひとまとめにしておけば、それらの処理が必要な箇所で簡単に再利用できる。今回は、関数の書き方を中心に解説し、Webページで対話的な処理をする方法にも触れる（なお、次回は引き続き、関数の高度なトピックを取り上げる）。 関数とは 関数とはひとまとまりの処理を記述して名前を付けたものと考えられる。関数の名前を指定し、必要に応じて値を与えてやれば、処理が実行され、結果が返される。TypeScriptやJavaScriptでも、基本的にはそういう理解でいいだろう。日常の例えでいえば、小麦粉
TypeScriptで始めるNode.js入門 - ICS MEDIA
みなさんは普段Node.jsをどのように使っていますか？ サーバーサイドで動くJavaScriptであるNode.jsは、Socket.IOと連携してリアルタイムなウェブコンテンツを作ったり、webpackやgulpのようなフロントエンドエンジニアのツールとして使われたりとさまざまな場面で活用されています。 Node.jsで大規模な開発をする場合、TypeScriptを採用して開発の生産効率性・保守性を上げるのもオススメです。WebStormやVisual Studio Codeを使えばコード補完が効くためプログラミングの効率が劇的に向上し、TypeScriptの静的型付けによってコンパイル時型チェックが行われるので安全性が増します。Node.jsを使って中・大規模なシステムを構築するときはTypeScriptを検討するといいでしょう。 今回はNode.jsをTypeScriptで記述する
AngularJSやTypeScriptサポート、モバイル対応、グリッドやグラフなど業務用JavaScriptコントロールを備えた「Wijmo 5」、グレープシティがリリース
AngularJSやTypeScriptサポート、モバイル対応、グリッドやグラフなど業務用JavaScriptコントロールを備えた「Wijmo 5」、グレープシティがリリース グレープシティといえば、VBXと呼ばれたVisual Basicのカスタムコントロールの時代からソフトウェアコンポーネントに強いベンダとして知られています（当時の社名は「文化オリエント」でした）。 その同社が、ECMAScript 5に準拠し、AngularJSやKnockoutJS、TypeScriptなど最新のJavaScript技術との連携を強化したソフトウェアコントロール「Wijmo 5」（ウィジモファイブ）をリリースしました。 Wijmo 5の「5」はJavaScriptの新しい仕様であるEcmaScript 5からとったもので、ECMAScript 5のgetter/setterでコンポーネントのプロパテ
第8回 配列の取り扱い方
プログラミング初心者向けのTypeScript入門連載。第8回は配列の使い方について詳しく解説する。TypeScriptでプログラミングへの理解を一歩深めよう。 連載目次 前回は、TypeScriptの繰り返し処理のうちfor文とfor ... in文について説明した。今回は配列の使い方を取り扱う。特に、配列とfor文は相性がいいので、組み合わせて使うことが多い。 配列とは 同じような目的の変数を数多く使いたいときに、それらを全て個別の変数として宣言するのはとても面倒である。例えば、そういった変数を100個使いたいときに、100個の変数を宣言しないといけない……といった状況を想像すると絶望するしかないだろう。 そのような場合に、簡単に多数の変数を利用できるようにする仕組みが配列である。配列を宣言するには、全ての要素を代表するような変数名を一つ付けておけばよい。配列の個々の要素はインデックス
オープンソースプロジェクトで上手いことやってくための10の方法 - Qiita
何も考えずに書き始めたけど10の方法って書いちゃった。 いくつになるかはわかりません。 一般的なプロジェクト運用でもある程度同じ方法論でイケると思います。 なお、筆者であるvvakameはDefinitelyTypedのメンテナをしています。 そのため、これから先の文章について、TypeScriptやJavaScript関係固有の事象が含まれていると思います。 書かれている内容について、contributeする側、される側、両側へのアドバイスを書きます。 ちなみに、わかめ的にはTOMOYO Linuxに学ぶ説得術とかはすごい参考になりました。 こまけぇことはいいんだよ！まずはやろう！ 貴方が世界に存在するためにはまず誰かに存在を知ってもらわなければいけません。 pull requestを出そう！無理だったらIssueを書こう！ まずはそこからだ！！ pull requestのmergeを拒
「生JavaScriptで十分」な人にこそTypeScriptをおすすめしたい理由 – mzsm.me
こんにちは。 TypeScript Advent Calendar 23日目の記事となります。 昨日22日目はmizchiさんでした。 今日は、まだTypeScriptを使っていない人、特に、「普段JavaScriptをよく触っていて、altJSに興味はあるけど、いまいち新しい言語を覚えるほどのモチベーションはない」という人に向けて、僕がTypeScriptを使いはじめて感じたことを書いてみたいと思います。 筆者がTypeScriptを使い始めるまでのプログラミング言語遍歴 話を始める前に、まずは筆者がこれまでに使ってきたプログラミング言語を振り返ってみます。 JavaScript (2000〜現在) HSP (2001〜2003) PHP (2004〜2009) Python (2009〜現在) …というように、まともに触ったことがあって、それなりに使えるようになったプログラミング言語は
TypeScriptの行く先 - Qiita
どうもこんにちはわかめです。 この記事はTypeScript Advent Calendarの1日目の記事です。 なお、Advent Calendarはまだ6日ほど空きがあるので皆様よくわからないことを調べてみた！とか日々の生活で発見した小ネタとか読み応えのある超大作とかなんかで参加してください！よろしくお願いします！ 初日というところで感動的な記事を書きたいところですが、11月末〆切の冬コミの原稿をｶﾞﾘｶﾞﾘ書いてたらSAN値までｶﾞﾘｶﾞﾘ行っちまって不定の狂気寸前でございます。さくさく書きましょう。 さて、今日は何故TypeScriptをやるべきかを語っていきたいと思います。 世界は型を求めている 今、世界は複雑さに対抗するために機械による検証という支援を多く必要としています。 JSXが、Haxeが、Dartが、AtScriptが、Flowが、TypeScript が型を求めていま
JavaScript と altJS - ペパボのフロントエンドスタンダード
TypeScript について (1) 利用するメリット Java や C# のような文法の altJS です。下記に当てはまる場合は有力な選択肢です。 既存プロジェクトを altJS に移行したいとき JavaScript の文法そのままコピーして使用できるため 静的型付けをしたいとき 現状 TypeScript 一択です 新規の中・長期に渡る大規模プロジェクトのとき 静的型付やインターフェースを利用できるため (2) 利用上の注意 ただし TypeScript を利用する上で注意する点もあります。 コンパイルが遅い 型チェック等があるため、altJS の中でも特に遅めです this の用法が増える クラスのメンバ変数の参照には this.foo と記述します (3) サンプルコード // sample.ts module Saying { export class Greeter {
【javascript】やさしいクラスの作り方 - Qiita
勉強がてら。「TypeScript使えばいいじゃん」「ES6」とか言わないで。 hogeクラスをつくるとき 1. 一般的なつくりかた // constructor var hoge = function(arg) { this.x = 5; this.y = 10; this.z = arg; }; // メソッド hoge.prototype = { f1: function() { return true; }, f2: function() { return false; } }; var instance = new hoge(1); // hoge {x: 5, y: 10, z: 1, f1: function, f2: function} var hoge = (function() { var FOOFOO = 777; // クラス内定数 // constructor v
プロ生ちゃんが聞く！ 2014年のプログラミング言語動向 | gihyo.jp
あけましておめでとう！ gihyo.jpでははじめまして。私、暮井 慧。よろしくね！ みんなはもう、今年の“初”プログラミングはした？ いろいろなプログラミング言語があるけど、今年はどんなことが起きるのか気になるよね？ そんな人たちのために、いろいろな言語について、去年のふりかえりと、今年の動向なんかを詳しい人に聞いてきたよ！ 「いろいろ」といっても、ちょっと偏っているかもだけど……お正月早々、細かいことは気にしないほうがいいよね！ C# 最初は、C#のことならなんでも知っているC#たん！ こんにちは！ こんにちは！ C#の2013年はどんな年でした？ 慧 さっそくだけど、去年のC#ってどんな感じだったの？ C#たん 2013年は、C#を使って開発できるプラットフォームが一気に広がった年でした。携帯端末ではiOSやAndroid、ゲーム機ではPlayStationなど、マイクロソフト
AltJSの選び方フローチャート - Qiita
JavaScriptわかる - YES 型がほしい - YES Flash/ActionScript3が青春だった - YES Haxe - NO DeNAに勤めている - YES JSX - NO TypeScript - NO Ruby or Python が好き - YES coffee-script - NO クラスはほしい - YES EcmaScript6(Traceur Compiler) or CoffeeScript - NO JavaScriptの文法に不満がある - YES https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS - NO JavaScript書けよ - NO 関数型わかる - YES 自分の好きな言語に深く精通している - YES 好きな言
マイクロソフトがGitHubに登場。TypeScriptのプロジェクトをCodeplexからGitHubへ移行
マイクロソフトがGitHubに登場。TypeScriptのプロジェクトをCodeplexからGitHubへ移行 「みなさんからのフィードバックを受けて、GitHubへ移行しました」（We’ve heard your feedback, and we’re making the move to GitHub.）。米マイクロソフトはオープンソースで開発しているプログラミング言語「TypeScript」のプロジェクトを、それまで使用していたCodeplexからGitHubへ移行したことを明らかにしました。 これまでTypeScriptは同社のオープンソース向けプロジェクトホスティングサービス「CodePlex」の上で運営されていました。しかしCodePlex上のTypeScriptプロジェクトで受け付けていたコミュニティからのフィードバックによってGitHubへの移行を決定しました。 現在、Co
第2回 変数
プログラミング初心者向けのTypeScript入門連載の第2回はTypeScriptの変数について解説。プログラミングの最も基礎である変数をTypeScriptで習得しよう。 連載目次 前回は、TypeScriptの概要について説明した。今回はさっそく、その文法について基礎から説明していく。 TypeScriptの変数とは 少しでもプログラミングをかじったことのある人にとっては、「変数とはデータを入れるための箱のようなもの」という例え話は聞き飽きた説明だろう。本連載ではプログラミング経験のない人を読者として想定しているので、今回もその辺りから話を始める。基礎からのおさらいがおっくうな方は、ここを飛ばして「TypeScriptで利用できるデータ型」に進んでもらって構わない。とはいえ、基礎を再確認してみると意外な発見があるかもしれないので、時には振り返ってみることも大切。余裕がある方はゆっくり
TypeScript 1.0 オーバービュー
1. TypeScript 1.0 オーバービュー 井上 章 (いのうえ あきら) http://aka.ms/chack 日本マイクロソフト株式会社 デベロッパー エクスペリエンス & エバンジェリズム統括本部 エバンジェリスト 2. JavaScript と Web 技術のこれまでを振り返る TypeScript 登場の背景を知る TypeScript 1.0 の言語仕様と利用方法を学ぶ セッションのゴール Session Takeaways 8. HTML5 & CSS3 & JavaScript (function ($) { var offsetX = 20, offsetY = 20; $.widget('qs.infobox', { options: { dataUrl: '', maxItems: 10 }, _create: function () { var
TypeScriptで学ぶJavaScript入門 - ＠IT
メディア 連載一覧 連載まとめ読み＠IT eBook 記事ランキング ＠IT Special セミナー ホワイトペーパー クラウド AI IoT アジャイル/DevOps セキュリティ キャリア&スキル Windows 初・中級者向けAI その他 Server & Storage HTML5 + UX Smart & Social Coding Edge Java Agile Database Expert Linux ＆ OSS Master of IP Network Security & Trust System Design Test & Tools Insider.NET ブログ AI for エンジニアリング ローコード／ノーコード クラウドネイティブ Windows 11/365 その他の特集 ＠IT アジャイル/DevOps Insider.NET TypeScriptで学
第1回 TypeScriptの概要
TypeScriptとは この連載の目的はTypeScriptの基本的なコードの書き方を初歩から学ぶことである。プログラミングの経験がない読者を対象としているので、パソコンの基本操作ができるぐらいの前提知識があれば読み進められるようにできるだけやさしく解説していくこととする。現在、TypeScript関連の資料にはJavaScriptの知識を前提として、JavaScriptとの差分を掲載しているものが多いが、ここではそういった前提を設定せずに1からTypeScript（とJavaScript）を学ぶこととする。 初回の恒例として、TypeScriptの概要がこの後に続くのだが、能書きはいいからとにかくやってみたいという方は、この先を飛ばして「いちばん簡単なTypeScriptのプログラム」に進んでもらって構わない。 さて、その「TypeScriptとは」なのだが、ひと言で表すなら「Java
TypeScript + AngularJSでTodoのサンプルを書いてみた - かずきのBlog@hatena
2014/05/25追記 こういう書き方も出来ると紹介してもらいました。 @okazuki $scopeのメソッドの型をFunctionにしたくない場合 URL こーゆー感じで書くとコピペで済む+型チェックの恩恵が受けられるのでよいと思います。 2014-05-25 02:06:40 via twicli to @okazuki ためしたところばっちり動いたので、次からはこう書こうと思いました。 はじめに JavaScriptでSPA作るのにはAngularJSがいいらしいということで、とりあえずシンプルな例として、勉強がてら以下のページのしょっぱなにあるTodoアプリをTypeScriptで書いてみました。 AngularJS 1.2 日本語リファレンス | js STUDIO プロジェクトの作成 TypeScriptHTMLApp1という名前（名前つけるのさぼった）でプロジェクトを作成
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://techcrunch.com/2015/03/05/microsoft-and-google-collaborate-on-typescript-hell-has-not-frozen-over-yet/
Microsoft、タッチ操作でアプリが開発できる“TouchDevelop”をオープンソース化
