ORIGAMI LETTER フロントエンドBreakdown

こんにちは、AQUARING かに です。 昨年制作したブラザー工業さまの「ORIGAMI LETTER」が今年4月にiFデザインアワード2021 コミュニケーションデザイン部門でゴールドを受賞しました!🎉 このWebサイトでは、Webサイト上で折り紙を折るDigital Origami Letterと、プリントした折り紙を折るPrinted O…

📎2021年に知っておきたいJavaScript最適化技術34選 https://qiita.com/baby-degu/items/396edbaefea64140a5d0 便利だけども乱用すると可読性に影響がでることに注意。

絶滅危惧種

■辺境の森林(無料18番目) 森の中でオーガの狩りをしますが、荒れ狂う獣には注意してください。 【以下回答】 // "munchkin" と "thrower" の場合のみ攻撃します。 // "burl" を攻撃しないでください。 "ogre" の場合は逃げる! while(true) { var enemy = hero.findNearestEnemy(); //…

コインのかけら

■辺境の森林(無料17番目) 物置には沢山の宝物、罠、そしてすばしこいあオ-ガの兵士でいっぱいだ. 【以下回答】 // 出口付近の赤い x までコインを追う. while (true) { // 一番近いアイテムを探す var item = hero.findNearestItem(); if (item) { // 変数にアイテムの pos(位…

【ゲームで遊びながら覚えるプログラミング】#1 環境構築

三度の飯よりゲームが好き。 エンジニア育て屋のナルカです。 プログラミングを学習する上で最も大切なのは勉強を継続することなんですが、これがなかなか難しいんですよね。 あるアンケートによるとプログラミングの挫折率は約90%だとか。 そこで、プログラミングに興味はあるが難しそう、一度勉強し…

今日の積み上げ【103日目】

今日も積み上げました。 昨日euro2020を見たいがために wowowを契約しました。 子供がサッカーをやってるので 世界のトップレベルを知る、見る 環境は子供にとってプラスに なるのではないかと。 環境は大事ですからね。 【本日の学習】JavaScript 学習 【学習内容】ドットインストールで Ja…

魔法使いの扉

■辺境の森林(無料16番目) 数学プログラミングを使って魔法使いの秘密の隠れ家のドアを見付ける. 【以下回答】 // Laszlo まで移動して彼の秘密のナンバーを手に入れる hero.moveXY(30, 13); var las = hero.findNearestFriend().getSecret(); // Laszlo の数に7を足してErzsebetの数を得る. // …

仲間と敵

■辺境の森林(無料15番目) 森の騒動! 敵と味方を見分けて戦いの用意をする. 【以下回答】 // 農民と召使いが森に集まっている // 農場は戦い 下っ端はどけと命令する! while(true) { var friend = hero.findNearestFriend(); if(friend) { hero.say("To battle, " + friend.id + "!…

クリーバーに任せろ

■辺境の森林(無料14番目) 村を、関数の引数を使って守ってください。 【以下回答】 // ここで、関数 cleaveWhenClose を使用します // この関数は、 `target` という仮引数を定義します。 function cleaveWhenClose(target) { if(hero.distanceTo(target) < 5) { // ここに攻撃するコ…

未開の森の分かれ道

■辺境の森林(無料13番目) 独自に定義した関数と仮引数を使って、コードを簡潔にしましょう 【以下回答】 // checkAndAttack 関数 を利用して、読みやすいコード を作ろう。 // 関数は、仮引数を持っています。 // 仮引数は、関数に値を渡す手段です。 function checkAndAttack(target) { // …