AngularJSの「サービス」で理解するDI（Dependency Injection：依存性注入）の基本
少し前になりますが、AngularJS 1.5がリリースされました（※2016年3月22日の原稿執筆時点での最新バージョンは1.5.2）このアップデートは、次期バージョン（AngularJS 2.0）へのアップグレードパス改善のためのリリースとなっています。主な変更点は次の通りです。 コンポーネントディレクティブの定義が可能に module.directiveの代わりにmodule.component関数を使用して、ディレクティブを定義できるようになりました。 $onInit()関数の呼び出しタイミングの変更 $onInit()関数はバインディング設定後のコンポーネント初期化後に実行されるようになりました。 その他の追加機能として、片方向のバインディング設定やECMAScript 6のサポートが強化されています。今後の連載では1.5xを使用していきます。 さて、MEANスタックを用いたWe
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
jQueryを使わない方法「ページ内で使っているCSSの値を取得する」
読み込んでいるCSSデータファイルに登録されている、styleの値を取得する機能を説明します。 通常のstyle取得は、エレメントの属性から取得します。 var style_value = elment.style.border; などのように、取得できるだのだが、cssの場合は、なかなか勝手が違う。 jsonデータのようにCSSが取得できたらな〜と思って、ライブラリ作ってみました。 概要 ページ内でCSSが登録されているデータをselector情報から取得する。 仕様 param @ css : 対象styleタグ param @ selTxt : selector param @ styleName : style名 return @ style-value [string] コード (function(){ var $$={}; //スタイルシートの値を読み出す $$.getStyl
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
NW.js (node-webkit) の開発をすぐ始める - Qiita
NW.js (node-webkit) は HTML+CSS+Node.jsでネイティブGUIアプリが作成できる凄いやつです． githubページを見ると，開発を始めるにはまず本体をダウンロードする必要があるかのような記述ですが・・・ 実際は，npmコマンドで始められます！ 1. 適当なindex.htmlを作る <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> We are using node.js <script>document.write(process.version)</script>. </body> </html>
Requirebin Situs Bandar Togel Online Terpercaya & Judi Togel Terlengkap 4D Gacor -
Siapa bilang permainan togel merugikan? Dari sejak dahulu kala, mainkan togel akan selalu menguntungkan. Maka dari itu pasang togel sudah menjadi sebuah kebiasaan di masyarakat Indonesia, sembari pasang sekaligus mencari penghasilan tambahan. Apalagi di era modern dimana sudah mengalami banyak kemajuan dalam teknologi tentunya permainan togel bisa dimainkan secara daring. Sekarang pasang togel onl
JavaScriptの素振りする技術
JavaScriptの素振りする技術 ライブラリをちょっと試す ライブラリをブラウザで試す JavaScriptライブラリはデモを置いてることも多い デモがないとローカルで動かすのは面倒くさい わざわざローカルでnpm installして... ちょっとしたこと試す時に使えるツール npmをその場で試す Tonic: a better REPL for node.js Browserify + REPLのようなサービス npmからリンクが貼られてる! 例: Tonic: npm on Tonic 他にも色々 RequireBin Browserify + JSFiddle的なサービス Firefox DevTools URLをページにインジェクト出来る 開発ツールバーの inject コマンド ライブラリを読み込ませてConsoleで叩く JS Envy ライブラリをちょっと試すまとめ ラ
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】
対象読者 JavaScriptフレームワーク・ライブラリの選定に悩んでいる方 本格的にJavaScriptを触るのが初めてという方 jQueryでの大規模なフロントエンド開発に限界を感じている方 必要な環境 Node.jsがインストールされていることが推奨です。 React.jsとは何か React.jsは最近注目を浴びているFacebook製のライブラリで、MVCアーキテクチャでいうViewにあたる機能を提供します。 前提として、JavaScriptの世界でMVCのVといえば、紛れもなくDOM（Document Object Model）のことを指します。特に何も意識しないで作った場合、都合の良いDOMからデータを引っ張り出しては別のDOMを書き換えるといった、行き当たりばったりな作りになりがちです。そこで、MVCの考え方を導入することにより、データを画面とは独立した構造体として切り出し
JavaScriptで関数型プログラミングの入門 - Qiita
【他キーワード】 第一級関数(高階関数が扱える) カリー化(部分適用) 型推論 気をつけるべきは三点 JavaScriptで関数型を考えるにあたっては、 抑えるべきポイントは下記三点となります。 すべての関数が値を返す 関数に副作用がない（参照透過） 関数を値として扱える 関数型として気をつけることはほかにもあるのですが、 入門として今回は扱いません。 すべての関数が値を返す 関数がすべての値を返すようにします。 // Good function hello() { return 'Hello' } console.log(hello()); // Hello // Bad function hello() { console.log('Hello'); } hello();// Hello これによりその返り値を利用し、さらに関数を組み立てていきます。 関数に副作用がない（参照透過） 簡
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ） - Qiita
JavaScriptで関数型プログラミングを強力に後押しするUnderscore.jsのおすすめメソッド12選（lodashもあるよ）JavaScriptNode.js関数型言語 はじめに この記事では、関数型プログラミングを強力に後押しするライブラリ、 Underscore.jsとlodashを紹介します。 両ライブラリとも_で使用できます。 ほかのライブラリにも依存せず、 現在フロントでもサーバでもかなり人気なライブラリです。 個人的にもこれなしでは。。 といった必須なライブラリとなっています。 また、Backbone.jsといった人気なフレームワークが、 Underscoreに依存していたりします。 Underscore.js GitHub: https://github.com/jashkenas/underscore Document: http://underscorejs.o
AMD & RequireJS - Qiita
このドキュメントではAMDおよびRequireJSについて纏めています。 追記： もしあなたが新規にJavaScriptで開発する予定なのであれば、先にまとめを読んだほうが幸せになれるかもしれません。 What is RequireJS? RequireJS (http://requirejs.org/) とは、モジュール化したjavascriptを良しなに読み込んでくれるフレームワークです。 require.jsは公式サイトからダウンロードできます。 http://requirejs.org/docs/download.html#latest ※ダウンロードページには require.js と r.js というものがありますが、 require.js はモジュールを読み込むためのものです。ブラウザで読み込んで利用します。 r.js はモジュールを最適化するためのビルドツールです。ブラウザ
Learn to code HTML, CSS, and JavaScript with Dash
Learn to code awesome websites in HTML, CSS, and JavaScript Dash is a fun and free online course that teaches you the basics of web development through projects you can do in your browser. Start Learning HTML5 Learn the right way to code HTML, the building block of the web. Design beautifully modern sites and learn how to balance layout for content and navigation. CSS3 Create your first fully styl
Herlock - Native Apps Development
HerlockはJavaScriptでiPhone、Androidアプリ開発ができる国内初のネイティブアプリクロスプラットフォーム開発環境です。FlashライクなコードでOpenGLを実装することができるため、パフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。動画を見る 動画を見る HerlockはJavaScriptを使用してワンソースでAndroid、iOSのネイティブアプリを開発することができる国内初のネイティブアプリ向けクロスプラットフォーム開発環境です。 手軽にパフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。 Herlockクローズドベータ版は2013年8月初旬リリース予定です。 メールアドレスをご登録いただいた方はリリース情報をメールにてお送り致します。 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
あなたはいつEmber.jsを使うべきか？ - Qiita
今日まで Ember.js の紹介をしてきました。 思えばAdvent Calendarを書き始めた12/1の時点では、私自身、Ember.jsについてはほとんど何も知らない状態でスタートしました。 もっともknockout.jsを業務に使っていたので、データバインディング機能の便利さは理解していましたし、Ember.jsが記述の柔軟性のレベルでは他のデータバインディングより洗練されているので、コンセプトレベルでは間違いなくすばらしいフレームワークである、ということは確信していました。 ただ、Router, ストレージの利用方法、拡張方法についてはまったく分かっていなかったので、どこまで実運用に耐えうるフレームワークかは未知数でした。 それから1ヶ月ほどEmber.jsを調査してみた結果、利用上で心配していた点については問題ないことが分かってきました。 今ではEmber.jsは効率的に動的
さくらのクラウドのコンパネをつくる話
さくらインターネット研究所の菅です。 先日、北海道の札幌市産業振興センターにて開催されましたPHPカンファレンス北海道にて弊社クラウドサービスのコントロールパネルに関する発表を行って参りましたので、報告いたします。 弊社クラウドサービス「さくらのクラウド」のコントロールパネルは、APIを除いて全てJavaScriptで実装しております。いわゆるMVCのビュー部分を、クライアント（ブラウザ）が実行するJavaScriptで非同期API通信を行い、生成しています。と、そんな話をして参りました。 発表資料をslideshareにアップしておりますので、ご興味ありましたらご覧頂ければと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
プログラミング/エンジニア | 最先端のIT・テクノロジーメディアならJEEKスクール
Monaca - すべての人にアプリ開発を
