JavaScriptの「継承」はどう定義されるのか？　仕様書を読んで理解する - Qiita

2020/01/13 16 users Qiita prototype extends 継承 概念

継承は、クラスベースのオブジェクト指向における基本的な概念のひとつであると信じられています。JavaScriptにもES2015以降はclass構文があり、extendsを用いてクラスの継承を記述することができます。また、それより以前もprototypeを通じてオブジェクト指向的なプログラムが書かれてきました。 この記事では、JavaScr... 続きを読む

CarloでNode.jsのツールにUIをもたせる - Qiita

2018/11/03 95 users Chromium Qiita Carlo ライブラリ メモ

先日、GoogleがCarloというライブラリをリリースしました。 https://github.com/GoogleChromeLabs/carlo 少し気になったので、軽くメモを残しておきます。 Carlo is 何 CarloはChromiumを画面描画エンジンとして動作するNode.js アプリケーションフレームワークです。 Node.js、ChromiumともにV8が動作するため、JavaScr... 続きを読む

プログラミング入門者向け、JavaScriptを基礎から学べるサイト7選 - paiza開発日誌

2017/08/28 52 users paiza開発日誌 基礎 JavaScript たいてい 言語

2017 - 08 - 28 プログラミング入門者向け、JavaScriptを基礎から学べるサイト7選 プログラミング初心者 プログラミング学習 プログラミング Photo by Christiaan Colen 使いこなせればたいていのことができるようになる――。なかなか奥が深い言語です。 これからプログラミングを始めたい、もしくは今までとは違う開発言語を勉強したいという方には、 JavaScr... 続きを読む

jQueryでブログ内にオシャレな地図を表示したいんじゃ - プロクラシスト

2017/07/28 33 users jQuery hesocha プロクラシスト オシャレ 地図

2017 - 07 - 28 jQueryでブログ内にオシャレな地図を表示したいんじゃ スポンサーリンク こんにちは、ほけきよです。 先日へそちゃさん( id:hesocha )がステキな固定ページの使い方を紹介してました。 www.hesocha.com おっ、これは良い。 と思い、導入を検討。 今回は、 (わかれば)自分でいろいろといじることが出来る オシャレ という理由から、 javascr... 続きを読む

Angular座談会（前編）。コンポーネントの設計はどうする？ モジュール分割の方法は？ ビルド遅くない？ 開発者が生々しく語る現場の悩みとは。ng-japan 2017 － Publickey

2017/06/25 69 users Publickey angular ng-japan 設計

Angular座談会（前編）。コンポーネントの設計はどうする？ モジュール分割の方法は？ ビルド遅くない？ 開発者が生々しく語る現場の悩みとは。ng-japan 2017 JavaScriptフレームワークとして知られるAngularのイベント「 ng-japan 2017 」がAngular Japan User Group主催で6月17日に都内で開催されました。 AngularはJavaScr... 続きを読む

WebアプリケーションのE2EテストをGoで書く - oinume journal

2016/12/19 72 users oinume journal Webアプリケーション

2016 - 12 - 18 WebアプリケーションのE2EテストをGoで書く Golang これは Go Advent Calendar 2016 の18日目の記事です。今回はGoでE2Eテストを行うためのライブラリ agouti について書きます。 GoでE2Eテストを書く理由 WebアプリケーションのサーバーサイドをGoで書いている場合、GoでE2Eテストを書くメリットとして JavaScr... 続きを読む

ECMAScriptの仕様策定に関するカンニングペーパー | Web Scratch

2015/10/17 96 users ECMAscript カンペ カンニングペーパー セッション

ECMAScriptのカンペ ECMAScript関係についてざっとみるカンニングペーパー 2015年10月18日の次世代 Web カンファレンスでstandardizationのセッションで議論に参加するらしいのでそれのカンペです。 ここに書かれている情報は2015年10月17日現在のものです。 ECMAScriptとは? Ecma Internationalによって標準化されてるJavaScr... 続きを読む

JavaScript難しいから助かる。JavaScriptのデバッグのコツと技 | プログラミング | POSTD - mobile hack 楽しい生活情報を携帯しよう

