タグ

2020年11月30日のブックマーク (6件)

  • フロントエンドやるなら入れておくべきPrettierってなに? - Qiita

    プログラミング勉強日記 2020年11月27日 TwitterフロントエンドやっててPrettierを入れてない人はいないというツイートを見かけて、Prettierってなんだ?って思ったので調べてみた。 Prettierとは Prettier(読み方:「プリティア」)はソースコードを綺麗にしてくれるコードフォーマッターである。 特に複数人で開発を行っているときに、各自が自由にコードを書いてしまうと、書き方が様々で読みにくくなってしまう。統一されていないコードはメンテナンス性も悪くなり、ミスの原因となる。そこで、コードフォーマッターを利用すると、自動的に決められたコードスタイルにしてくれるので、コードスタイルを意識することなくコーディングすることができる。 Prettierのメリット コードフォーマッターはWebStormやVisual Studio CodeといったWeb制作のエディタに

    フロントエンドやるなら入れておくべきPrettierってなに? - Qiita
  • フロントエンドやるなら入れておくべきESlintってなに? - Qiita

    プログラミング勉強日記 2020年11月28日 昨日の記事でPrettierについて扱ったが、Prettierと合わせて使用することのできるESlintについて紹介する。 ESlintとは ESlint(読み方:「イーエスリント」)は、JavaScriptTypeScriptなどの静的解析ツールである。ESlintを導入することで、単純な構文エラーやプロジェクト固有のコーディング規約を定義することができる。厳密なルールを定義することで、複数人で開発する場合でもシステム全体のコードの一貫性を維持することができる。 ESlintの特徴 自由に多くのルールを設定できる 独自ルールを作成するAPI 固有のライブラリー、フレームワーク、および実践のルールを持つ多数のプラグイン ES6、ES7、JSXの内蔵サポート 迅速に開始できるように、推奨ルールだけでなくサードパーティの設定利用が可能 Subl

    フロントエンドやるなら入れておくべきESlintってなに? - Qiita
  • システム構成図をテキストで

    Gigazineさんでdrawthe.netを取り上げていたので紹介です。使い方はGigazineさんのほうが丁寧なので、気になる方はチェックしてみてください。(2020年12月1日、追記) drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整っているかがわかると思います。 デモサイトも用意されているので、サクッと試したい場合はコチラが便利です。コードはGitHubで公開されています。更新が2017年末で止まってしまっているのが玉に瑕ですが、十分な性能を発揮してくれます。 drawthe.netを使いたい理由 美しい構成図といえばInter

    システム構成図をテキストで
  • 採用面接で腹が立って「志望動機なんかありません」と答えたときの話。

    もう10年以上も前のことだが、新入社員の採用面接でお会いした、忘れられない一人の女子学生がいる。 彼女はノックもせずいきなり部屋に入ると、何も言わず席に座り、下を向いてそのまま固まってしまった。 最終の役員面接となると、やはり緊張で上手く話せなくなってしまう学生もいるので、その事自体は珍しいことではない。 しかし彼女は余りにも極端だった。 「こんにちは。今日は面接に来てくださってありがとうございます。よろしくお願いします。」 「・・・」 「緊張する必要なんか、全くありません。少しお話をお聞きすることはできそうですか?」 「・・・」 わずかに見える鼻の頭や耳まで真っ赤になってしまっていて、今にも泣き出しそうだ。 顔を上げられず、小さく固まってしまった肩が震えている。 もはや面接どこではない空気感だ。 とはいえ彼女もここまで試験を進み、しかも履歴書からもとても優秀な学生であることは十分わかる。

    採用面接で腹が立って「志望動機なんかありません」と答えたときの話。
  • 【AWS初心者向け】AWS学習方法まとめ【15時間で達成できる】 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AWS学習を始めようと考えている人 「AWSとは、概要や全体像、メリットデメリットが知りたい」 「AWSの学習方法が知りたい」 こういった疑問に答えます。 記事のテーマ 【AWS初心者向け】AWS学習方法まとめ【15時間で達成できる】 AWS学習の始め方 AWSやクラウド初心者の方がAWSを学ぶための方法を纏めました。 ①クラウドを学ぶ ②AWSの概要を学ぶ ③知識の定着(AWS公式ハンズオン実施) ④AWS運用の現場に参画 知識定着のため、インプット、アウトプットのバランスを考えてまとめています。 IT基礎知識(基情報技術者レベル

    【AWS初心者向け】AWS学習方法まとめ【15時間で達成できる】 - Qiita
  • 2020年のフロントエンドエンジニアの技術スタックの一例

    年の瀬なので、私自身が今年利用した技術をベースに技術スタックをまとめてみようと思います。 とはいえ Web Standard といった広い対象から、フレームワークやライブラリまで、粒度の違うものを全て言及するのは無理があるというもの。特に強く言及できるものは個別で説明しつつ、最後に利用する機会がなかったものも最後に記載する形で。 以下常体。 追記: マイナー企業のようなので一応書いておきますが、筆者は業ではLINE株式会社という組織でいわゆるエンジニアリングマネージャーと言われるような業務とその採用に関わる仕事をしています。 利用した技術一覧 HTML/CSS/JS みたいなことを書いてるとキリがないので、独断と偏見で区分けして適宜漉いています。特に利用する機会が多かったものは太字でピックアップ。 Frontend Language/Platform TypeScript JavaScr

    2020年のフロントエンドエンジニアの技術スタックの一例