TypeScript で仕様が一目瞭然な定数ファイルを書く
この記事で提示した書き方は、Tree-shaking と minify の恩恵を受けられず、ブラウザに不要なコードが送信される 可能性があります。 mizchi さまの、以下の記事を参照ください。本記事の内容は追って修正します。 https://zenn.dev/mizchi/articles/you-cant-mangle-nested-obj オブジェクトの中に、定数をフラットに列挙しただけの定数ファイルを書いていませんか？ 私は、フロントエンドの開発において、 JavaScript の簡潔なオブジェクト記法 TypeScript による型チェック / IDE 等による入力補助 を活用した保守性の高い定数ファイルの書き方を日夜研究しているので、4つのポイントに着目して解説しようと思います。 ▼ Enum 的な記述についてまとめた記事です。本記事を読んだあとで、こちらもチェックしてみまし
酔っ払ってもコードが書きたい！JavaScriptを書き散らかしてPrettierに介護してもらう方法 - pixiv inside
こんにちは、一般ノーマルエンジニアのgeta6です。社内ではpixiv SketchというサービスでJavaScriptを書く仕事をしています。今日はPrettierの話をします。 JavaScriptを書くのが大好きな皆さま各位におかれましては、きっと酒のつまみにコードを書くこともあるでしょう。しかし酔っ払いながらコードを書くと、往々にして上記のような書き散らかしをしてしまうことがあります。 このコードは動きます。動きますが、思わず目を背けたくなる汚さです。この世に存在することが許されるべきか疑うレベルです。ESLint先生も思わずブチギレです。当然ですね。 CIにLintを仕込んでいた場合は当然通りませんし、gitのprecommit hookにLintを仕込んでいた場合はgit commitすら許されません。堅牢なシステムは酔っ払いにコードをコミットする権利すら与えてくれないのです。
美しいコーディング
問題を声に出して説明するだけで、解決策が見つかる コードに思いを込める 2013年4月7日 問題を声に出して説明するだけで、解決策が見つかる へのコメントはまだありません + admin ちょっと待てよ。これは、APIで見たような・・・・・・ 短いコードを書く 2013年4月7日 ちょっと待てよ。これは、APIで見たような・・・・・・ へのコメントはまだありません + admin 名前につけた情報は変数を見るたびに目に入ってくる 名前に情報を詰め込む 2013年4月6日 名前につけた情報は変数を見るたびに目に入ってくる へのコメントはまだありません + admin コメントの目的は「コードの動作を説明する」ことだと思っているかもしれない。でも・・・ コメントすべきことを知る 2013年4月6日 コメントの目的は「コードの動作を説明する」ことだと思っているかもしれない。でも・・・ へのコメン
新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 - Qiita
エンジニア組織を強くするための本を出版しました Qiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを「不確実性を削減する」という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 あわせて読みたい 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 この記事について この記事は、新人向けの研修内容を再編集してお送りします。 この記事の内
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
CODE BOUT -４時間後のその未来、NO.1は君かもしれない-
CODE BOUTは、-４時間後のその未来、No.1は君かもしれない-をコンセプトと掲げ、就活生内でNo.1 Corderを決めるコンテストです。CODE BOUT 概要 2013年1月13日(日) 14卒No.1 Coderを決める。 本大会は、優秀なコーディング能力を持つ14卒コーダー達が、 No.1 Coderの座を目指し、その能力を思う存分知らしめてもらう場です。 決勝に残れるのは全国の戦いを生き抜いた60名のみ。 決勝当日には、有名IT企業のCTO・開発部長等が直接審査。 プロならではの指摘をした後には、豪華無料懇親パーティーで あなたの能力を引き上げる確かなフィードバックも。 後日企業からの選考特典付与、限定招待ランチへの参加権などもございます。 たった4時間のBout [手合せ] しかし、たったの4時間といえどNo.1は1チームのものでしかありません。 エンジニアにとって、
良いコードってなに？：新刊ピックアップ
みなさんはどんなコードが「良いコード」だと思いますか？ 一般的に，次の4つを満たすものが良いコードです。 保守性が高い 私たちが書いたコードは，私たちが想像するよりも長く利用されます。あとから見て何をやっているのか理解不能なコードは，良いコードとは言えません。将来の自分は記憶力において他人と同然です。つまり，他人が見て理解できるコードであれば，将来の自分が見ても理解できる良いコードです。 すばやく効率的に動作する 良いコードは適切なパフォーマンスで動作します。コードの計算量を常に意識し，最適なアルゴリズムを選択することで，パフォーマンスを高めることができます。 正確に動作する 確実に動作し，信頼性が高いことは良いコードの条件です。「防御的プログラミング」という言葉がありますが，これは「正常な値が来るはず」という決めつけをせずに，不正な値が来ても被害を受けないように防御的にプログラミングを
米国人からコーディングについての怒りのメールを頂戴した - その手の平は尻もつかめるさ
"米国人からコーディングについての怒りのメールを頂戴した" の補足 - その手の平は尻もつかめるさ ↑の方で補足いたしました。(2012.09.04 追記) 最近、英語のメールでよく怒られます。moznion です。 海を隔てて共同作業しているアメリカ人から、僕のコーディングについてお叱りのメールを頂いたので、 自戒の念を込めて邦訳して記します。 書いてあることは「当然」とも言うべき内容ですが、僕はその「当然」も守れていなかったのかぁ〜と反省。 以下、邦訳(意訳)です。 1. 郷に入っては郷に従え 既にソースコードが存在しているって事は、そこには同時にコーディングスタイルも存在しているってことだ。 その既存のソースコードに手を加える場合、別のコーディングスタイルを導入してはならない。 もし君がバックエンドのソースコードを弄っているなら、バックエンドのコーディングスタイルで記述するんだ。 フ
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
「最強最速アルゴリズマー養成講座」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
最強最速アルゴリズマー養成講座： そのアルゴリズム、貪欲につき――貪欲法のススメ アルゴリズムの世界において、欲張りであることはときに有利に働くことがあります。今回は、貪欲法と呼ばれるアルゴリズムを紹介しながら、ハードな問題に挑戦してみましょう。このアルゴリズムが使えるかどうかの見極めができるようになれば、あなたの論理的思考力はかなりのレベルなのです。（2010/9/4） 最強最速アルゴリズマー養成講座： 病みつきになる「動的計画法」、その深淵に迫る 数回にわたって動的計画法・メモ化再帰について解説してきましたが、今回は実践編として、ナップサック問題への挑戦を足がかりに、その長所と短所の紹介、理解度チェックシートなどを用意しました。特に、動的計画法について深く掘り下げ、皆さんを動的計画法マスターの道にご案内します。（2010/5/15） 最強最速アルゴリズマー養成講座： アルゴリズマーの登
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A better coding convention for lists and object literals in JavaScript
ここが変だよ、グローバルスタンダードの脆弱性対策～入力値の考え方～
IDEA * IDEA