2015/09/05 60 users POSTD デバッグ プログラミング mobile hack

2015-09-05 JavaScript難しいから助かる。JavaScriptのデバッグのコツと技 | プログラミング | POSTD JavaScript debug programming JavaScriptのデバッグのコツと技 | プログラミング | POSTDpostd.cc mobile_hack 2015-09-05 11:00 JavaScript難しいから助かる。JavaScr... 続きを読む

シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ

2015/07/01 798 users プロファイラ プロファイリング Webアプリケーション 方法

2015-07-01 シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か JavaScript あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScr... 続きを読む

JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT

2014/05/09 451 users SVG VIERA MANA-DOT CSS リモコン

2013-10-09 JavaScriptで変な形のクリック領域を作るとき、svgが便利 JavaScript プログラミング 昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvgをhtml中に埋め込んで、更にそのsvgにcssでスタイルを当てたり、JavaScr... 続きを読む

いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜 | 株式会社LIG

2014/04/29 351 users 株式会社LIG 環境構築編 タンク node.js エンジニア

こんにちは、エンジニアなのにダンクが出来ないのびすけです。今月から記事を書かせていただきます。 さて皆さん「Node.js」って知っていますか？僕も最近Node.jsの勉強を始めたので「Node.jsを使ったことがないけど使ってみたい」と思っている人に向けて、Node.jsの入門的な内容を紹介したいと思います。 Node.jsとは 一言で言うとアツいJavaScriptです。 通常、JavaScr... 続きを読む

TypeScriptの型定義ファイルを共有しよう！ - Qiita

2014/04/04 72 users vvakame Qiita TypeScript ワカメ 普及

こんにちは、株式会社トップゲートのわかめ(@vvakame)です。 TypeScript 1.0がリリースされ、大変喜ばしい限りです！ 安定版がリリースされたので、これから普及にはずみが付くでしょう。 TypeScriptはJavaScriptのスーパーセットです。 そして、TypeScriptは静的型付け言語です。 ところが、JavaScriptは動的型付け言語なんですね。なので、JavaScr... 続きを読む

ランディングページで効果的な動きを演出する jQueryエフェクト７つ＋１ | LPO研究所

2013/11/12 79 users LPO研究所 ランディングページ ヒートマップ 箇所 とおり

ランディングページに「ちょっとした動き」をつけたほうがいいんじゃないか・・・そう思ったことはありませんか。 まずは下記の事例をご覧ください。 これは弊社ランディングページで、「成功事例紹介」に動きをつけた箇所のヒートマップをクリックテールで計測したものです。ご覧のとおり、動きがある箇所はそうでない箇所よりも明らかに注目度が高くなっていることがお分かりになるかと思います。 このように、JavaScr... 続きを読む

デザイナーができるWebサイト高速化！JavaScript/CSS圧縮ツール厳選10個 | Find Job ! Startup

2013/07/21 403 users Startup CSS Find Job 圧縮 目次

Webサイトを……速くしたい……！ それは人類共通の願い。とりわけ自分のWebサイトが重いと気が気じゃありません。今回はデザイナーの方もブラウザで簡単に高速化できるJavaScript/CSSの圧縮ツールをご紹介します。 目次 １.JavaScript/CSS圧縮ツール × 4種 ２.JavaScript圧縮ツール × 4種 ３.CSS圧縮ツール × 2種 そもそも圧縮って何……？ JavaScr... 続きを読む

JSON - を node の Stream で整形する - Block Rockin’ Codes

2013/04/04 34 users JSON stream Codes node JSON

json, stream, node.js introちょっと反応が遅れてしまいましたが。 404 Blog Not Found:JSON - をnodeで整形する こちらの記事は Stream 厨として見逃す訳にはいきませんでした。 motivationJSONは本来JavaScriptから生じたものだからどうせならJavaScriptでやりたいしまあ、 JSON ですしね。 そのJavaScr... 続きを読む

tacamy.tumblr — 書評 : ノンプログラマのためのJavaScriptはじめの一歩

2012/11/15 13 users hokaccha 書評 ノンプログラマ とおり プログラム

