ES6時代のコーディングスタイルを考える - Qiita
ここではコーディングスタイルを考える上で、ES6（ECMAScript2015)の以下の特徴に注目して考察するものです。 変数宣言は、constを基本とする クラス宣言文や関数宣言文はブロックスコープ 文字列では、テンプレートリテラルを活用する ジェネレータのために、複数の構文が拡張された また、以下の基準を採用していることを特に触れておきます。 ES5コードの混在、ES5時代のスタイルとの互換性は取らない ES6 modulesが存在しない状況で適用可能なスタイルを取る 視認性を犠牲にコーディング時のミスの影響を隠蔽するスタイル(ヨーダ記法など)は取らない 局所視認性より、全体視認性での高さを重視する 微妙に違うものを区別しやすいスタイルにする 同じものは同じスタイルを取る 一覧しやすくコンパクトに書ける方を採用する 変数宣言は、constを基本とする ES6では再代入を認めないcons
GithubのContributionsを使ってアウトプットを500日続ける
前からGithubのContributionsを使ってアウトプットを150日続けるというものを続けていましたが、ついに500日たちました。ちょうどいい区切りなので振り返ってみようと思います。 良かったこと 常にプログラムを書いたり、物事を調べてまとめる習慣が出来た 「いつかやろう」を放置せずに取りかかるようになった およそ前に考えたとおり、アウトプット量を確保するために色々なことに手を出し、良い習慣になっていたと思います。 問題点 一つ一つのアウトプットの質が安定しない 読書など長いインプットをしなくなった github以外のアウトプットができなくなった 特に質が悪い部分に関しては前から予想できており、 そのときはまずは質より量の方が重要と思い、特に対策はしませんでした. ただ、最近は量は担保できるようになったので、次は質かな…と思っています。 また、本を読むなど量の少ないアウトプットしか
読み間違えると恥ずかしい！デザイン・プログラミング用語15選 | UX MILK
ITの制作現場では、どんな職種でもコードや開発言語などの話題は避けて通れません。ただでさえカタカナ用語の多い業界ですが、プログラミングやコーディングの用語などはカタカナですらなく英語表記ですし、中には読み方が不明確なものもあります。 チームメンバーもさることながら、他社の人と話すときに間違った読み方を使っていたら恥ずかしいですよね。今回は間違いの多いと言われる用語や、議論を読んでいる言葉をピックアップしてみました。 ※更新：米国英語の発音記号を追加しました Webデザイン系 width【wídθ, wítθ】 正：ウィズス、ウィドゥスなど 誤：ワイズなど HTML/CSSの幅指定で使う「幅」という単語です。よく使うものの、発音の仕方に自信が持てない人も多そうです。 height【hάɪt】 正：ハイト 誤：ヘイト 上記とセットで間違えられやすい単語。「高さ」という意味で、ウェブでなくとも「
mononoki
# how to ace an interview for i in range(1, 51): s = '': if i % 3 == 0: s += 'mono' if i % 5 == 0: s += 'noki' print(s or i)
実はスゴイ「CodePen」の隠れた必殺機能の使い方をまとめてみた！ : うえぶはっく
ブラウザ上で、手軽にWebプログラミングを書いて実行できるコードエディタ「CodePen」をご存知の方は多いと思います。 使えば使うほど、このサービスが多機能であることに気付くわけですが、特に便利だと感じるちょっとマニアックな使い方だけをピックアップしてみました。 一応、公式のドキュメントには書いてあるのですが、「翻訳が面倒な人」や「そもそも知らない」…という人に向けて紹介しておきます。 「ソースコード」のホスティング機能！ 「CodePen」では、簡単に「HTML/CSS/JavaScript」を書いて「実行＆保存」できますが、書いたコードはどこからでも参照することができます。 例えば、何かコードを書いて保存すると専用の「プロジェクトURL」が自動的に発行されます。 このURLの末尾に、「.js」「.css」「.html」と追記するだけで参照できるようになります。 JavaScriptフ
8px / コーディング初心者から学ぶ | elle-height
Ladies Learning Codeの概要 女性にtech系スキルを教える非営利団体 カナダ国内の20都市でワークショップを開催している HTML/CSSだけでなく､プログラミング言語やデザイン系の講座も多い ワークショップでは各テーブルに受講者4人､メンター1人が座り､メンターは同じテーブルの受講者の学習をサポートする メンターを務めるようになって改めて学んだこと 初心者にとって写経することはとても大事 初心者ならではの文法的な間違いが直らないと､後で復習する時にデバッグが難しくなって受講者が困る HTML/CSSに限らず､新たにプログラミング言語を学ぶ際はきちんと写経できるようになってから､それを応用させた方が良い わからなくなったら図に描いてみよう コーディングについて話す際､その説明内容自体が受講者にとって難しくなっている場合がある 言語にして伝わらなそうであれば､図に描いてみ
I am mitsuruog | 進化の早いフロントエンドの世界についていくために、スタイルガイドを有効活用しているという話
フロントエンドの世界では、日々新しいフレームワークやライブラリが生まれています。 初めてそういった新しいものを習得する場合に、なるべくなら近道したいと思うのが人の気持ちだと思います。 まず大変なのが、Hello World から実際のプロダクトやプロトタイプで利用する場合で、これは初めてで何もわからない土地を一人で散策するような感覚にも似ています。 今日、紹介するのは私が進化の早いフロントエンドの世界で、より早く未開の土地に慣れるためにスタイルガイドを有効活用しているという話です。 ちなみにこの記事はFrontrend Advent Calendar 2014 - Qiitaの 6 日目の記事です。 5 日目はじめての CSS 設計 - Qiita(@moschann) 7 日目CSS のプリプロセスとポストプロセス、そして Rework と PostCSS(@morishitter) 良
Sublime textでコードをなるべく楽に綺麗に書くための機能紹介 3つ - megane9988のブログ
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
Want to learn to code? Start here.
March 31, 2013 Want to learn to code? Start here. Last September, I wrote a post called Want to learn Rails? Start here. which has been pretty successful. I’ve met and emailed a good amount of people who have follow up questions or are in the middle of learning how to build things with software. I’ve referred a bunch of people to the post as well. I’m proud that the post is actionable and helpful.
List Out of Lambda / Steve Losh
Posted on March 30th, 2013. If you ignore the practical issues of computers like size, weight, cost, heat, and so on, what do you really need in a programming language? Let's play around with this question. To understand this post you'll need a basic understanding of how functions in Javascript work. If you can look at this code and understand what it prints, you're good to go: var x = 10; var f =
8 Code Snippets for New Website Projects
Tips 8 Code Snippets for New Website Projects Jake RocheleauOctober 24, 201224 Comments04.9k Working as a web developer often requires compromise and trying out new systems. Some of your code will turn out to be a flunk, and other codes will become staples in your development process. I have learned a lot about useful code snippets and how greatly these can affect your development process. In this
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語表示に配慮したコーディング向けフォント「Source Han Code JP」v2が公開
今すぐSublime Text を消してAtom をダウンロードすべき5つの理由
http://plus.appgiga.jp/masatolan/2015/03/09/55531/