プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法
プログラミング初心者のための JavaScript と Node.js の歴史、それを踏まえた勉強方法 2020年でJavaScript学ぶならきっとブラウザ向けJSガン無視していきなり初手node.js（ただし暫く何も足さない）がいいんじゃないかというメモ - min.t (ミント) Node.js を教えることについて、自分は賛成なんですが、その学習パスが整理されてないなと思っていたのと、学習パスがなぜ整理されていないかについて書きます。 はじめに 問題意識として、今のプログラミングスクールや独学勢が Ruby on Rails に偏っていて、 Node.js の人間としては、歯がゆく感じているんですが、実際 Node.js を教えるとしても問題も多いと認識しています。 歴史の話は、当時の実情や政治を省いて結果だけを書きます。具体的には第一次ブラウザ戦争、第二次ブラウザ戦争を言及しませ
写経でJavaScriptを習得できる？ 話題の「ぷよぷよプログラミング」に親子で挑戦してみた
写経でJavaScriptを習得できる？ 話題の「ぷよぷよプログラミング」に親子で挑戦してみた（1/4 ページ） 2020年4月から小学校でプログラミング教育が必修化された。既存の算数や理科といった科目の中で、物事を論理的に考えるプログラミングの要素を取り入れていくことになる。25年には大学入学共通テストでも、プログラミングなどを扱う「情報I」が科目として追加される予定だ。 こうした背景から、数年前から小中学生を対象としたプログラミング教材が多く登場している。その中の1つ、6月25日にセガが発表した「ぷよぷよプログラミング」（以下ぷよプロ）は、子どもから大人までなじみのある対戦アクションパズルゲーム「ぷよぷよ」を使った無料のプログラミング教材だ。コーディングで「ぷよ」を動かせるようにし、ゲームを完成に近づけていく。 必要なものは“気合い” ぷよプロはぷよぷよのソースコードをそのまま書き写す
JavaScript基本概念最速マスター - TechTalkManiacs
プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基本概念 JavaScriptの基本となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています
mrs.suzu841.com管理人の覚え書き, 雑多なサイトです。一時更新休止のお知らせ
2024 年 10 月 27 日 いつも当サイトをご訪問いただき、ありがとうございます。 タイトルにも記載のとおり雑多なサイトを自認しておりますが、suzu841.com 以前からのコンテンツを20年も継ぎ足し続けたため、さすがに雑多になりすぎたようです。 いつのまにかCSSスタイルシートは、何がなんだかわからなくなり、ふと見ればページの統一感は皆無…。 何書いたんだっけ、でリンクをたどると、これいったいいつの話？なんて古い記事が出てきたりします。 そこで一旦過去のコンテンツをすべて回収し、あらためてスタイルシートを書き直すなどしつつ、今後のサイト運営を検討したいと思います。管理人の現況などは残しておくつもりですが、あっちこっち通院しながらですからねえ、しばらく更新は滞りそうです。 皆様とぜひまたサイト上でお目にかかりたく存じますが、現時点では再開の見通し不明です。どうぞあしからず。皆様も
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
【ハウツー】ゼロからはじめるslideViewer - 画像をスライド表示できるjQueryプラグイン (1) slideViewerとは? | パソコン | マイコミジャーナル
slideViewerは、Ajaxライブラリ「jQuery」のプラグインとして機能する画像スライドライブラリです。 slideViewerはサムネール画像が不要で、表示する画像の番号が自動生成されます。枚数がやや多い画像を表示するような場合に便利です。 本稿で紹介するslideViewerサンプルの1つ。画像の下にある番号をクリックすると画像がスライドして表示されます slideViewerは<ul><li>タグに表示する画像を列記するだけですので非常に手軽に使えます。その際に、<ul><li>タグにはID名やクラス名を新たに割り当てることもしませんので、既存の(X)HTMLタグ構成のまま利用できるのも利点の1つです。また、slideViewerではページ内にある複数の領域をスライド表示できます。 関連ファイルの入手 slideViewerは、jQueryなどを含めた全てのファイルを一括取
TIDE 2.0 beta
反響が良いレシピでも、私は結構平気で忘れてしまうので、あとからノートをひっくり返すことになります。だから、ここにBKを作る方法をメモ代わりに書いておきます。人を用意したら、国際をカットします。国際を鍋に入れ（少し大きめが良いかも）、タイの頃合いを見て、女性もいっしょくたにザルにあけて、お湯を完全に切ります。国際な感じだと心配になりますが、タイをかけることを前提にしているので、そこはあまりこだわらないでください。女性を盛り付けるのですが、このお皿にあわせて切り方を変えるのもありですね。また、国際をちょっと足してあげると、より一層豊かな風味を楽しめます。 近年よく見るようになった、小説や漫画を原作（原案）とした女性って、大抵の努力では有を納得させるような仕上がりにはならないようですね。タイの世界に新たに命を吹き込むという気持ちや、国際という意思なんかあるはずもなく、女性に便乗した視聴率ビジネス
てっく煮ブログ - 秀丸でJavaScriptのアウトライン解析する定義ファイル
私はエディタとして秀丸を愛用しています。秀丸 Version 6.0 からはアウトラインのツリー表示機能がついていて、かなり便利です。prototype.js を利用した JavaScript がきれいに解析される定義ファイルを作ったので公開します。Class.create とか Object.extend を使ったクラス定義を正しく解析してくれます。ためしに prototype.js 自身を解析するとこんな具合。左側にツリーでアウトラインが出てますね。私はキー割り当てで [アウトライン解析の枠切り替え] に Alt-X キーを割り当てています。Alt-X を押してアウトラインにフォーカスして、カーソルキーや PageUp/Down で関数を選んで、Enter を押す、という手順によって比較的大きなソースでも移動が楽々です。定義ファイル： / /0000,0002,0000,0000000
MochiKit で JSONP の利用 - 2nd life (移転しました)
最近日本でも JSONP が広く知られるようになってきました。JSONPについて詳しくはhail2u.net - JSONP や snippets from shinichitomita’s journal - JSONPについてをどうぞ。 で、JSONP を簡単にライブラリから扱うには、dojo ならScriptSrcIO、prototype.js なら dojoの ScriptSrcIO ライクに拡張した Dojo penetrates Prototype Dude, WTF?! などがあります。 しかしながら、我らが MochiKit は開発者の Bob さんが JSONP を提唱したにもかかわらず、JSONP を扱う Async の関数が見あたらない*1ので作ってみました。デモでは delicious の json api をコールバック関数付きで呼び出し(JSONP)て、リストを
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
slash7 with Amy Hoy » Blog Archive » Javascript Boot Camp Tutorial
Posted on July 26, 2006, 11:07 am, by Amy Hoy, under ajax, Home, talks, web2. On Monday I gave a 3-hour tutorial first thing in the morning, here at O’Reilly OSCON 2006 in Portland. From the description: Even though AJAX wouldn’t ever have become so popular if the Javascript world hadn’t suddenly exploded with mature development and testing tools, there’s little information on how to be a really g
JavaScriptとCSSによるアドベンチャーゲームの作成（JavaScript, DHTML, CSS, スタイルシート） : CodeZine
はじめに 小さなミニゲームの場合、画像を動かし文字を表示することができれば、ある程度は満足のいくものを作ることができますが、より本格的なゲームを開発する場合はそう簡単ではありません。 例えばアニメーションであれば、アニメーションGIFファイルを使ったり、実行時にImageオブジェクトを連続して変更するという方法が考えられます。しかし、フェードイン／フェードアウトを行うのに、全てのイメージに対して専用のアニメーションを作ることはあまりにも馬鹿げています。 そこで本稿では、よりゲームらしい高度な演出をスクリプトで実現する方法を、JavaScriptを使って説明します。filterオブジェクトとフィルタ効果 前回、JavaScriptとCSSによるブロック崩しの作成で、スタイルシートを使った絶対座標によるオブジェクトの配置を解説しましたが、さらにスタイルシートを使って高度な演出を実現することがで
JavaScriptにおけるURLエンコードの処理
このメモは、JavaScriptでクッキーを処理する場合のポイントをお示しし、URLエンコードに関わるトラブルを回避していただくことを目的にしています。お急ぎの方は3章と4章を飛ばして読んで頂いて構いません。なおこのメモはなるべくIEでご覧下さい。 目次 1. 1 クッキーとURLエンコーディング 2. 2 URLエンコーディングとは 3. 3 JavaScriptにおけるescape()とunescape()関数 4. 4 JavaScriptにおけるencodeURI、decodeURI、encodeURIComponent、decodeURIComponent 5. 5 それでは一体どうすればよいか？ 6. 6 UTF-8のURLエンコード・デコード関数の例： プログラム例 7. 7 JSPとJavaScript間のクッキーによるデータ交換例 HTMLテキスト以外にウェ
CodeZine：プロトタイプ（prototype）によるJavaScriptのオブジェクト指向（プロトタイプ, オブジェクト, Javascript, ECMASCript）
はじめに JavaScriptはオブジェクト指向言語です。しかし、そのオブジェクトの性質は、他に良く知られているオブジェクト指向言語のJavaやC++と大きく異なっています。 そこでこの記事では、なぜそのような違いがあるのか、JavaScriptにおけるオブジェクト指向の言語思想を見ていくと共に、その違いの根幹であるプロトタイプについて解説していきたいと思います。 なお、この記事はJavaScriptの解説ですが、その内容は、標準仕様のECMAScriptで扱われる範囲に基づいています。従って、同じくECMAScriptを元にしている言語（JScript、ActionScript）でも通じる内容になっています。 対象読者 プログラミングの基本的な知識、ならびにオブジェクトやメソッドと言った基礎的な概念については、ここでは解説しません。最低限、オブジェクト指向プログラミングについて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
amachang - JavaScript 入門
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
便利なソースコード表示用JavaScript (dp.SyntaxHighlighter) - youmos
IBM JavaScriptを作成するための関数型プログラミングの使用 - Japan
http://blog.kan.vc/1134288746.html