セガがjavascriptでぷよぷよを作るプログラミング講座を出しているが、とても良いプログラミングの教材になっている「写経はとても大事」
ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki プログラミング学習中の方へ👨💻 これ面白い！！セガがjavascriptでぷよぷよを作るプログラミング講座を出してくれてます😊 動作ごとに細かくコメントも入ってるので、ちゃんとソースコードを読んでから写経していったらめちゃくちゃいいプログラミングの勉強になると思う！ puyo.sega.jp/program_2020/ pic.twitter.com/Xr5hmPzZXI ショーヘー@デイトラ代表 | 受講生25,000人突破 @showheyohtaki このぷよ開発に使う『Monaca』は、本来iOS用はswift・Android用はJavaと、別々に開発が必要なアプリを、HTML・jsなどのWeb標準言語でまとめて開発できるという開発プラットフォームです。 無料で使えてブラウザだけで開発可能
DOM Rangeについて色々 - Personnel
これまで、Rangeインターフェイスはテキストの選択範囲を操作する、それだけの仕様だと思っていました。しかし、DOM CoreやHTMLでは面倒で、コードが煩雑になりがちだった複数の要素に関する操作が、Rangeインターフェイスを利用することで直感的かつ直接的な操作になり、とても扱いやすくなることが分かりました。現在では個人的に、DOMで文書ツリーを扱う時には常に傍らにいてもらいたい介さんのような存在になっています。取りあえず呼んでおけ、みたいな。 以下、とてもありがちな要素に関する操作を、CoreやHTMLのみを用いた方法とRangeを利用した方法で行い、その比較を行います。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D
javascript - Object.toSource() for non-FireFox! : 404 Blog Not Found
2007年11月27日02:00 カテゴリLightweight Languages javascript - Object.toSource() for non-FireFox! 404 Blog Not Found:javascript - お伺い - Object.prototype.clone()」でJKL.dumperを使ってみて、FirefoxのObject.toString()の挙動との不一致が気になったので、FireFoxでなくても使えるObject.toString()を作ってみました。 自分で言うのもなんですが、これは禿しく使えます。 とりあえず、SafariとOperaで動くところまで確認してあります。[追記:IE6 (Via CrossOver Mac 体験版)でも動きました! Mac IE 5だとさすがにNG]、FireFoxのようにすでにObject.toStr
JavaScriptのToNumberとparseInt/parseFloatの仕様と実装の違い - 風と宇宙とプログラム
ECMAScriptの規格書は非常に細部に至るまで細かく仕様が規定されていますが、１００％全て正しく実装している処理系は僕の知る限りありません。過去に広まってしまったソフトとの後方互換性を維持するため、あえて仕様にあわせていないのだろうというものもあります。ECMAScriptの規格と各ブラウザのScriptエンジンとの違いは、いずれ機会があればまとめたいと思っていますが、コーナーケース（いわゆる重箱の隅系）になると、膨大な量になります。 今回は、文字列を数値に変換する際に登場するToNumberとparseInt/parseFloatについて簡単に紹介します。ToNumberは規格書に登場する内部の実装関数であり、parseInt/parseFloatはご存知JavaScriptのグローバル関数です。 ToNumberの引数が文字列のとき、規格書ではその文字列の文法が厳密に規定されていて
elementとwindowサイズの取得 - Qiita
{: style=”width: 200px; vertical-align:middle;”} offsetTop：要素が始まる場所と上の要素の位置 offsetHeight：指定した要素の高さ document.body.scrollTop：windowのtopから、要素のtopまでの位置 window.innerHeight：ウィンドウの高さ getBoundingClientRect getBoundingClientRect(This is an experimental technology) $('div')[1].getBoundingClientRect() ClientRect {height: 1338, width: 320, left: 0, bottom: 1241, right: 320…} bottom: 1241 height: 1338 left: 0
データのビジュアル化を最少の労力で: はじめに
印刷物の制作には、数値の表から棒グラフや円グラフを作ったり、与えられたラフスケッチを清書するなど、データや情報をビジュアルに表現する作業がつきものです。これらの作業はドローソフトや画像処理ソフトで行うのが普通ですが、場合によってはかなりの労力やセンスを要求されます。そこで、MS Excelなどを用いたグラフ作成の自動化が広く行なわれていますが、パソコンソフトにはほかにも多くの自動描画ツールがあります。DTPの世界ではあまり知られていないツールを紹介します。 Graphviz graph-easy Google Chart Tools D3.js R ※この記事は、弊社 PR 誌『SHOWA NEWS』No.127に掲載された「データのビジュアル化を最少の労力で」を増補したものです。グラフ例や情報の参照先リンクを追加しました。
JavaScriptでゼロ埋めする方法
「5」を「05」のように桁を合わせるためにゼロを使うことを「ゼロ埋め」とか「ゼロパディング」などと言うそうです。 JavaScriptではsliceを使うと簡単にできます。
【JavaScript】エラーをalertで出すこと at softelメモ
よく見かけるalertでのエラー表示、 //... if ("エラーがあったら") { alert("エラーです！"); return false; } //... 最近のブラウザは、alertが連続すると下の画像のような表示に変わります。 ダイアログ表示の間隔が短いと「これ以上表示しない」の表示が出るようです。 firefoxの場合では、プログラムソース内のSUCCESSIVE_DIALOG_TIME_LIMITや、ユーザーが設定できる値のdom.successive_dialog_time_limitが動作に影響します。about:configで、追加、変更でき、1か0を指定すると「これ以上表示しない」の表示をしなくなります。 動作確認用ボタン （無限ループ覚悟でクリックしてください） （時間間隔が短めだと、メッセージが表示される） （alertが表示されたらすぐ閉じれば、間隔が十分に
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Optimization killers