こいつまた煽りっぽいタイトル書いてるな? 皆さんES2015のclass使ってますか? ES2015のクラス、prototypeを利用したり、{}を利用したりして、様々な書き方で実現できるクラスっぽい何かを、単一の記述でまとめた偉業は素晴らしいですよね。 でも、反面まだまだ機能が全然足りません。本当に足りません。 そこで今回は足りない機能をなんとかしよう、みたいな話です。 まずは基本的な継承の振り返り ES2015クラスでは、「extends」を用いることで、継承を実現することが出来ます。 class Swimmable{ swim(){ console.log("すいすいっ"); } } class Fish extends Swimmable{} const fish = new Fish(); fish.swim(); // "すいすいっ"
Getting started by reading the documentation, which also contains an introduction and a tutorial.
こんにちは。 先日ng-japanにスポンサー企業として参加してきました、先生です。 本日は、すごくマジメに資料を作ったのに爆笑に包まれてしまったLTで発表した内容を、整理してお送りします。なぜ爆笑されたかについてはここでは語りませんので、直接聞くか動画をご覧ください。 One-time Bindingとは 「バインディングを1度しか評価しないようにする機能」です。 通常のバインディングは値が変更されると画面の値も変更されますが、One-time Bindingを使うと描画された以降は再評価されなくなります。 サンプルで実際の動作を見てみましょう。 One-time Bindingのシンプルな例 ソースは至ってシンプルです。 <div id="demo" ng-controller="RootCtrl"> <div>{{count}}</div><!-- いつものバインディング --
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
内容は TAKESAKO さんのエントリが詳しいです! http://labs.cybozu.co.jp/blog/takesako/2007/04/nicovideo.html 感想 プレゼンにニコニコ動画風のツッコミができる!斬新! 意外とサーバーの台数少ないんだなあ! SMILEVIDEO の通信費は半端じゃない!でも、会社全体から見たら気にするほどじゃないらしい!へー! コメントは CSV ファイルで管理。検索する必要ないから。割り切り大事だ! ニコニコ動画の最初のプロトタイプは三営業日で作ったらしい!すごい! ActionScript の逆コンパイルツールを自作して、他の Player のソースを読んだりしたらしい!すごい! ニコニコ動画モバイルがすごいよ!すごいよ! その他 発表者は k さんと s さんだったんですが。k さんはなんでも出来るかなりスーパーなバイナリアン様でし
サイト内にRSSフィードを読み込む方法はたくさんありますが、 jQueryを使って簡単に組み込めるプラグインがないか探したところ、 必要最低限の要素で組み込むことが可能となる理想のプラグイン 「zRSSFeed」に辿りついたのでここでも紹介してみます。 zRSSFeed – RSS Feeds Reader for jQuery zRSSFeed – RSS Feeds Reader for jQuery 上記ページからダウンロードできるプラグインファイルと併せて 実行させる為のIDをつけた<div>などを用意し、 スクリプトを実行するだけ。 実装方法のサンプルについて。 HTMLは下記の様に任意のID名がついたブロック要素を配置します。 ※今回のサンプルではID名を「feed」にします。 ◆HTML <div id="feed"></div> そして下記の様にID「feed」に対して、ス
今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference 外村 和仁(株式会社 ピクセルグリッド) 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
タグの概要・特徴 JavaScriptは、1995年にネットスケープコミュニケーションズ社のブレンダン・アイクによって開発された動的で高水準なプログラミング言語です。JavaScriptは主にウェブブラウザ内でのクライアントサイドのスクリプト言語として使用され、インタラクティブで動的なウェブページの作成に不可欠な技術です。 JavaScriptはオブジェクト指向、命令型、関数型プログラミングをサポートしており、非常に柔軟で多用途です。動的型付け言語であり、開発速度が速く、特にユーザーインタフェースやイベント駆動型プログラミングに適しています。JavaScriptのエコシステムには、多くのライブラリやフレームワークが含まれており、開発効率を大幅に向上させます。 主な用途としては、以下のような分野があります: フロントエンド開発: React、Angular、Vue.jsなどのフレームワークを
どうも、まさとらん(@0310lan)です。 今回は、ブラウザだけを使って簡単なWeb開発に挑戦し、オンライン上でゲームのスコアを友人・知人と競争できるようなWebランキング機能を実現してみたいと思います! 利用するサービスやツールは以下のとおり。(すべて無料) ・開発環境に、オンラインコードエディタの「Cloud9」 ・サーバー周りのバックエンドに「Milkcocoa」 ・CSSフレームワークとして「Milligram」 ・ゲームとして遊ぶテトリスに「Blockrain.js」 ・公開用サーバーとして「GitHub Pages」 これらを組み合わせれば、今すぐブラウザを開いて誰でも簡単に開発を始めることが可能です! ■開発の準備をしよう! まずは、開発を始める前に「GitHub」と「Cloud9」のユーザー登録を済ませておきましょう。 そして、「GitHub」のマイページから新しいレポジ
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデー
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
...psst! While Bower is maintained, we recommend using Yarn and Vite for front-end projects. Read how to migrate! Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you. Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue! Bower can mana
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く