JavaScriptをネタにした面白いマンガがありました。 www.comico.jp 結構話題になっていたみたいですねｗ nlab.itmedia.co.jp 作者の村田川さん 村田川 (@muratagawa) | Twitter mrtgw.me 村田川さんの作品 omocoro.jp 「ドンジニア」（ドジなエンジニア？）もシュールなかんじで結構オモロイですｗ マンガでわかるJavaScript 作者: クロノス・クラウン柳井政和 出版社/メーカー: 秀和システム 発売日: 2015/04/14 メディア: Kindle版 この商品を含むブログを見る

オモコロでは漫画を、洞窟では壁画を描いてます。千葉県民歴20年のベテランなので、千葉のことは何でも聞いてください。県知事に。あとジャズが好きなので、ジャズのことはなんでも聞いてください。サッチモに。

「comico」に投稿されたJavaScript解説漫画がすばらしいと、読者のココロをぐわしゃとつかんでいます。なにがすばらしいって、まずタイトル。「マンガ」「JavaScript」「わかる」の文字が太く大きく書かれているので、つい「マンガでわかるJavaScript」と誤読してしまうのですが小さな文字まで全て読むと「マンガでJavaScriptがわかると思っているのかお前は」というタイトル。なんと秀逸なタイトル……なんかごめんなさい。 1ページ目を開くと、はじめに「どうしてお前がこんなものを読もうと思ったのかがわからない。」と怒られるところから始まります。「考えてもみろ。『マンガでわかる』なんて生ぬるい解説書で、その分野の本質を学べると思うか？」――あああああごめんなさいごめんなさいごめんなさい！ 読み進めていくと、途中で水やジュース（？）を飲みながら毒を吐……ではなく、親切丁寧にJav

某イカゲームの公式サイトなどでやってる手法です。 同じ件に遭遇するだろう同士の為にサンプル含めてメモっておきます。 See the Pen YouTube Background by Tenderfeel (@Tenderfeel) on CodePen. サンプルをjsdo.itからCodePenに移動 利用するAPIは　YouTube IFrame API です。 この公式のサイトにAPIを利用して動画を表示するサンプルがあるんで、それを適当にコピペすれば基本的な表示はできる感じになってます。 以下からは段階を追って冒頭に載せたCodePenのソースを適当に解説しています。 公式のリファレンス見てもよく分かんないという方向けです。 2018年9月25日以降の挙動について 以下2点の大きな変更があり、YouTube動画を背景に設定して利用することは実質できなくなっています。 showin

JavaScriptの学習メモ。 今日は「開眼！JavaScript」の第1章を読んでみます。 jsstudy.hatenablog.com 1.1　オブジェクトの生成 オブジェクトとは何か？ オブジェクトの初期化方法 オブジェクトにプロパティを追加 オブジェクトにメソッドを追加 Stringオブジェクトの生成 コンストラクタ関数とは？ コンストラクタ関数の作り方 自作コンストラクタ関数の使いどころ JavaScriptの特徴 まとめ 1.1　オブジェクトの生成 (p.1) JavaScriptの世界では、オブジェクトが王様です。 この世界では、ほぼすべてがオブジェクトそのものか、もしくはオブジェクトのようにふるまいます。 オブジェクトを理解すると、きっとJavaScriptを理解できることでしょう。 まずはJavaScriptのオブジェクト生成方法を調べてみましょう。 オブジェクトは、名

JavaScriptで学ぶ「関数型プログラミング」の本がありました。 「JavaScript関数型プログラミング」という本です。 本屋で立ち読みしたら、面白そうだったので買っちゃいましたｗ JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ (impress top gear) 作者: Luis Atencio,株式会社イディオマコムニカ加藤大雄 出版社/メーカー: インプレス 発売日: 2017/06/09 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 目次 ■Part1　発想の転換とキーコンセプト 第1章　関数型で思考する 第2章　関数型言語としてのJavaScript ■Part 2　関数型のデザインとコーディング 第3章　データ構造の数を減らし、操作の数を増やす 第4章　モジュール化によるコードの再利用 第5章　複雑性を抑えるデザインパター

こんにちは、@yoheiMuneです。 React.jsでの開発は飽きたなーと思い、次はVue.jsに手を出し始めました。今日はVue.jsがどんなものかをふんわりと理解できる、ハローワールド的なところをブログに書きたいと思います。 目次 Vue.jsとは Vue.js（日本語はこちら）は、フロントエンドJavaScriptのライブラリの1つで、画面描画を行うために使うライブラリです。似たようなものに、Angular.jsやReact.jsやWebComponentなどがありますが、それらと同じく画面描画を行うことができます。 他のライブラリと違うところは「軽量である & 学習コストが低い」というところかなと感じています。使うと分かりますが、非常に楽チンに物事を進めることができます。ということで、これからの案件で使おうと思っている次第です。 あと、公式の日本語サイトが非常に充実しているとい