@hokaccha 著の「ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)」を読ませていただいたので、JavaScript超初心者目線での感想を。 対象読者 この本のタイトルに「ノンプログラマのための」「はじめの一歩」というキーワードがあるとおり、プログラムの類に一切触れたことがない人でも分かるように、初心者目線で書かれています。 でも「JavaScr... 続きを読む

任意の要素数の密な配列を生成するスニペット - すぎゃーんメモ

2012/10/15 11 users すぎゃー 配列 スニペット Dumper fuga

Node.js, JavaScriptPerlだと、 use Data::Dumper; my @hoge = ("fuga") x 5; print Dumper \@hoge; __END__ $VAR1 = [ 'fuga', 'fuga', 'fuga', 'fuga', 'fuga' ]; みたいな感じでx演算子を使って任意の個数の密な配列を簡単に作ることができるのだけど、JavaScr... 続きを読む

NodeJS でサクッと圧縮! JavaScript 圧縮ライブラリ『UglifyJS』の使い方 | TM Life

2012/10/01 45 users nodeJS 勃発 圧縮ライブラリ 圧縮 昨今

最近, JavaScript で開発!!って機会増えてませんか？ 一昔前まではセキュリティがあまいわ速度も遅い, その上それぞれのブラウザによる独自実装のせいでうんち言語扱いされていた JavaScript. ですが昨今, HTML5 の普及, 仕様の統一化, ブラウザ戦争の勃発による JavaScript 実行エンジンの高速化で十分実用できる言語として普及しつつあります. そんな JavaScr... 続きを読む

新しい時代の幕開けか。クラウド向けWebアプリケーション開発用プログラミング言語「Opa」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/09/12 50 users Opa 栄枯盛衰 MOONGIFT スケーラブル 幕開け

しかし常に人気が高い状態が続く訳ではない。栄枯盛衰、時代は常に変わらなければならない。今回紹介するのはWebアプリケーション開発用プログラミング言語として登場したOpaだ。 0 OpaはPHPと同じくWeb向けに特化したプログラミング言語だ。主に3つの特徴があり、シンプル、セキュアそしてスケーラブルだ。HTMLタグとOpaの変数とを区別せずに書けてしまう。コールバックを使って書くのでJavaScr... 続きを読む

JavaScriptやCSSの外部ファイルに手を加えサイトの表示速度を改善する3つの方法｜Webpark

2011/05/10 38 users Webpark ヘッダー 改行 CSS スクリプト

色々スクリプトを設置してヘッダーがJavaScriptやCSSの外部ファイルでいっぱいになっていることはありませんか?外部ファイルが多くなればもちろん表示速度への影響も大きくなります。 サイトの表示速度はGoogleの検索順位にも反映されますし、そもそも訪問者のことを考えると少しでも表示速度は速い方がいいですね。 JavaScriptやCSSファイルを軽量化する 空白や改行をなくしてJavaScr... 続きを読む

[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法 | コリス

2010/04/26 354 users コリス jQuery Opera Webkit系 CSS

対応ブラウザはFirefoxのMozilla系、Safari, ChromeのWebkit系、Operaの最新バージョンでサポートしています。 IEはIE9を含み、現在のところ非対応とのことです。 JavaScriptで実装 IEを含むすべてのブラウザに対応させたい場合は、これらの方法がおススメです。 jQueryでブラウザの幅を判別して、適したスタイルシートにします。 デモページ：JavaScr... 続きを読む

Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳

2007/12/27 458 users jQuery エントリ ネタ帳 きっかけ ニュータイプ

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScr... 続きを読む

ブラウザ上で画像やテキストを自由に編集する方法 | P O P * P O P

2007/01/22 274 users テキスト P O ブラウザ上 Apprentice 画像

ブラウザ上で画像やテキストを自由に編集する方法 January 22, 2007 11:22 AM written by 100SHIKI Apprentice ご存知の方も多いかと思いますが、ご存知ない方のためにちょっとしたTipsをご紹介。Internet Explorer5.5以上限定ですが。 Webサイトをブラウザ上で自由に編集できてしまうテクニックです。やり方は簡単。下記のJavaScr... 続きを読む