Javascriptのcall/apply関数のプロっぽい使い方 〜 JSおくのほそ道 #014 - Qiita
こんにちは、ほそ道です。 今回からしばしJavascriptの基本的な処理と概念を整理していきます。 頻出でありながら詳細を忘れてしまいがちなものや、有効な使い方がわからなくなりがちなもの等をまとめていきます。 今回はcallとapplyを取り上げます。 目次はこちら 基本仕様 callもapplyもFunctionオブジェクトのprototypeであり、用法が良く似ています。 関数.call()や関数.apply()という実行の仕方となり、実際に処理されるのは呼び出し側の関数です。馴れないと直感的じゃないかもしれませんが、何度かやってるとすぐ馴れると思います。 基本１：thisを指定する 第一引数は関数内で参照されるthisとなり、無理矢理thisを変更出来ます。 なんでもできちゃうJavascriptらしい処理です。 下記の例ではcallとapplyは同じ動作となります。
Javascriptのcall/apply関数のプロっぽい使い方 〜 JSおくのほそ道 #014 - Qiita
こんにちは、ほそ道です。 今回からしばしJavascriptの基本的な処理と概念を整理していきます。 頻出でありながら詳細を忘れてしまいがちなものや、有効な使い方がわからなくなりがちなもの等をまとめていきます。 今回はcallとapplyを取り上げます。 目次はこちら 基本仕様 callもapplyもFunctionオブジェクトのprototypeであり、用法が良く似ています。 関数.call()や関数.apply()という実行の仕方となり、実際に処理されるのは呼び出し側の関数です。馴れないと直感的じゃないかもしれませんが、何度かやってるとすぐ馴れると思います。 基本１：thisを指定する 第一引数は関数内で参照されるthisとなり、無理矢理thisを変更出来ます。 なんでもできちゃうJavascriptらしい処理です。 下記の例ではcallとapplyは同じ動作となります。
文京区のほそ道 :: デイリーポータルZ
細くて、ずっと続いている道が好きだ。 それも、真っ直ぐすぎないほうがいい。家屋の間を抜ける、ほどよく曲がりくねった生活感のある路地がいい。道を歩いていて、脇道の路地にそういうのを見かけるたびに「おっ」と思っていた。 そしてそういう道はどうも文京区に多いと思うのだ。具体例をあげないと何のことやらだと思うので、いくつかをめぐって紹介したいと思います。 （三土たつお） ふつうの道と、ほそ道 味のある細い路地のことを、ぼくは「ほそ道」と呼んでいるのだけど、まずはそういう道を、ふつうの道と比較しながら紹介したい。
飲食店にとってお客さん、とりわけ「おなじみ」の存在はとても重要です。 そうした常連客の心をつかむお店には、どのような工夫があるのでしょうか。また、お客さんから見て、どんなお店が「通いたくなるお店」なのでしょうか。 今回お話を伺ったのは、『酒のほそ道』（通称・酒ほそ）などで知られる漫画家・ラズウェル細木さん。先生は25年以上にわたって「酒ほそ」で、酒と肴、そして酒場の人々を描き続けています。 そんな先生が「通いたくなるお店」とは？ 本インタビューでは「お店それぞれなので、一言では表現できない」と語っているものの、具体的なお店のお話から、明日の店舗運営に生かせるヒントがきっとあるはず。 インタビューの舞台となったのは、ラズウェル細木さんが長年通っている酒場「ふじよし」（東京・練馬）。聞き手はラズウェル細木さんの“飲み仲間”である酒場ライター・パリッコさんが務めます。 ※取材は、新型コロナウイル
こんにちは、ほそ道です。 今回はDOMネタです。 イベントのキャプチャとバブリングについて覚書をまとめて参ります。 また今回はv8での検証であり、レガシーなIEは対象外です。 レガシーなIEはイベント設定メソッド自体が違いますのでご注意くださいませ。 目次はこちら 入れ子なDOMのイベント発生順序制御 DOMが入れ子構造になっていてそれぞれにイベント(例えばClickイベント)が設定されていた場合 「このように動いてほしい」という期待はケースバイケースであると思います。 期待通りの処理になるようカッチリ制御しちゃいましょう。 addEventListenerの第三引数「useCapture」 例えば下記の様なHTMLがあったとします。 body内にdivが入れ子になっておりそれぞれにClickイベントが登録されています。 <html> <head lang="en"> <meta char
イマドキのJSテスト - テスト環境をモダンフロントエンドツール群で整備する編 〜 JSおくのほそ道 #032 - Qiita
こんにちは、ほそ道です。 今回はビルドツール・モジュールローダ・altJS(JSコンパイラ)を組み合わせてさらにテストコードのおくのほそ道に入り込んでいきます。 今回Gulp + Webpack + Karma + Jasmine + ES6を使用しますが、 GruntだったりBrowserifyだったりMochaだったりCoffeescriptだったりに置き換えても基本的な考え方は近しい感じになるかと思います。 あとはここにSPAフレームワークとかを組み合わせればいよいよモダンなテストコードになっていきますね。 目次はこちら 今回解決すること・設計方針 Webpackとテストコードを組み合わせる。なんかバンドルしたりごにょごにょやってるどこにテストを挟むのか？を解決する。 ソースコードもテストコードもES6で書く。babelないしはaltJSのコンパイルごにょごにょやってるどこにテストを
こんにちは、ほそ道です。 今回はMV**なフレームワークのひとつであるVue.jsを取り上げてみます。 さて、どこから手をつけたら良いものかと思案にくれた結果、序論や諸注意点をアレコレ展開する前にまずはビシバシと弄って、ヒジョーにシンプルなサンプルをいっぱい作って体にしみ込ませてみるのがイイんじゃないかと思いました。 ボリュームがあるので何回かに分け、今回はビューモデルを生成するパターンをまとめます。 「考えるな、感じろ」の精神でやった後にどう考え学習すべきかや、どう設計すべきかなどの私見は述べられたら良いなと思っております。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ザックリとしたVue.js概念 IE8以下には非対応 MVVMアーキテクチャにフォーカスしている MVVMとはモデル(
こんにちは、ほそ道です。 今回はFunction.prototype.bind関数を取り上げます。 このbind関数も前回のcall/apply関数同様、開発者の意図が反映される関数かと思います。 目次はこちら bind関数の仕様 bind関数はFunction.prototypeに属し、新たな関数を生成して返します。 下記で仕様を見ていきます。 その1：thisを強制変更する 第一引数は関数内で参照されるthisを置換えます。 // 人間 function Man(name) { this.name = name; this.greet = function() { console.log("Hello, my name is " + this.name); }; } // ネコ function Cat(name) { this.name = name; } // 人間の挨拶 var
ご挨拶 じぇいえすや 嗚呼じぇいえすや じぇいえすや 初めまして！ JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。 テーマはとしては 「JavaScript基礎のその奥へ！」 を掲げてやって参ります。 単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ 裏側(ソース)はなるべく見て周り、 「どのようなアーキテクチャによりそのモノが動いているのか」 もチェックしながら進めていきたいと思います。 1つのトピックで1~10位の投稿を予定しています 順不同に書き進めます もはや常識！？NodeJSの基本 非同期型イベント駆動とは イベントループの仕組みを探る モジュール＆npmのキホン Webサーバ＋アプリ構築が速すぎる件 Socket.ioで双方向通信チャットアプリを構築 ビルドツールの骨身に迫る Gruntとの上手な付き合い方 gulpと
![JSおくのほそ道 #000 [IndexPage] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ee62850a2ddb6452f9690579a2e1aabc99e1016/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SlMlRTMlODElOEElRTMlODElOEYlRTMlODElQUUlRTMlODElQkIlRTMlODElOUQlRTklODElOTMlMjAlMjMwMDAlMjAlNUJJbmRleFBhZ2UlNUQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI5NTFiYWRmYWUyNjcwZGUxNjYyNGRiNjE3ODFlMWEz%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Df5daf379096b6c08ddb5ee948ba159dd)
おくのほそ道・二十四節気をツアーTシャツにした
天気予報で立春、春分、夏至など季節を表す日を耳にする。 あれは1年に24つあり、二十四節気と呼ぶのだそうだ。 日付が並ぶ一覧を見ていて思った。バンドのツアースケジュールみたいじゃん。
こんにちは、ほそ道です。 前回のRequireJSに続きブラウザ環境におけるモジュール管理について。 今回はWebpackを用いてソリッドなサンプルを作りつつ、本質的な所を抽出できればと思います。 目次はこちら Webpackはじめの一歩 彼是言う前にまずやってみよう！ 下記のようなプロジェクト構成を作ります。
『おくのほそ道』深川と千住だけ紀行
だ。先に挙げた、わかりやすい俳句に比べたら、ちょっと意味が分かりづらい。 「代（よ）ぞ」などと大げさな言い方をしているけれど、これは家（草の戸、つまり芭蕉が住んでいた草庵）の住民が代替わりしたよ〜ぐらいの意味だ。 東北に旅立つにあたり、当時住んでいた草庵を引き払った後、新しく入居してくる家族に小さな女の子が居ることを知った芭蕉が、「おじさんひとりずまいのわびしいこの部屋の住民が代替わりして、小さい女の子も住み始めるらしい。そうすると、おそらく雛人形なんかも飾っちゃったりなんかしちゃって、華やぐな〜」という、気持ちをよんだ句だ。 よく、引っ越しする時に、家財道具を運び出してガランとなった部屋の写真に「#引っ越し #◯年間 #お世話になりました #おっさん一人暮らし #次は家族連れが住んだりして」などと、ポエムみたいなハッシュタグを付けてインスタグラムにアップする感覚に近い。 さて、その芭蕉が
ES6のconstを使い倒すレシピ2 - Object.freeze編 〜 JSおくのほそ道 #035 - Qiita
こんにちは、ほそ道です。 前回のconst前提共有編に続いて、今回から「どうやって予期しない値の状態変化を抑止するか」をやっていきます。 前回、constで宣言した変数は再代入ができないが、オブジェクトや配列などの子属性/要素が不意に変更されてしまう可能性をはらんでいる、という話をいれました。 今回はその対策の一つとして値を一切変更させない(凍結)手段についてやっていきます。 1.前提共有編 3.immutable.js編 4.コレクション一発代入/一発返却編 5.条件分岐一発代入/一発返却編 全体の目次はこちら
こんにちは、ほそ道です。 前回のRequireJSに続きブラウザ環境におけるモジュール管理について。 今回はWebpackを用いてソリッドなサンプルを作りつつ、本質的な所を抽出できればと思います。 目次はこちら Webpackはじめの一歩 彼是言う前にまずやってみよう！ 下記のようなプロジェクト構成を作ります。
ご挨拶 じぇいえすや 嗚呼じぇいえすや じぇいえすや 初めまして！ JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。 テーマはとしては 「JavaScript基礎のその奥へ！」 を掲げてやって参ります。 単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ 裏側(ソース)はなるべく見て周り、 「どのようなアーキテクチャによりそのモノが動いているのか」 もチェックしながら進めていきたいと思います。 1つのトピックで1~10位の投稿を予定しています 順不同に書き進めます もはや常識！？NodeJSの基本 非同期型イベント駆動とは イベントループの仕組みを探る モジュール＆npmのキホン Webサーバ＋アプリ構築が速すぎる件 Socket.ioで双方向通信チャットアプリを構築 ビルドツールの骨身に迫る Gruntとの上手な付き合い方 gulpと
[Node.js] Socket.ioで双方向通信チャットアプリを構築 〜 JSおくのほそ道 #005 - Qiita
こんにちはほそ道です。 今回はここまで学んだ技術、コールバック・イベント処理/モジュールの利用/HTTP通信を活用しつつ、 WebSocketによる双方向リアルタイム通信アプリケーションを作ってみます。 目次はこちら WebSocketについてはWikipediaにいい感じにまとまってますが ほそ道が感じた良さを一言でいうと 「ユーザアクション無しにサーバーからクライアントへのpush通信が可能となる」という事ですね。 指定時間にサーバからお知らせ等のアクションも可能となります。 チャットアプリケーションの実装 というわけで作ってみました。 非常にベタなんですが。。 チャットアプリケーションです。 今回はサーバ側とクライアント側の両方に実装が必要となります。 また、新しくWebSocketを実現する為の socket.ioモジュール が登場します。 アプリケーションの骨格が見えるよう、なる
![[Node.js] Socket.ioで双方向通信チャットアプリを構築 〜 JSおくのほそ道 #005 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c09f1ba8b7eb069ac973b30cf2c19e4fd25f9ea2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTm9kZS5qcyU1RCUyMFNvY2tldC5pbyVFMyU4MSVBNyVFNSU4RiU4QyVFNiU5NiVCOSVFNSU5MCU5MSVFOSU4MCU5QSVFNCVCRiVBMSVFMyU4MyU4MSVFMyU4MyVBMyVFMyU4MyU4MyVFMyU4MyU4OCVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU5MiVFNiVBNyU4QiVFNyVBRiU4OSUyMCVFMyU4MCU5QyUyMEpTJUUzJTgxJThBJUUzJTgxJThGJUUzJTgxJUFFJUUzJTgxJUJCJUUzJTgxJTlEJUU5JTgxJTkzJTIwJTIzMDA1JTIwJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hMDkxNDYyNWU4YjJjOTkxZTg1YjMwOTFkNWVjZjgxNQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D55191feea5b8214db1a055a3df17cc00)
こんにちは、ほそ道です。 今回はMV**なフレームワークのひとつであるVue.jsを取り上げてみます。 さて、どこから手をつけたら良いものかと思案にくれた結果、序論や諸注意点をアレコレ展開する前にまずはビシバシと弄って、ヒジョーにシンプルなサンプルをいっぱい作って体にしみ込ませてみるのがイイんじゃないかと思いました。 ボリュームがあるので何回かに分け、今回はビューモデルを生成するパターンをまとめます。 「考えるな、感じろ」の精神でやった後にどう考え学習すべきかや、どう設計すべきかなどの私見は述べられたら良いなと思っております。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ザックリとしたVue.js概念 IE8以下には非対応 MVVMアーキテクチャにフォーカスしている MVVMとはモデル(
こんにちは、ほそ道です。 現在ほそ道が携わっているプロジェクトチームではES6コードで開発をしておりまして、 変数定義はlet、constを使用しております。varは使いません。 さらにletは撲滅していき、すべてconst化していく方向性を共有しています。 今回は、let、constの挙動と、なぜconst化するのか、constの盲点について。 次回以降はどうconst化していくかのレシピを何回かに分けて紹介していきたいと思います。 2.Object.freeze編 3.immutable.js編 4.コレクション一発代入/一発返却編 5.条件分岐一発代入/一発返却編 目次はこちら let/constの挙動について varとlet/constの比較 重複定義 まずはvarについて。
こんにちはほそ道です。 今回はnodeでつくるWebアプリケーションについて細い道をまさぐっていきます。 目次はこちら プレーンなWebページ しのごの言う前にやってみましょう 下記のjsを作って実行してみます。 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello Hosomichi!\n'); }).listen(1337, '127.0.0.1'); それではブラウザでアクセスしてみます。 出ました。 Webアプリといっておきつつ、只のページになっちゃっている何も無いページですが軽く引くくらいの速さで作れます。 httpというモジュールをロードして、ポートをリスニングして
![[Node.js] Webサーバ＋アプリ構築が速すぎる件 〜 JSおくのほそ道 #004 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/57b55c9d5c97f7772a94b534059bc49c0105f619/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTm9kZS5qcyU1RCUyMFdlYiVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MCVFRiVCQyU4QiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFNiVBNyU4QiVFNyVBRiU4OSVFMyU4MSU4QyVFOSU4MCU5RiVFMyU4MSU5OSVFMyU4MSU4RSVFMyU4MiU4QiVFNCVCQiVCNiUyMCVFMyU4MCU5QyUyMEpTJUUzJTgxJThBJUUzJTgxJThGJUUzJTgxJUFFJUUzJTgxJUJCJUUzJTgxJTlEJUU5JTgxJTkzJTIwJTIzMDA0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYmJhMTY0MTk0N2VmMWUyZjFjODgwZDRjMjQ5NjQ1Mg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D259410f89ede7f958c4022e0386c7356)
こんにちは、ほそ道です。 今回も引き続きVue.jsのディレクティブを体で覚えます。 前回のビューモデル生成編同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ビューに記述するアレですね。 デザイナーさんは最低限ディレクティブさえ覚えておけば困る事はないはずです。 Vue.jsのディレクティブはデフォルトで「v-」という接頭辞がつきます。 それでは今回は気合いをいれて全部のディレクティブについてサンプルを作ってみたいと思いますので順繰りに見ていきましょう。 v-text DOM要素の内側をテキストノードとしてすべて書き換える {{property}}の形式もテキストノードとして変換さ
Node.jsではrequire('モジュール')という文法を使って機能拡張を行います。 ブラウザのJSでは<script>タグを使って外部JSを読み込んで利用する事ができますが、 こちらは外部ファイルを読み込んで使用するにはrequireを使用します。 組み込みでいくつかの コアモジュール と呼ばれるモジュール群が提供されています。 コアモジュールはインストール後はビルド済みのバイナリになっており、 いままでの記事で登場したfsやeventsはコアモジュールです。 ソースや一覧を確認する場合はgithubの./libを参照しましょう。 その１：簡単なサンプルモジュールのロード 早速、自作のモジュールを作り、ロードしてみようと思います。 下記のような構成です。main.jsがnode_modules/my_math.jsをロードします。
![[Node.js] モジュール&npmのキホン 〜 JSおくのほそ道 #003 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/69445452ca8b417a92b3033cab746aa178bafbfd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTm9kZS5qcyU1RCUyMCVFMyU4MyVBMiVFMyU4MiVCOCVFMyU4MyVBNSVFMyU4MyVCQyVFMyU4MyVBQiUyNm5wbSVFMyU4MSVBRSVFMyU4MiVBRCVFMyU4MyU5QiVFMyU4MyVCMyUyMCVFMyU4MCU5QyUyMEpTJUUzJTgxJThBJUUzJTgxJThGJUUzJTgxJUFFJUUzJTgxJUJCJUUzJTgxJTlEJUU5JTgxJTkzJTIwJTIzMDAzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02ZGUxZTJiY2E1MmFhMDYwNDkyODY3MTlhMzY3MzMwMA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dfd740ab312af344d027b13a86b507f5b)
jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }; jQuery.fn = jQuery.prototype = {}; init = jQuery.fn.init = function( selector, context ) {}; init.prototype = jQuery.fn; 関数やオブジェクトの中身は空にしていますが、これは実際のjQueryソースの構文を抽出したもので、これだけでも問題なく動作します。 それでは内容をチェックしていきましょう。 jQuery関数 ひとつ目の実行文から見ていきます。 jQuery関数は実行されると、自分が受け取った同じ引数をそのままnew jQuery.fn.initに渡して実行させています。 jQuery.f
お～い、かあさん。 なんですか～。 この前、お土産でもらった白河ラーメン、どこいったかなぁ～。 これですか。 そうそう、コレコレ。 ということで、今回のお昼ご飯は、「白河だるまラーメン」です。 あっ、ちなみに、冒頭の情景は、フィクションです。 （また、やってら🥱） 本日のメニュー（目次）🍜 白河ラーメン 調理と実食・感想 白河ラーメン みちのくの玄関口「白河関」。 昔から、多くの歌人が憧れた土地です。 元禄２年（1689年）春、「おくのほそ道」の旅に江戸を立った松尾芭蕉も、 ４月下旬に白河に到着し、 「心許なき日かず重なるままに、白河の関にかかりて旅心定まりぬ」 と旅への想いを詠んでいます。 （2018.12撮影 節約旅行 白河の旅） ※ところで、この写真、長方形なんですが、左辺が長く見えません？ 「錯視」って、やつでしょうか？ 不思議ですね🙄 白河は、「だるま」の産地としても有名で
奥のほそ道 作者: リチャード・フラナガン,渡辺佐智江出版社/メーカー: 白水社発売日: 2018/05/26メディア: 単行本この商品を含むブログを見る旧日本軍と大量の捕虜によって建設された泰緬鉄道は、コレラやマラリアの流行、休みなく続く過酷な労働状況と拷問による死者の多さから英語圏では〈死の鉄路〉の名で知られている。本書の著者であるリチャード・フラナガンの父はここで奴隷労働に従事してなんとか生還したうちの一人で、本書はそうした実体験を元に、〈死の鉄路〉建設に関わった人々の人生の様相を描き出していく長篇小説だ。地獄のような現場で何が起こっていたのか。そこから生還した時、人はどのように生きていくのか。 父親の実体験を元に描いているとはいえ、小説としてはそうした個人の体験談の範囲を大きく超えたものだ。時系列が複雑に前後しながら、奴隷の指揮官となって行動する外科医のドリゴ・エヴァンスを中心人物
ペットとして飼われながら野性的な一面も持ち続ける猫のように、自由さや野性、ユーモアなど、さまざまな顔を持つ「猫」を思わせる現代美術を集めた展覧会「ねこのほそ道」が、豊田市美術館で開かれている。五月二十一日まで。 現代美術作家六人と、建築家二人によるペアが出展。絵画をはじめ、展示室の一角をシステムキッチンのように仕立てた造形作品や、小石の表面の模様を布や木の板に転写して触って遊べる作品など、従来の価値観や概念に一石を投じ、ネコのような自由さを感じさせる七十点余が並ぶ。
大阪・中津商店街の書店・ギャラリー「シカク」（大阪市北区中津3）で現在、漫画「酒のほそ道」の作者・ラズウェル細木さんの原画展が開催されている。 「酒のほそ道」のカラー原画 飲兵衛漫画家やジャズ愛好家として知られるラズウェル細木さんは1956（昭和31）年、山形県米沢市生まれ。1983（昭和58）年に漫画家としてデビューし、2012年に第16回手塚治虫文化賞短編賞を受賞した。 代表作の「酒のほそ道」は、酒好きのバイブルともいわれるグルメ漫画。主人公のサラリーマン・岩間宗達（そうたつ）を通じて酒やつまみを紹介、飲み屋の一風景を描く。1994年に始まった同作は現在も「週刊漫画ゴラク」で連載中。単行本は40巻を数える。 会場では、「酒のほそ道」のほか、「う」「美味い話にゃ肴あり」「魚心あれば食べ心」などの作品から、作者が選んだ原画約24点を展示する。ラズウェル細木さんが原画展を開くのは初めて。唯一
こんにちは、ほそ道です。 今回も引き続きVue.jsのインスタンスメンバを体で覚えます。 前回まで同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら プロパティ $el Type: HTMLElement Read only ビューモデルと関連付いているDOMを指す。 <div id="sample" v-text="foo"></div> <script src="js/vue.js"></script> <script> var vm = new Vue({ el: '#sample', data: { foo: 'FOO', } }); console.log(vm.$el);
平泉は奥州藤原氏が繁栄を築いた地。兄・源頼朝に追われた義経は、藤原秀衡のもとに身を寄せる。しかし秀衡の次男・泰衡に襲われ30年の生涯を閉じた。芭蕉が訪ねる500年ほど前のことである。 義経の居城であった高館（たかだち）に登った芭蕉は、簡潔かつ雄大に、平泉の歴史と地勢を描写してみせる。 三代の栄耀（えいよう）一睡の中にして、大門の跡は一里こなたに有。秀衡が跡は田野に成て、金鶏山のみ形を残す。先、高館にのぼれば、北上川南部より流るゝ大河也。衣川は、和泉が城をめぐりて、高館の下にて大河に落入。泰衡等が旧跡は、衣が関を隔て、南部口をさし堅め、夷（えぞ）をふせぐとみえたり。偖（さて）も義臣すぐつて此城にこもり、功名一時の叢（くさむら）となる。「国破れて山河あり、城春にして草青みたり」と、笠打敷（うちしき）て、時のうつるまで泪を落し侍りぬ。 芭蕉が杜甫の影響を強く受けていたことは、広く知られている。奥
ゴン中山「現役復帰」の舞台裏 アスルクラロ沼津（２０１５年・秋）〜『サッカーおくのほそ道』より - スポーツナビ
１１月１６日、今季のＪＦＬを年間通算順位３位でフィニッシュしたアスルクラロ沼津のＪ３昇格が正式に認められた。地域に根ざした総合型スポーツクラブとして、Ｊリーグ開幕前夜の１９９０年に設立。それから２６年目にして、ついにＪクラブとなることに、クラブ関係者や地元サポーターは、さぞかし万感の思いを抱いていることだろう。 さて、沼津が３シーズンにわたって戦ってきたＪＦＬというリーグは、Ｊ１から数えて４番目という位置付けにあり、「アマチュア最高峰のリーグ」と呼ばれている。このカテゴリーには沼津のように、将来のＪリーグ入りを目指すクラブがある一方、今年の天皇杯で旋風を起こしたＨｏｎｄａ ＦＣのように、あえてＪリーグを目指さないクラブもある。この「Ｊリーグを目指すクラブ 目指さないクラブ」を長年にわたって追いかけたノンフィクション作品が、このほど発売された、宇都宮徹壱著『サッカーおくのほそ道』（カンゼン）
[Node.js] Socket.ioで双方向通信チャットアプリを構築 〜 JSおくのほそ道 #005 - Qiita
こんにちはほそ道です。 今回はここまで学んだ技術、コールバック・イベント処理/モジュールの利用/HTTP通信を活用しつつ、 WebSocketによる双方向リアルタイム通信アプリケーションを作ってみます。 目次はこちら WebSocketについてはWikipediaにいい感じにまとまってますが ほそ道が感じた良さを一言でいうと 「ユーザアクション無しにサーバーからクライアントへのpush通信が可能となる」という事ですね。 指定時間にサーバからお知らせ等のアクションも可能となります。 チャットアプリケーションの実装 というわけで作ってみました。 非常にベタなんですが。。 チャットアプリケーションです。 今回はサーバ側とクライアント側の両方に実装が必要となります。 また、新しくWebSocketを実現する為の socket.ioモジュール が登場します。 アプリケーションの骨格が見えるよう、なる
イマドキのJSテスト - karma + karma-html2js-preprocessorでブラウザ/DOMを絡めたUIテストを実行する編 〜 JSおくのほそ道 #031 - Qiita
イマドキのJSテスト - karma + karma-html2js-preprocessorでブラウザ/DOMを絡めたUIテストを実行する編 〜 JSおくのほそ道 #031JavaScriptjasminekarma こんにちは、ほそ道です。 前回のJasmineモジュールテストに引き続きテストを掘り下げていきます。 今回はUIテストをやってみたいと思います。前回分も読んでおいていただくと理解度シナジーが起こって良い感じになると思います。 目次はこちら 今回扱う範囲/扱わない範囲 まずはブラウザ上でJavaScriptを実行しJasmineと絡めて実行結果をテストします。 次にブラウザ上のDOMの状態(スタイル含む)をテストします。 今回のテスト内容にとりあえず遷移というかページ(リ)ロードは含めません。これが絡むと非常に厄介さが増すので遷移は別途取り上げたいと思います。 Karmaを実
jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }; jQuery.fn = jQuery.prototype = {}; init = jQuery.fn.init = function( selector, context ) {}; init.prototype = jQuery.fn; 関数やオブジェクトの中身は空にしていますが、これは実際のjQueryソースの構文を抽出したもので、これだけでも問題なく動作します。 それでは内容をチェックしていきましょう。 jQuery関数 ひとつ目の実行文から見ていきます。 jQuery関数は実行されると、自分が受け取った同じ引数をそのままnew jQuery.fn.initに渡して実行させています。 jQuery.f
var man = { firstName: '', lastName: '', get fullName() { return this.firstName + ' ' + this.lastName; }, };
var man = { firstName: '', lastName: '', get fullName() { return this.firstName + ' ' + this.lastName; }, };
「酒のほそ道」テレビ化決定！！ 酒と肴を求め続けて20年。 週刊漫画ゴラクの大人気呑兵衛コミック 「酒のほそ道（作：ラズウェル細木）」が、 遂にテレビ化！！！ 日時：9月29日（火） 放送局：BS朝日 放映時間・出演者などは決まり次第、「週刊漫画ゴラク」誌上、及びHPにてお知らせいたします。 続報をお待ちください！！
イマドキのJSテスト - テスト環境をモダンフロントエンドツール群で整備する編 〜 JSおくのほそ道 #032 - Qiita
こんにちは、ほそ道です。 今回はビルドツール・モジュールローダ・altJS(JSコンパイラ)を組み合わせてさらにテストコードのおくのほそ道に入り込んでいきます。 今回Gulp + Webpack + Karma + Jasmine + ES6を使用しますが、 GruntだったりBrowserifyだったりMochaだったりCoffeescriptだったりに置き換えても基本的な考え方は近しい感じになるかと思います。 あとはここにSPAフレームワークとかを組み合わせればいよいよモダンなテストコードになっていきますね。 目次はこちら 今回解決すること・設計方針 Webpackとテストコードを組み合わせる。なんかバンドルしたりごにょごにょやってるどこにテストを挟むのか？を解決する。 ソースコードもテストコードもES6で書く。babelないしはaltJSのコンパイルごにょごにょやってるどこにテストを
2015-02-21 【読書メモ】『酒のほそ道』宗達流 日本酒入門 読書メモ（食関連） スポンサーリンク 『酒のほそ道』宗達流 日本酒入門 作者: ラズウェル細木 出版社/メーカー: 日本文芸社 発売日: 2014/09/25 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 今年の目標の１つが自分が「美味しい」と思うものの中から１つでいいのでしっかり勉強して専門性を身につけていきたい、というということ。その中でも特にいま興味があるのが「日本酒」。東北に住んでいた時にはまり、さらに先日気仙沼で酒蔵見学をしたことで、実際に日本酒を作っている人が持っているこだわりや想いを直に聞くことでますます好きになった。 そんな日本酒、飲んでいるうちになんとなくな知識が増えてきたけれど、改めて初歩の初歩から学ぼうと本屋さんを歩いている時に目をしたのがこの本。 -「冷や」と「冷酒」の違い -「甘
私はかなりゲンキンな人間なので、仕事上での失敗が一度も無いまま帰宅すると「はははは、今日もご飯とビールが美味しっ（゜∀゜）！」と晩ご飯を心行くまで貪れるのですが（悲しい事に、そんな日は月に数えるくらいしかありません…）、大失敗を起こした日は「私は何てダメ人間なんだろう…」と比較的食が細くなります。その為、そんな時はおいしそうな料理が出てくる番組を見て強制的に食欲を湧かせています；。意外にも、グルメ番組ではない「帰れま１０」が見ててなかなかお腹がすきます。 どうも、油断して食べたローソンの「プレミアム黒蜜ときな粉のロールケーキ」のきな粉の香ばしさ、黒蜜クリームのすっきりした甘みに感動した管理人・あんこです。 本日再現する漫画料理は、『酒のほそ道』にて岩間さんの上司・前田課長が休日に家族サービスの為に作ろうとした“カキカレー”です！ 前田課長とは、主人公・岩間宗達さんを始めとする同じ部署の部下
僕の好きなマンガに酒のほそ道という作品があります。 １９９４年から週刊漫画ゴラクにて連載中で、今も続いています。 主人公の岩間宗達が、仕事帰りや一人で飲む様子が描かれているのですが、様々なうんちくを垂れ流しながら、こだわりを見せて飲んでいる様子がとてもおもしろい。 同じようなマンガが他にもたくさんありますが、酒のほそ道は飲んべえがやらかすことを、的確に描いていて共感を持ってしまいます。 似た漫画ではワカコ酒も好きかな。 主人公が女性だけど、こちらも共感してしまう。 いいキャラなんだけど、たまにイラっとする事もよくします。 おそらく作者であるラズウェル細木さんの持論が、ふんだんに散りばめられているんだろうと、読んでいると伝わって来ます。 で、それがまた小気味いい。 ヒロイン？に三浦かすみという登場人物がいます。 彼女は、宗達のよき理解者で辛辣な時もあるけど、鈍感な主人公として描かれているから
見るのはつらい、だが見ずにいるのはもっとつらい。 ――リチャード・フラナガン『奥のほそ道』 生きて、死んで、そしてまた 突き詰めていけば私の関心ごとは、生と死とそれら不可避の事象をめぐる感情であるように思う。私の心をえぐり爪痕を残していく文学は、それぞれの作法で生と死を鮮やかに描いている。 文学においてはしばしば、生と死はスイッチのように切り替わるものではなく「同時に存在しうるもの」として描かれる。 生きている、生きているが死んでいる、死んでいるが生きている、いちど死んでまた死ぬ。極限状態であるほど生と死の境界はあいまいになり、どろどろに溶けて判別不能になっていく。 この泥沼の境界、血と涙と脳髄の入り混じる混沌からうまれてくる文学がある。 奥のほそ道 作者: リチャード・フラナガン,渡辺佐智江 出版社/メーカー: 白水社 発売日: 2018/05/26 メディア: 単行本 この商品を含むブ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
酒場の達人『酒のほそ道』作者・ラズウェル細木さんが「通いたくなる店」 - おなじみ丨近くの店から、なじみの店へ。
DOMイベントのキャプチャ/バブリングを整理する 〜 JSおくのほそ道 #017 - Qiita
体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita
Javascriptのbind関数と部分適用 〜 JSおくのほそ道 #015 - Qiita
JSおくのほそ道 #000 [IndexPage] - Qiita
モジュール管理、だけじゃない-Webpack入門 〜 JSおくのほそ道 #029 - Qiita
モジュール管理、だけじゃない-Webpack入門 〜 JSおくのほそ道 #029 - Qiita
JSおくのほそ道 #000 [IndexPage] - Qiita
体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita
ES6のconstを使い倒すレシピ1 - 前提共有編 〜 JSおくのほそ道 #034 - Qiita
[Node.js] Webサーバ＋アプリ構築が速すぎる件 〜 JSおくのほそ道 #004 - Qiita
体で覚えるVue.js - ディレクティブ編 〜 JSおくのほそ道 #023 - Qiita
[Node.js] モジュール&npmのキホン 〜 JSおくのほそ道 #003 - Qiita
jQuery拡張の仕組み 〜 JSおくのほそ道 #013 - Qiita
主夫のお昼ご飯。 「白河だるまラーメン」 ～おくのほそ道 - 60歳からの節約ライフ（プチ贅沢）
一篇の詩のような戦争文学──『奥のほそ道』 - 基本読書
美術界に一石、猫のような自由さを 豊田市美術館で「ねこのほそ道」：中日新聞Web
大阪・中津で「酒のほそ道」ラズウェル細木さん初原画展
体で覚えるVue.js - インスタンスメンバ編 〜 JSおくのほそ道 #024 - Qiita
芭蕉名句選｜文藝春秋｜雑誌 [web連載]｜オール読物｜「居酒屋おくのほそ道」
jQuery拡張の仕組み 〜 JSおくのほそ道 #013 - Qiita
JavaScriptのGetter/Setter 〜 JSおくのほそ道 #018 - Qiita
JavaScriptのGetter/Setter 〜 JSおくのほそ道 #018 - Qiita
「酒のほそ道」BS朝日にて特別番組放映のお知らせ｜日本文芸社
【読書メモ】『酒のほそ道』宗達流 日本酒入門 - ウォーキングと美味しいもの
『酒のほそ道』の“カキカレー”を再現！ - 本がないならブログをお読み
飲んべえなら誰もが共感する漫画酒のほそ道【お酒あるあるがいっぱい】
『奥のほそ道』リチャード・フラナガン｜ 生きながらに死に、死にながら生きる - ボヘミアの海岸線