11の項目を設定するだけでJavaScriptコーディングガイドラインが作成できるjsCode | バシャログ。
ゴールデンウィーク中に5年ぶりにフットサルをしてまだ筋肉痛が癒えてないishidaです。社内でフットサル部を立ち上げてみましたが、参加人数が少ないので横浜近辺で一緒に球蹴りしてくれる人を募集中です。 さて今回は、JavaScriptのコーディングガイドラインを作成してくれるサービスのご紹介です。 JavaScript は HTMLやCSSよりも自由度が高いので、 ガイドライン化してコードを統一するのも手間がかかるかと思います。 また初めてガイドラインを作成する人にとっては、 JavaScriptのどこまでをルール化すればいいのかも悩む部分ではないでしょうか。 そんな時にお手軽でJavaScriptコーディングガイドラインを作成してくれるサービスがありました。 11の項目を設定するだけでJavaScriptコーディングガイドラインが作成できる jsCode http://jscode.org
Primer
Primer’s design tokens for color, spacing, and typography.
プログラマのための言語別コーディング規約まとめ | Web活メモ帳
みなさんはコーディング規約を利用していますか。 個人で開発している時はオレオレルールで良かったのですが、 複数人で開発するようになると共通のルールがあった方がストレス無く開発が出来るようになります。 WEB系の言語のコーディング規約について、調べ物が必要だったので、 まとめたものをブログでもシェアします。 HTML・CSS Google HTML/CSS Style Guide の推奨ガイドラインまとめ HTML5 コーディングガイドライン（HTML5）ver1.0 JavaScript JavaScriptのいろいろなコーディングルールをまとめてみた PHP PHPのコーディング規約 PSR-0、PSR-1、PSR-2、PSR-3とは WordPress コーディング基準 Pear Manual :: 標準コーディング規約 Zend Framework PHP 標準コーディング規約 Ca
redirect to javascript-style-guide
■□■リダイレクトしています。■□■ しばらくしても移動しない場合はこちらをクリックしてください。
Why Coding Style Matters — Smashing Magazine
Coding style is how your code looks and it is an important part of writing code as a professional. Whether you’re writing JavaScript or CSS or any other language, deciding how your code should look is an important part of overall code quality. When I was studying computer science in college, I had one extremely tough professor. His name was Dr. Maxey and he taught the more complicated courses like
idiomatic.js/translations/ja_JP at master · rwaldron/idiomatic.js
Rick Waldron @rwaldron, github Mathias Bynens @mathias, github Schalk Neethling @ossreleasefeed, github Kit Cambridge @kitcambridge, github Raynos github Matias Arriola @MatiasArriola, github John Fischer @jfroffice, github Idan Gazit @idangazit, github Leo Balter @leobalter, github Breno Oliveira @garu_rj, github Leo Beto Souza @leobetosouza, github Ryuichi Okumura @okuryu, github Pascal Precht @
JavaScript Style Guides And Beautifiers
May 3, 2012 Today we're going to explore JavaScript style guides, specifically: their importance, style guides worth reviewing and tools that can assist in automated code beautification or style enforcement. What exactly is a style guide? Before we begin, let us remind ourselves exactly what a code style guide is: A style guide or style manual is a set of standards for the writing and design of co
変数とメソッドの命名ベストプラクティス15 - 杉風呂2.0 - A Lifelog -
この記事は、Cagdas Basarane 氏のブログ、 CodeBuild から 2012年2月20日の記事 "15 Best Practices of Variable & Method Naming" を翻訳したものです。 原文URL http://codebuild.blogspot.com/2012/02/15-best-practices-of-variable-method.html 十分短く十分長い変数名をスコープごとに使用する。一般的に、ループカウンタには1文字、条件やループ変数には1単語、メソッドには1-2単語、クラスには2-3単語、グローバル変数には3-4単語を使用する。 具体的な(specific)名前を使用する。例えば、"value"、"equals"、"data"といった変数名はいかなる場合も有効ではない。 意味のある(meaningful)名前を使用する。変数
Primer
Primer’s design tokens for color, spacing, and typography.
BBC GEL | Homepage
New here? Please allow us to introduce ourselves.Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen. The Futures Bazaar: A Public Imagination ToolkitExpand horizons, explore new ideas, and transform everyday objects into things from the future. Download your toolkit here.
H2O Space.HTML/CSSコーディングルールブック
画像基本はPNG8とJPEG、必要に応じてGIFを利用画像ファイルは基本的に、イラストなどはファイル容量が軽いためPNG8、写真はJPEGファイルを利用します。ただし、IE6以前で透過PNGが利用できないため、必要に応じてGIFを使い分けます。 HTML<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <meta name="keywords" content="ホームページ制作,東京" /> <meta name="description" content="東京世田谷のホームページ制作会社。「声」をテーマに、御社の顧客満足向上に貢献するWebサイト制作をお手伝いします。" /> <title>エイチツーオー・スペース[H2O Space.] | ちゃんとWebなホームページ制作会社（東京・世田谷）</title> <link
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
Front End Development Guidelinesの読書メモ - prog*sig
■簡単な内容紹介 Accessibility/HTML/CSS/JavaScript/jQuery/について基本的な事や知っておくべき、意識しておくべき事などについて書かれたドキュメントです。 あちこち触れている感じなので、一つ一つは余り濃くない内容が多めです。 ■Accessibility What's Up, DOCTYPE? DOCTYPEがないのは論外として、今までは以下のようなスニペットを使っていた人もいるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML5ではもっとスリムにしたスニペットを利用できます。 このスニペットはモダンなブラウザはサポートしていますし、IE6とI
Front End Development Guidelines
What's Up, DOCTYPE? The absence of a DOCTYPE is a crime punishable by death. You may have relied on the following DOCTYPE in the past, but it's important to know that this is now being superseded by a leaner and meaner snippet. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ideally, the HTML5 DOCTYPE should be used. It's suppor
for (var i = 0, elem; elem = elems[i]; i++) { doSomething(elem) }って書き方見やすくていいな - こんにちはこんにちはmonmonです！
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳を読んでみて、知らなかったこととかメモ。 プロパティとメソッド * Private のプロパティ, 変数, メソッドには, 末尾にアンダースコア _ を付けてください. * Protected のプロパティ, 変数, メソッドにはアンダースコアを付けないでください (パブリックなものと同様です). Private と Protected に関しては visibility のセクションを参考にしてください. プライベートのものにprefixで_で付ける習慣はあったけど、末尾に付けるってのは知らなかった。 こういう書き方あるんですね。 メソッドと関数パラメータ オプション引数には opt_ というプレフィックスをつけてください. 可変長の引数を取る場合, 最後の
![for (var i = 0, elem; elem = elems[i]; i++) { doSomething(elem) }って書き方見やすくていいな - こんにちはこんにちはmonmonです！](https://cdn-ak-scissors.b.st-hatena.com/image/square/00aa2e7cb56586f88351d9d3ddff9cb7231d7d72/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729892902%2F11696248318758289012%2F1380554395)
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - stevekwan/best-practices: JavaScript and CSS guidelines for pragmatists.
GitHub - airbnb/javascript: JavaScript Style Guide
CSS 20 stunning examples of CSS 3D transforms
GitHub - rwaldron/idiomatic.js: Principles of Writing Consistent, Idiomatic JavaScript
