意外と簡単。TypeScript+JavaScriptでビルドする方法
巨大化するWebサービス/アプリの開発現場で着実に市民権を得てきたTypeScript。C#生みの親Anders Hejlsberg老師が作ったとあって開発効率を爆上げしてくれる。非常に筋の良い言語だ。 今回はTypeScriptへJavaScriptソースをインポートし、webpackを使って1ファイルにビルドする方法についてangularプロジェクトを例に取って解説する。「npmとかbowerで落としてきたJavaScriptってTypeScriptからどう使うの〜？」てな事を解決しよう。 さくっと分かる(?)ビルド方法 これからつらつらと設定やインポート方法の解説が続くけれど、やりたいことはシンプル。要はTypeScriptでJavaScriptをインポートする命令を書き、それをビルドして1ファイルにする設定をするだけ。それでは詳しく見ていこう。 詳しいビルド方法 プロジェクト構成
Slack Botと会話するには？ -Botkit API Conversation- – TOACH
今回は、SlackのBotと会話する方法を解説する。 以前の記事で、SlackのBotは簡単に作れることを解説したけれど、あれはごくごく簡単なものだった。今回は、もう少し込み入ったロジックで使える、BotkitのConversationという仕組みを解説する。 Botkit Conversation Conversationを使えば、ユーザーとBotがやりとりすることができる。ユーザーの発言に応じてBotのアクションを切り替え、会話のようなことをさせられる。 会話といえば reply() でだってBotを喋らせることができる。それなのにどうしてConversationを使うんだろう？確かに、ユーザーの問いかけに対して一回応答するだけならreply()で充分だ。しかし、この後見ていくように、Conversationを使えば、ユーザーの問いかけに対して何度も応答したり、逆にBotから質問できた
Visual Studio Code 拡張機能のアクティベート activationEvents – TOACH
Visual Studio Codeの拡張機能開発で必ずお世話になる、拡張機能をアクティベートするタイミングの制御について解説する。 今回解説する方法を使えば、プロジェクトフォルダーにREADME.mdなるファイルがあるときだけアクティベートしたり、C#ファイルを開いたときだけアクティベートしたりできる。 activationEventsの書き方 プロジェクトフォルダーの最上位にpackage.jsonを置き、”activationEvents”というプロパティ内に複数の条件を書く。それぞれの条件は並列に判断され、１つでも合致する条件があれば拡張機能がアクティベートされるという仕組みになっている。
Visual Studio CodeのES6用拡張機能で爆速ES6コーディング | TOACH
Visual Studio CodeがES6をサポートして久しい。 Visual Studio Code ♥ ES6 既に、Visual Studio Codeのインテリセンスを使ってバリバリES6を書いているプロジェクトもあると思う。 今回は、Visual Studio CodeによるES6コーディングを更に加速させる拡張機能 JavaScript (ES6) code snippetsを紹介する。 JavaScript (ES6) code snippetsとは 名前のとおり、ES6用のスニペットを提供してくれる拡張機能。 インポートやエクスポート、クラス、for ofなど、ES6の嬉しい新機能をたった4キーで実装できる。 インストール方法 他の拡張機能と同じく、インストールするにはVisual Studio Codeを起動している状態でShift + Command + Pでコマンド
Visual Studio CodeでTypeScriptをトランスパイルする方法 | TOACH
TypeScriptのプロジェクト設定 任意の場所に今回のサンプルプロジェクト用のディレクトリーを作ったら、Visual Studio Codeから開く。（Visual Studio Codeのメニューから、File > Open > …） TypeScriptプロジェクトはtsconfig.jsonなる設定ファイルが必要だ。プロジェクトを開けたら、左サイドのツリーからtsconfig.jsonを作ろう。 tsconfig.jsonに設定を書いていくわけだけれど、ここでVisual Studio Codeのインテリセンスの威力を味わえる。ファイルに波括弧”{}”を書き、その中に”c”と打つと、候補の設定を提案してくれる。 この”compileOptions”という設定項目を選ぶと、自動的に設定欄を作ってくれる。う〜んイイね。 今回のプロジェクトの設定内容は次のとおりになる。
Webデザインの参考になる、デザイナー必見の海外サイト集 | TOACH
海外のWebサイトを見ていて驚かされるのが、お洒落なサイトが使われているイメージのないジャンルで、とても洗練されたサイトが使われていること。 今回は、そんな驚きのあるサイトを含め、お気に入りの海外サイトを紹介する。 D A N T - goods made in Bavaria 革細工工房のWebサイトで、お店のアイテムの写真とブランドイメージに沿った写真がメインとなっていて、EC機能もあるようだ。 サイト全体の雰囲気を損なわない程度にテキストを抑えているから、ECサイトとしては不便な場合もあるだろうけれど、見た目としては申し分ない。サイトを制作したのは、あのANAKINのようで、さすがの仕事ですね。 Sebañado photographies 写真家のポートフォリオサイト。 写真を並べただけのシンプルな構成だけれど、光って見えるのは掲載してある写真が素晴らしいから。 しかしこの写真、鮮
モバイルWebはチョッパヤへ。Googleが推進するAccelerated Mobile Pages(AMP)とは？ | TOACH
一週間ぐらい前から、GoogleのAccelerated Mobile Pages (AMP) が騒がれている。 Official Google Blog: Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web. モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ グーグル、ウェブ・コンテンツを守るためにモバイル・ウェブページを高速化 このプロジェクトの目的は、モバイル端末でWebページを見る速度を向上させるところにある。 大抵、モバイルWebはウスノロで、イライラさせてくれる代物だ。 AMPの公式ページにはこう記され、このプロジェクトがモバイルWebをいかに快適にするかが続く。 ニュースやブログを読んだり、YouTubeを
もしプログラミング言語がビールだったら | TOACH
TopCoderで紹介されていた、「もしプログラミング言語がビールだったら」がとんでもなく面白かったので、この中からいくつかかい摘んで翻訳する。 この記事は If Programming Languages were | Lambda the Ultimate という、プログラミング言語を他の何かに例えるネット企画に、ビール版が無かったために書かれたもので、ビールマガジンを運営している＋エンジニアである身からするとニヤリとしっぱなしだった。他にも、「もしプログラミング言語がロックバンドだったら」や、「もしプログラミング言語が哲学者だったら」などあって楽しい。 C Cはプログラミング言語におけるエールだ。 おそらく、あなたが一番最初に美味しいと思ったビールはエールだろう。 原点に帰りたいときはいつだってエールに戻るといい。その度に確かな安定を感じられるはず。 エールはいつも、若き日々を思い出
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「SEO×SNS×ブログ」で作る最効率化収益システム｜うきだいらブログβ
「SEO×SNS×ブログ」で作る最効率化収益システム｜うきだいらブログβ