久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？  モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは

WebRTCは、ブラウザや専用アプリ同士でリアルタイムに映像、音声、データを送受信できる画期的な新技術です。SkyWayを使えば、サーバを準備することなく簡単に、WebRTCを使ったアプリが開発できます。

未来の自分のためのメモです。 仕事でやってないせいですぐ忘れるし、都度思い出すの大変なので・・。 ただまぁだいたいの人はSkyWayとかEasyRTCとか何かしらのライブラリを使うはずで、そういう人たちにはあまり関係ない内容かも。 生のjsでWebRTCを書くときに、先に知っておきたかった系のメモです。 素人ではないがベテランでもない、そんな微妙な知識レベルだと思います。 まだ枯れた仕様ではないので、記事を読む時は日付に注意してください... WebRTC is 何 WebでRealTimeCommunicationできる仕様 もといクライアントどうしでP2Pで通信できる仕様やそのAPI群 See WebRTC Home | WebRTC 仕様まわり WebRTC 1.0: Real-time Communication Between Browsers Identifiers for W

JavaScriptの学習で、「開眼！ JavaScript」という本を読んでみます。 jsstudy.hatenablog.com 学習のポイント 学習のポイント この本は、わりと薄くてページ数が少ないので、読むだけなら２～３日で読めます。 この本の内容は、「付録A レビュー」にまとめられています。 なので、先にこの部分を見て、何が学習のポイントか？押さえておきたいです。 (p.163) 付録A　レビュー 本書を読んだ結果、あなたが学んでいるはずのポイントを次に列挙しています。 それぞれのポイントを読んで、わからないポイントがあれば、解説しているそれぞれのトピックに戻ってください。 (1) オブジェクトは、名前を与えられたプロパティとその値によって構成される。 (2) JavaScriptでは、ほぼすべてがオブジェクトのようにふるまう。 オブジェクトはもちろん、プリミティブ値もオブジェク

JavaScriptの学習メモ。 今日は『確かな力が身につくJavaScript「超」入門』の第５章を読んでみます。 jsstudy.hatenablog.com 5.2 プルダウンメニューで指定ページへ サンプルコード 実行結果 querySelectorメソッド 書式：CSSセレクタで要素を取得する querySelectorメソッドの使用例 CSSセレクターとは？ DOMとは？ HTMLタグのブール属性の変更 ブール属性とは？ プルダウンメニューでonchangeイベントが発生するタイミング 別ページのジャンプ 書式：URLを書き換える（新しいURLを指定する） まとめ 5.2 プルダウンメニューで指定ページへ (p.200) 別のページに移動するためにURLを書き換えること。 HTMLの操作で、フォーム関連のタグでよく使われるブール属性の設定や、id属性のないHTML要素を取得する

JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。 袋小路です！ 何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。もはやどうしていいか分からず、虚空を見つめたくなります。ひとり闇の中にいるように感じて、だんだん腹が立ってきます。 こんなときの自然な反応は、コードの品質を落とし、邪魔なものを全部捨て去ることです。コードのあちこちにprintをちりばめて、なにかうまくいくことを祈るわけです。これでは暗闇で的を狙うようなもので、望み薄なことが分かるでしょう。 よくある話だと感じたのではないでしょうか。今までに数行以上

「RxJS」（Reactive Extensions for JavaScript）に関するメモ。（随時更新予定） RxJSは、JavaScriptで「関数型リアクティブプログラミング」（FRP, functional reactive programming）を行うためのライブラリーです。 情報源 検索 公式サイト ネットの記事 2017年 2016年 2015年 2014年 2010年 書籍 考察 情報源 「RxJS」に関するGoogle検索、公式サイト、ネットの記事、書籍などのまとめ。 検索 RxJS - Google 検索 公式サイト ReactiveX RxJS API Document GitHub - Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript ネットの記事 2017年 (2017/02/1

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今更ながら、比較というか、意見を述べる。ただの自己満足と私的見解。 誕生の歴史的経緯 それぞれの言語が作られた経緯と目的を知ることは、その言語を使う意味で重要であると思う。 Perl前の時代 Perl前の時代、世の中にはC言語のようなコンパイル言語しかなく、コンパイルせずに処理ができるのはシェルやsedやawkぐらいしかなかった。ちょっとしたテキストを自動的に処理したいが、C言語とかで本格的に作成するような物ではないとき、人はみんな、シェルスクリプトとしてUNIXのコマンドを並び立てて処理していた。sortやtestなどの便利なコマンド

JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、JavaScriptの難易度は12ぐらいあると思います。このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。初級者1のための物ですので、わかってやっている人に好きにやってください。 このコーディングガイドは絶対に従わなければならないものではありません。私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。 禁止編 JavaScriptには安易に使用してはいけない機能があります。下記の機能は、**それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、**使用してはいけません。 ==、!= ==と!=を使用してはいけません