[B! javascript] nyopのブックマーク

schedulerjs - スケジュール調整に使えそうな横向き予定表

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選択ライブラリschedulerjsを紹介します。 schedulerjsの使い方 schedulerjsの初期表示です。薄いブルーのエリアはドラッグしたり、端をドラッグして枠の幅を増減できます。実際に操作しているところです。実際の描画は予定を配列で渡すだけです。 var list = [ { 'name': 'Chewbacca', 'appointments

nyop 2015/10/21

リンク

ソースコードに隠された謎を説きながら冒険を進めろ! ゲームでプログラミングを学べるhackforplay / shi3z:電脳ヒッチハイクガイド:電脳空間カウボーイズZZ(電脳空間カウボーイズ) - ニコニコチャンネル:生活

ダンジョンに潜る・・・チッ、ドラゴンだ。こいつのファイアーブレス(火焔の息吹)が邪魔で先に進めない。魔法を使うしかないようだ。ハッカーだけに許された魔法を・・・ソースコードを開き、該当する部分を書き換える。さあて、ドラゴンのブレスはどうやってとめるのかな・・・ここか・・・・まったく、凄いゲームが現れた。 hackforplayがそれだ。どういういきさつで産まれたかはわからないが、enchant.jsを使っていることは確かだ。このゲームでは、最初から意図的にバグやソースコード上の罠が仕込まれている。ゲームを進めるためには、バグを少しずつ修正しながら前に進むしかない。このバグが、またうまくできていて、丁寧にバグをとっていく過程でプログラミングの基礎的なことが自然に学べるようになっているのだ。この教材を作ったのはDaiki Teramotoさん。たぶん面識はないが、こん

nyop 2014/08/13

面白そう。

リンク

正規表現をわかりやすく視覚化してくれる『REGEXPER』 | 100SHIKI

おっと、これは便利かも。 REGEXPERを使えば、JavaScriptの正規表現をわかりやすく表現してくれる。一見、難解な正規表現だが、これを通しても見ると「なるほど、この文字とこの文字にはされまれていて、この間は何の文字でも良いのだな」といったことがわかるようになる。他の人のコードを読んでいて「？」となったときに試してみてもいいかもですな。

nyop 2013/01/03

これ便利そう。

リンク

JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ

グーグルが開発したJavaScript MVCフレームワーク「AngularJS」を紹介した1つ前の記事の反応が予想以上に大きく、1日たたずにブックマークが500以上もつきました。本記事では、AngularJS以外にもすでにたくさん存在するJavaScript MVCフレームワークに関する情報をまとめて紹介したいと思います。 JavaScript MVCフレームワークの比較記事既存のJavaScript MVCフレームワークを比較した記事が「The Top 10 Javascript MVC Frameworks Reviewed」です。Top10と書いてありますが、12種類のフレームワークの比較です。これは公開当時は10種類だったものが、その後11種類になり、今回のAngularJSの公開で12種類になったためです。上記のような比較表を載せた上で、12種類すべての利点と欠点を説明し