第2回「クリスマスイベント」レポート～FizzBuzzダンジョンレベル3とレベル4解説 #javascript #codegolf 2013.12.26 Category：CodeIQ問題解説・リーダーボード ,勉強会・イベント Tag：codegolf ,FizzBuzzダンジョン ,JavaScript ,クリスマス ,素数 CodeIQで話題のダンジョンシリーズの解説記事です！出題者の柳井さんより寄稿となります！ まずは4つのレベルで出題されたFizzBuzzダンジョンシリーズの問題のうち、レベル3とレベル4に関する解説となります。 by CodeIQ運営事務局 「クロノス・クラウン合同会社」の「柳井政和」です。 @ITとCodeIQのコラボ企画のイベント「JavaScriptでクリスマスダンジョンに挑戦！」にて、拙作問題「FizzBuzzダンジョン」「素数ダンジョン」の解説を行いま

CodeIQで話題のダンジョンシリーズの解説記事です！出題者の柳井さんより寄稿となります！ 過去に出題されたクリスマス版 素数ダンジョンのレベル1とレベル2に関する解説となります。 by CodeIQ運営事務局 「クロノス・クラウン合同会社」の「柳井政和」です。 イベント「JavaScriptでクリスマスダンジョンに挑戦！」にて、拙作問題「FizzBuzzダンジョン」「素数ダンジョン」の解説を行いました。 そこで紹介したコードを、ここにまとめておきます。イベントに参加できなかった方は、参考にしてください。ボリュームが多いので、コードを中心に掲載していきます。 「クリスマスイベント」レポート、全4回のうち第3回は、「素数ダンジョン」の問題と、レベル1～2のコード紹介です。 素数ダンジョン」編 問題 「素数ダンジョン」は、下記のコードを穴埋めして「素数の魔法」を唱える問題です。 「素数の魔法」

__ _/\ \ /' \ \ \ __ __ ___ ___ /\_, \ \ \/'\ /'__`\ /'__`\/' __` __`\/_/\ \ \ , < ___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____ /\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\ \/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/ JavaScript Hacks and Creative Coding Created by Martin Kleppe aka @aemkei. Projects Hello World 1K - spinning globe embedded in JavaScript code JSFuck.com - write an

12月20日、ITエンジニアのための実務スキル評価サービス「CodeIQ」と＠ITは合同で「リアル版：サンタのためのコードゴルフコンペ＆クリパ」を開催した。イベントは、CodeIQであらかじめ出題されていた「サンタのためのコードゴルフ」との連動企画。クリスマスを目前に、エンジニアが集うガチイベントの模様をレポートする。 「コードゴルフ」とは、ゴルフがカップインまでの打数を競うように、プログラムの文字数を削り、なるべく短くプログラムを書く遊びのことをいう。スポーツのゴルフでは、打数が少なければ少ないほど高得点が得られるが、コードゴルフでは、ソースコードの文字数が少なければ少ないほど良いとされる。従って、最短コードを書いた人が勝者となる。イベントでは、「サンタのためのコードゴルフ」問題の出題者であるクロノス・クラウンの柳井政和氏によるコードレビューが行われた。 今回出題された問題は、アスキーア

【＠IT＆CodeIQ共催】 リアル版「サンタのためのコードゴルフコンペ＆クリパ」 (http://atnd.org/events/34934) という、美人サンタよりコード(JavaScript)の方が勝つようなクリスマスパーティー

こんにちは。13日から韓国に来ています。はせがわです。 前回、記号だけのJavaScriptの動作原理を紹介したときは、alert を表示する簡単なコードについて解説しました。 今日は、任意のコードを記号だけで記述する方法について説明します。 前回の方法では、"false","true","[object Object]" という文字列から文字を切り出し、文字列 "alert(1)" を Function コンストラクタに渡して無名関数として実行する、という方法を採りました。 ですので、"alert" 以外の文字を自由に作ることができれば、記号だけで任意のコードを書ける、ということになります。 任意の文字を作り出すということで、最初に思いつくのは String.fromCharCode ですが、記号だけで大文字 C を生成するのはなかなか難しいため、もう少し簡単な方法を考えます。 Java

こんにちは。プログラマ定年を迎えたのであとは悠々自適に日々過ごそうと思ってるはせがわです。 JavaScriptで記号プログラミングを行う基本的な取り組を説明します。 jjencodeなどで使っているテクニックです。 まず最初は数字の作り方。 +[] // 空の配列にプラス演算子で数値の 0 ~[] // 空の配列にビット反転で -1 ~{} // 空のオブジェクトにビット反転で -1 -~[] // 空の配列にビット反転で-1、-1に単項マイナスで +1 -~-~[] // +1 にビット反転で -2、-2 に単項マイナスで +2 このように、空の配列や空のオブジェクトに数値用の演算子を適用することで、任意の数値を記号だけで生成することができます。 次に文字の作り方。 ![] // 空の配列に論理否定で false !![] // 空の配列に論理否定を2回で true (![]+"")

id:hoshikuzu さんが言ってたので書いてみた。こんな感じ↓。コードはすぐ書けたけど、この記事書くのに30分以上かかってる気がする。 javascript:(~~[])[<_>{/...$/({})[~~[]][~~[]]}{/../({})[~~[]][1]}{/...$/({}[{}])[ ~~[]][~~[]]}{/..$/(!{})[~~[]][~~[]]}{/./(!![])[~~[]][~~[]]}{/...$/(!![])[~~[]][ ~~[]]}{/..$/(!![])[~~[]][~~[]]}{/...$/({})[~~[]][~~[]]}{/./(!![])[~~[]][~~[]]}{ /../({})[~~[]][~~!![]]}{/...$/(!![])[~~[]][~~[]]}</_>][<_>{/...$/({})[~~[]][~~[] ]}{/../

jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう？ 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。 ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイル コールバック関数と this オブジェクトの取り扱い デバッグ方法とデバッグ支援モジュール 非同期処理の書き方 いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会＠東京 3rd でも佐藤さんと守山さんの発

画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。