ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
![Awwwards - Website Awards - Best Web Design Trends](https://cdn-ak-scissors.b.st-hatena.com/image/square/64b7b504cacc096aaf71c5fceeefd3d0966df06e/height=288;version=1;width=512/https%3A%2F%2Fassets.awwwards.com%2Fassets%2Fimages%2Fpages%2Fabout-certificates%2Fawwwards.jpg)
ESE Agency — Site of the Day - 7.32 — May 10, 2024 —
概要 JSLintの基本的な使い方 オプション一覧 JSLintを使うときの心構え ここではJavaScriptコードの品質チェックツール「JSLint」について紹介します。 JSLintはWebベースのツールなので、ブラウザがあればすぐにでも利用することができます。 JSLintは、私たちのJavaScriptコードの検証を行い、推奨されない書き方(アンチパターン)や構文エラー、使用されていない変数、未定義の変数の使用といった潜在的な問題が見つかった際に警告してくれます。 コードをJSLintでチェックすることはとても推奨されているそうですよ。また、JSLintはJavaScriptのコードチェックツールとして、デファクトスタンダード(事実上の標準)になっていると思われます。 このブログではコーディングの作法などについても触れていこうと思うのですが、兎にも角にもまずはこのツールを使う「癖
物理演算をしてくれるライブラリにBox2DWebというのがあります。Box2DFlashというASライブラリのJavaScript版です。 こいつを使って物理演算をすると、表現の幅が広がりそうなので、試してみたいと思います。 とりあえず最初なので、簡単なのを作ってみました。 ボールが落下するデモ わりと事前準備が大変なので、Box2DWeb jsを使って物理演算をする上で、大切な所を解説しておきます。 1. スケールを定義しておこう // 17行目付近 var WORLDSCALE = 30; Box2DWebはメートル方を採用しているらしいので、共通のスケールを定義しておきます。 今回は1メートル=30pxでいきます。 2. 重力を計算する世界を作ろう // 20行目 var world = new b2World( new b2Vec2(0, 9.8) , // 重力の設定 横,縦の重
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです!実際にコード書くところは5分(早い人なら1分)でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
フロントエンドの開発を色々と捗らせてくれる Grunt について、初めて Grunt を使うならこれだけまずはやってみたら? という入門的な解説記事を書いてみました。 この記事は公開からかなりの時間が経過して内容が古いのと、Gulp を使ったフロントエンド開発環境構築について新しい記事 「Web サイト作るお仕事をしている人向け Gulp で作るフロントエンド開発環境」 を書いていますのでそちらをご覧ください。 Grunt の導入記事なんか珍しくもないし、色々な方がわかりやすい記事を過去にも書かれていているので今さらではありますが...... とはいえ、まだ使ったことがない人もいるだろうということで、「Grunt って何ですか?」 とか「使ってみたいけどよくわからない......」 なんていう Web デザイナー (主に HTML や CSS を書くフロントエンドな人) さん向けに、初めて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く