なぜJavaScriptプログラマーはTypeScriptを選ぶのか
Liam Tung （Special to ZDNET.com） 翻訳校正： 石橋啓一郎 2019-05-17 06:30 Microsoftの最高経営責任者（CEO）がSatya Nadella氏に変わってから、同社のLinuxに対するアプローチは友好的になったが、元CEOであるSteve Ballmer氏の時代から変わっていないことが1つある。それは、とにかく開発者にこだわっているということだ。 先日開催された開発者向けの自社カンファレンス「Build」で、「Windows 10」向けのMicrosoft製Linuxカーネルである「Windows Subsystem for Linux」のバージョン2が発表された。これによって、Windows上で実行されるLinuxディストリビューションのブート時間は短縮される。 また、Microsoftの軽量クロスプラットフォームコードエディタである
Express に関する FAQ
StrongLoop / IBMによって提供されるこの翻訳. 本書は、英語の資料と比較すると古くなっている可能性があります。最新の更新については、英語版の資料を参照してください。 FAQ どのようにしてアプリケーションを構成するのですか? この質問に対する決定的な答えはありません。ご使用のアプリケーションや関与するチームの規模によって答えは異なります。可能な限り柔軟であるために、Express には、構造に関する前提がありません。 ルートやその他のアプリケーション固有のロジックは、必要な数だけのファイルや、任意のディレクトリー構造に存在できます。参考のために、以下の例を参照してください。 ルートのリスト ルートのマップ MVC スタイルのコントローラー また、これらのパターンを簡素化する、サード・パーティー製の Express 拡張版があります。 Resourceful ルーティング どの
もうjQueryには頼らない！素のJavaScriptでDOMを操作するための基礎知識
DOM操作が必要なとき、真っ先にjQueryを使うことを考えます。しかし、素のJavaScriptのDOM APIだけでも、実はかなりのことができるのです。また、IE10以下のサポートが終了したため、今後は素のJavaScriptによるDOM操作を心配なく使えます。 記事では、素のJavaScriptで一般的なDOM操作をする方法について説明します。具体的には以下のとおりです。 DOMの取得と変更 クラスと属性の変更 イベントのリッスン アニメーション 記事の最後に、どのようなプロジェクトにも使える独自の超軽量DOMライブラリーの作り方を説明します。記事の最後までに、素のJavaScriptによるDOM操作は決して高度な技術ではないこと、多くのjQueryメソッドとまったく同じ機能が実はネイティブAPIにもあることが理解できるはずです。 それでは始めます。 DOM操作：DOMの取得 この記
知ってるようで意外と知らない、JavaScriptの参照のしくみ
結論を言えば、JavaScriptにはポインターがなく、参照の方式は私たちが知っているほかの主要なプログラミング言語とは異なります。JavaScriptでは、ある変数が別の変数を参照すること（参照渡し）には対応していません。そしてオブジェクトや配列のような複合型のものだけが「参照渡し」を使います。 この記事では以下の用語を使用します。 スカラー（基本型）：1つの値もしくはデータ型（整数、論理値、文字列など） 複合型：複数の値から成るもの（配列、オブジェクトなど） プリミティブ：ほかの場所の値を参照しているだけのもの（参照型）と区別するため、実際に値を保有しているものをプリミティブとする JavaScriptのスカラーはプリミティブですが、Rubyなどほかの言語では参照型のスカラーになっています。JavaScriptではプリミティブなスカラーはイミュータブル（immutable）ですが、複合
AngularJSユーザーのためのAngular2超入門
MEANスタックを用いたWebアプリの開発方法について紹介していく本連載「MEANスタックで始めるWebアプリ開発入門」。前回の「AngularJSを使いこなすなら絶対に知っておきたいフィルタとカスタムディレクティブの基本」では、AngularJSのフィルタとカスタムディレクティブについて解説しました。 MEANスタックに関連する情報を基本から解説してきた本連載も、今回が最終回です。最終回となる今回は、前回カスタムディレクティブで解説しきれなかった内容と、最近リリースされたAngular2を紹介します。 なお、本記事を見て実際にサンプルを動かしたい場合は、以前の連載記事（第1回、第2回）を見て環境を作成しておきましょう。 AngularJS 1.xのディレクティブで指定できるプロパティ 前回はカスタムディレクティブを作成するためにdirective関数を使用し、プロパティとしてcompil
AbemaTVのランタイムパフォーマンスのAudit - 1000ch.net
2016.05.17AbemaTVのランタイムパフォーマンスのAudit最近業務で、巷で話題のAbemaTVのパフォーマンス改善をしている。個別具体性が高いが調査改善の雰囲気を感じ取ってもらえればそれで良いかと思い、記事にした。 AbemaTVのフロントエンドの構成話の前提となるAbemaTVのフロントエンドの構成は次の通りで、まさに流行りのといった感じ。 facebook/reactfacebook/immutable-jsReactive-Extensions/RxJSreactjs/react-routercss-modules/css-modulesビルド周りはbabelとwebpack、あとはlintツールがちょこちょこ入ったりしている。この改善の話と関係してくるのは、ReactとImmutableJSとRxJSだけ。 番組再生画面のコメント開閉が重い今回ケーススタディとして挙げ
JavaScript作業自動化ツール「Grunt 1.0.0」が登場。約2年もの開発停滞から復活
Webサイトやアプリケーション開発で発生する作業を自動化してくれるツール「Grunt」の正式リリースとなる「Grunt 1.0.0」がリリースされました。 Gruntは、いわゆるビルドツールやタスクランナーと呼ばれるソフトウェアの1つで、Node.jsをベースにしたオープンソースとして開発されています。 JavaScriptで自動化したい作業を記述でき、また多くのプラグインによって一般的な作業の多くを簡単に自動化できます。例えば特定のディレクトリを監視し、そこに保存されたファイルを自動的に処理する、といったことが可能です。 特にWebサイトやWebアプリケーション開発で発生するタスク、例えばJavaScriptファイルのミニファイ（最小化）、自動ユニットテストの実行、文法チェックなどでよく使われています。 昨年jQuery Foundationに加入し、復活したGrunt Gruntは20
デジタルをわかりやすく - catch.jp blog
フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、 Webシステムやプログラミングのトレーニング支援、 企業メディアの企画・制作・運営にたずさわってきました。 お仕事、絶賛募集中です。 Works ... 一本指でもサクサク打てる、キーボード超入門 パソコン初心者が文字入力で困ったら読む本 知る、読む、使う！ オープンソースライセンス 著書・実績 自己紹介 そのほか ＊ 2024-09：ながらく、いくつかのWebサイトをWordPressで運営してきましたが、 Pelicanという静的サイトジェネレータに導入して記事を移行しました。 catch.jp blog catch.jp wiki オープンソース・ライセンスの談話室
JavaScriptで開発されたデスクトップ環境「OS.js」ウェブブラウザ内でゲームやワープロ、計算機などのアプリが利用可能 - ネタフル
他にも、計算機、お絵かきアプリ、チャット、Google連携アプリ…など、最初から基本的なソフトは一通り揃っている感じです。 パソコンの中にパソコンがある…という不思議な感覚ですが、細かい部分までとても丁寧に作りこまれているのが分かります。 デモ環境がありますので、興味のある人はまずはそれを試してみると良いでしょう。実際にアプリを立ち上げると、スムーズに動作します。ウェブブラウザ内で動いているというのが、不思議な気分になります。 ワープロアプリでは日本語も使えましたし、Gmailと連携したり、エディターなどもありました。 独自にインストールしてスタンドアローンで利用したり、APIを使って専用アプリを開発できるのも面白いところです。 Chrome OSのようにウェブブラウザ自体でアプリを動作させることができるので、果たしてJavaScriptのデスクトップ環境にどんな可能性があるのか分かりませ
ブラウザのみで動くJavaScriptなOS「OS.js」をインストールしてみた
ブラウザのみで動くJavaScriptなOS「OS.js」をインストールしてみた：週末チャレンジ 「こいつ、動くぞ」（1/2 ページ） ブラウザのみで動くJavaScriptなOS「OS.js」が登場し、「何か面白いぞ」と話題になっています。Windows環境へインストールして、ちょっと遊んでみました。
Microsoft、「Edge」のJavaScriptエンジン「Chakra」をオープンソース化へ
米Microsoftは12月5日（現地時間）、同社のWebブラウザ「Microsoft Edge」のJavaScriptエンジン「Chakra」をオープンソース化すると発表した。Chakraのコアコンポーネントを「ChakraCore」として来年1月にGitHubで公開する。ライセンスについてはまだ発表していない。 MicrosoftはChakraを2008年に開発し、WebブラウザではInternet Explorer（IE） 9から導入している。高速起動・稼働を目指して開発され、Edgeだけでなく、Azure DocumentDB、Cortana、Outlook.com、TypeScript、Windows 10 IoT CoreのNode.jsなどでも採用している。 同社によると、MozillaのFirefox（SpiderMonkey）や米GoogleのChrome（V8）などと比
.NET開発者のためのJavaScriptライブラリカタログ（MVCフレームワーク編）
.NET開発者のためのJavaScriptライブラリカタログ（MVCフレームワーク編）：特集：今から始めるJavaScriptアプリ開発（1/3 ページ） 最近のWeb開発では、どんな技術を使い、どのようにアプリが開発されているのだろう。モダンJSライブラリをよく知らない.NET開発者に向けて、その世界をまとめて紹介する。 連載目次 本特集では、最新のWeb技術にはあまり取り組めていない.NET開発者を対象として、Web標準技術を使ってアプリ開発を行う際によく使われているライブラリやフレームワークなどを紹介していく。モダンWebの世界では、現在、どんなことが行われているかをのぞいてみよう（すでにこれらの技術を活用している方にとっては「何をいまさら」な話ばかりだろうがご容赦願いたい）。今回はクライアントサイドMVCフレームワークを紹介する。 クライアントサイドMVCフレームワーク ここ数年、
JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能
JavaScriptのグラフライブラリを52種類も集めた「JavaScript Graphs」。グラフの種類や依存ライブラリ、価格などで絞り込み可能 数年前に自作のアプリケーションをJavaScriptで作ったときにグラフ機能を実装しようとして、いくつかのグラフ用のJavaScriptライブラリを探して試したことがありました。JavaScriptライブラリを探すのは、それなりに手間がかかるものでした。 もちろん当時からJavaScriptのグラフライブラリの情報をまとめたサイトはいくつかありましたが、最近登場した「JavaScript Graphs」は52種類ものライブラリを集めて、ビジュアルに一覧できるようにしたサイトです。 さまざまな条件で絞り込みができる便利な機能も備えており、条件としては折れ線グラフやドーナッツグラフに対応したものなどグラフの種類、無料や有料、非商用のものなどの価格
競合サイトのCSSとJavaScriptを丸裸にする方法 - ASCII.jp
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第3回は、「Elements」パネル、「Sources」パネルでサイトを検証する方法を解説します。 他人のコードを効率よく調べたい！ ディレクターやデザイナーから、「このサイトみたいなデザインにしたいんだよね」と言われることってよくありますよね。また、海外のかっこいいサイトを見ていると、使われているインタラクションを真似したいと思うこともあります。 そこで、Chromeデベロッパーツールを使って、他のサイトのCSSやJavaScriptを効率的に調査する方法を解説します。 1.背景画像を100%表示しているCSSの実装方法を調べる 背景画像の比率を変えずに高さと幅をフィットさせるデザインのページを例に、Chromeデベロッパーツールの「Elements」パネルで実装を調べていきます。Elementsパネルは
Box、大規模JavaScriptアプリケーションの開発ツール「T3」をオープンソース化 - builder by ZDNet Japan
自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 20年培ったデジタルカイゼン文化 誰もが知るあの「Notes」で実現する 現場とIT部門二人三脚でのデジタルカイゼン RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネス
【WordPress】SyntaxHighlighter Evolvedに枠を付ける方法 - SiteMiru（してみる）
SyntaxHighlighter Evolvedはバージョン2.xと3.xの2つ種類があります。 どちらでも好みで構わないと思いますが、バージョン2.xだとそのままカーソルでコピペした時に行番号の数字が入ってしまうのでコピっても数字の入らないバージョン3.xを使っています。 しかし、バージョン3.xのは外枠が無く「テキストなのか、コードなのか分かりにくいなぁ。」と感じたので今回外枠付けてみました！ Version3.xに外枠を付ける方法 今回参考にさせて頂いたサイトはこちら。 ていうか、メッチャデザインも好みだったので丸ごと使わせてもらってます！感謝！ 作業自体は超簡単です。 /wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles内の、shThemeDefault.cssの最後へ下記を追加するだけ。 /*ここから追加
SyntaxHighlighter Evolved3.xのデザインをカスタマイズする
MS Office カテゴリ MS Office (107) 関連タグ Access (45) Excel (94) OfficeScripts (2) PowerPoint (8) Python (3) VBA (92) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[SyntaxHighlighter] Windowsバッチファイル用Brush
[Blogger] Syntax Highlighter V3 に枠をつけたりとか。
IDEA * IDEA
