サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
さあ開発者のみなさん、真面目な話の時間です。読者の皆様はおそらくすでにお気づきでしょうが、今週、ReactやBabelやその他大量の有名なNPMパッケージ群が壊れました。そしてその原因は少々驚くようなものでした。ReactやBabel、その他のパッケージが依存する、left-padというシンプルなNPMパッケージがあります。この記事を書いている現段階で、このパッケージはGitHub上で11 star となっています。このパッケージは全体で 11行のシンプルな行があり、文字列の左を詰める基本的な関数が実装されている というものです。上記のリンクが消えた場合に備えて、コード全体をいかに掲載しておきます。 module.exports = leftpad; function leftpad (str, len, ch) { str = String(str); var i = -1; if
このブラウザーはサポートされなくなりました。Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 ClearScript の概要 Dino Esposito コード サンプルのダウンロード 数年前、Active Server Pages の VBScript エンジン全体を Visual Basic アプリケーション内でホストするという可能性に魅了されていました。これを実現できれば、記事の内容を CD で販売しようと考える企業向けに驚くべき概念実証を作成でき、ローカルまたはリモートの Web サーバーの外部で既存の Active Server Pages コンテンツを再利用できるようになります。 当時は 1990 年代後半で、Microsoft .NET Framework はありませんでした。HTML5
米Yahooは米国時間8月29日、ウェブプログラミングプロジェクト「Yahoo User Interface」（YUI）ライブラリを正式に廃止した。かつて人気のあったYUIもいまは見る影もなく、今回の動きは同社をGoogleに近づけようとする最高経営責任者（CEO）Marissa Mayer氏の試みがいかに困難であるかを示している。Yahooのプレゼンテーション技術担当エンジニアリングディレクターを務めるJulien Lecomte氏は同社のブログで、「YUIにおける新たな開発を直ちに全面的に停止するという難しい決定」を下し、もっと現代的なウェブプログラミングのトレンドに焦点を合わせることにしたと述べている。「つまり、今後新たなYUIが短い間隔でリリースされる可能性はほとんどなく、Yahooのサービスにどうしても欠かせない、的を絞ったパッチがリリースされるだけになる」という。Yahoo
朝起きて布団から出るのがつらいので、HBFav をつらつらと眺めていた。 あるサービスのJavaScript が重いとか、そのコードが難読化されてないとか、担当者とおぼしき人間が書いたコメントがそのまま残ってるから消しましょうよとか、そんなことが書かれていた。JavaScript が重い、という話は結局そのサービスのJavaScript が重かったのではなく、ユーザーが自分で導入した広告が重いというだけの話だった。 コードが難読化されていない、趣味の製品ではなく会社の製品なのでコメントそのまま残ってるから消しましょう･･･実にくだらない。 ところで話は変わってコードレビューについて。コードレビューに慣れないチームが、何の考えもナシにコードレビューを始めるととにかく気になったこと大小様々な指摘が行われることになる。一見、いろいろな指摘が出て議論が活発になっているように見えるが、だいたい
HTML＋JavaScriptでWindowsストアアプリを作るための基礎知識：HTML5で業務向けWindowsストアアプリ開発入門（2/2 ページ）HTML5＋JavaScriptでWindowsストアアプリを作る際の注意点HTMLとJavaScript でWindowsストアアプリを作成するには、下記のライブラリやAPIが必要になります。 DOMAPI（HTML構文でWindowsストアアプリを作成するための専用API） WinJS（JavaScript用Windowsストアアプリ用ライブラリ） DOMAPIWindowsストアアプリの多くは、Internet Explorer（以下、IE）などのブラウザーで認識していたHTMLタグをそのまま使用できるように構成されていますが、セキュリティの都合などで、一部サポートされていないHTMLタグがあります。 これらのタグは、DOM
JavaScriptベースでアプリを作りWindowsストアに申請：Web開発者が手っ取り早くストアデビューする方法（後編）（1/4 ページ）Windowsストア初心者のために（主に、HTMLやJavaScriptを扱うWeb開発者向けに）、簡単なアプリを開発してWindowsストアに手っ取り早くデビューする手順を解説します。後編では、Visual Studioを使ってHTML／JavaScriptでアプリを開発する手順を簡単なサンプルを交えて解説し、Windowsストアに申請します。 前編の「Windowsストアにアプリを登録するための事前準備」で開発者登録を済ませたら、アプリを開発し、Windowsストアへ申請しましょう。Windowsストアアプリの開発にはVisual Studio 2012以降のバージョンが必要です（※Visual Studio 2013 Expressの場合は「
Windowsストアにアプリを登録するための事前準備：Web開発者が手っ取り早くストアデビューする方法（前編）（1/3 ページ）Windowsストア初心者のために（主に、HTMLやJavaScriptを扱うWeb開発者向けに）、簡単なアプリを開発してWindowsストアに手っ取り早くデビューする手順を解説します。初回は、Microsoftアカウントの取得、Windowsストアアプリ開発者登録、開発環境準備について。 これから始めるWindowsストアアプリ登録 対応端末や開発ツールが出そろい、簡単に作りやすくなってきたWindows 8アプリ。Windows 8.1ももうすぐリリースとなり、本格的な普及が進むことが予想され、Windowsストアにアプリを出してみたいという方も、さらに多くなってきたことでしょう。本企画では、そんなWindowsストア初心者のために（主に、HTMLやJav
このブラウザーはサポートされなくなりました。Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。CSS のプログラミング: LESS で効率を上げる Dino Esposito 今回は、CSS コンテンツの動的な生成に LESS フレームワークを使用する Web 開発について説明します。 Web ページのプレゼンテーションとコンテンツを完全に分離するという (ほぼ達成済みの) 約束によって、CSS が飛躍的に成長したことは間違いありません。CSS はデザイナーの担当 (のはず) ですが、ほぼすべての開発者が気にしている "関心の分離" の原理を尊重しています。そのため、CSS の使用はすぐに普及し、今では最新の Web サイトの進化に対応するのが難しいこともあるほど Web 開発に深くかかわるようになっ
I'm consideringhtml5,angularJS for data binding and alsogoogle closure compiler and the closure library for interactive web applications. Do those work nicely together? Unfortunately there seem to be no detailedreports up to now. I have adobe flex experience, but I'm fairly new to pure js. So the questions can be considered to be from a beginner's perspective. There is no codebase that needs t
Stay organized with collections Save and categorize content based on your preferences. What is the Closure Library? The Closure Library is a broad, well-tested, modular, and cross-browserJavaScript library. You can pulljust what you need from a large set of reusableUI widgets and controls, and from lower-level utilities for DOM manipulation, server communication,animation, data structures, uni
AngularJS support has officially ended as of January2022. See what ending support means and read the end of life announcement. Visitangular.io for the actively supportedAngular. WhyAngularJS?HTML is great for declaring static documents, butit falters when we try to useit for declaring dynamic views in web-applications.AngularJS lets you extendHTML vocabulary for your application. The resu
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
注意！このエントリは既に古いので、JSX の進化速度が半端ない - ぐるぐる〜もあわせて読んでください。最新のコードを参照するのが手っ取り早いです。 JSX なる言語がリリースされました。 この言語が謳っているのが、 高速 安全 簡単(生産性が高い、とも) という 3 点です。 高速と安全はまぁいいでしょう*1。 問題は、はたしてこの言語は簡単なのか？という点です。 簡単かどうかは人によるのでアレなのですが、まぁ一部の人にとっては簡単とは言えない (というか書く気がしない) 書き方を強制されるのです。 関数型 数値を受け取って文字列を返す関数を表す型は、JSX では以下のように書きます。 function(:number):string これ単体で見ると分かりやすそうな気配はします。 では、これ読めますか？ function f(g: function(:number):number):
Meteorとは？ Meteorは、2012年4月に彗星のように登場した、新たなアプリケーションプラットフォームです。この原稿の執筆時で、バージョンは0.3.6とされており、まだまだプレビュー版の域は超えていません。また、現状ではUNIX環境（MacOS Xを含む）でしかうまく動作しないようです。 しかし、Webアプリケーション開発をとことんまで素早く、楽に行えるようにするためのさまざまな仕組みが盛り込まれていることから、登場直後からかなりの注目を集めています（公式サイトには、「1日か2日でプロトタイプを、2～3週間で製品レベルのアプリを構築できるようにする」とあります）。 MeteorはMITライセンスに基づくオープンソースプロジェクトとして、Github上で公開されています。現在4人の開発者がフルタイムで開発に従事しており、1年以内に1.0をリリースする予定だとされています。 M
node.js を代表とするJavaScript を用いた非同期プログラミング環境においては、コーディングパターンのベストプラクティスが共有されておらず、結果として品質の低いコードが多くなるという問題があるように思います。そこで、特にエラー処理をどう書くべきか、既存のライブラリを使う方法を紹介してみることにしました。 いきなりですが、ファイルの文字数を返す関数を作ることを考えてみます。Java だと以下のような感じになるでしょうか。countChars メソッドに注目すると、エラーを例外として扱っていて、モジュラーかつ簡潔になっていることがわかります。 class FileCounter { static long countChars(String filename) throws IOException { FileInputStream is = new FileInputStre
新世代ウェブ標準に対する関心の急激な高まりに急いで対応しようとしているAdobe Systemsは米国時間10月3日、ウェブデザインソフトウェア「Adobe Edge」に重要な新機能を追加する。それは、インタラクティビティだ。 同機能を備えたEdgeの3度目のパブリックプレビュー版は、3日に「Adobe Labs」でリリースされる予定だ。3日から開発者およびデザイナー向けの同社カンファレンス「Adobe MAX」が始まるが、今回のパブリックプレビュー版はそれにタイミングを合わせてリリースされる。 Edgeプロジェクトを率いるAdobeのフェローであるMark Anders氏は、「インタラクティビティは現時点で最も要望の多い機能だ」と述べた。同機能を追加することで、Edgeはページが読み込まれるにしたがってページを整えていくという基本機能を持つツールから、ユーザーの操作に応じてページを変化さ
空白のとなりの数字をクリックすれば、 その数字が空白の場所へ移動します。 左の図では、空白のとなりは ７ と １２ です。 どちらかの数字をクリックする。 【１〜８ 移動】ボタン で ８までの数を、 【１〜１５移動】ボタン で １５までの数を、 移動させます。 動かし方の参考にしてください。 【数字入力】 であなたが自由に問題を作成できます。 【判定】 で Good と表示されたら、その問題は解答可能です。 ユーザーの作成した判定が Nogood の問題をコンピュータに解かせる場合、 最後の 【１１、１２、１５】 の直前で解くのを止めます。 （理由： 解けないから） １５ゲームは、１８７８年アメリカのサム・ロイドが発明したゲームです。 ここに組み込んである解法プログラムは、あくまで １〜１５ を順に解いていくものであって、数学的に最短手数をさぐって解くも
ちなみに、2つ目の<script>要素内に記述されているのは、最もシンプルなlinq.jsを用いたJavaScriptコードの例である。EnumerableオブジェクトのFromメソッドのパラメータにより配列データを受け取り、ToArrayメソッドにより配列オブジェクトに変換し、元の配列のコピーを作成している。なお、linq.jsが提供する関数を本稿では「メソッド」と呼んでいる。 ファイル「linq.js」はライブラリ本体で、これを参照することでlinq.jsを利用できる。また、ファイル容量を削減したい場合は「linq.js」の代わりに「linq.min.js」（＝JavaScriptコードが圧縮されたもの）を参照してもよい。なお、Visual Studioを利用している場合は、同一ディレクトリに「linq-vsdoc.js」も配置することで、IntelliSenseによる入力補完を働かせ
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（ApplicationProgramming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
