ブックマーク / qiita.com/baby-degu (6)

  • より良いReactJS開発者になるための10のヒントとコツ - Qiita

    より良いReact開発者になり、より優れたコードを書き、コーディング面接で抜き出るため、Reactの技量を改善するすぐに使える知識です。 さあ、皆さん。始めましょう。 1. Reactフックを使った関数コンポーネント フックはReact v16.8で導入され、Reactの関数型プログラミングを大きく向上させました。Reactフックで、クラスコンポーネントの代わりに関数コンポーネントが使えますし、使うべきです。しかし...関数コンポーネントとステートとは?ライフサイクルメソッドとは? 怖がる必要はありません。Reactフックを使えばできます。 例をいくつか見てみましょう。 これは、クラスを使う従来の方法です。次のようにuseStateフックが使えます。 簡単に見えますか?その通りです!useStateフックを使って、初期状態を空の文字列('')に設定し、現在の状態(value)とその状態を変

    より良いReactJS開発者になるための10のヒントとコツ - Qiita
    yarumato
    yarumato 2021/11/24
    “「10 Tips and Tricks That Will Make You a Better ReactJS Dev」(2021年4月4日公開)の和訳”
  • すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 記事は、Yasas Sri Wickramasinghe氏による「Google Chrome Hidden Features Every Developer Should Know」(2021年10月11日公開)の和訳を、著者の許可を得て掲載しているものです。 #すべての開発者が知るべきGoogle Chromeの隠れた機能5選 試した方がいいGoogle Chrome experiments ##はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい

    すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
    yarumato
    yarumato 2021/11/24
    “CSS Overview-すべてのスタイルの詳細情報を表示する。New Font Editor Tool - フォントスタイルを瞬時に入れ替える。 この機能を有効にするには。”
  • フロントエンドの刺激的なコーディング課題6選 - Qiita

    素晴らしい課題でコーディング意欲を高めよう。 Photo by Ferenc Almasi on Unsplash. はじめに コーディングを上達させる最も効率的な方法の1つは、できるだけたくさん作ることです。 コーディング課題は、ものを作ることで自分のスキルアップする楽しい方法です。この記事のリストを参考に、何か選んで作り始めましょう! 急いでいる時や、コーディングのアイディアを枯渇させたくない時は、100以上の課題をここにまとめてあります。 課題には好きなツールを使えるので、練習したいものがあれば、気軽に挑戦してみてください。 1. タスクマネージャUI なんて美しいアプリケーションでしょう!クリーンでモダン、インテリジェントなUIです。 Aysenur Turkによる「CSSグリッドを使ったタスクマネージャーUI」 学べること HTMLCSSを使用する方法。新しいCSSグリッドを試

    フロントエンドの刺激的なコーディング課題6選 - Qiita
    yarumato
    yarumato 2021/06/02
    “コーディングを上達させる最も効率的な方法の1つは、できるだけたくさん作ることです。”
  • シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 記事は、bytefish氏による「Use Chrome DevTools Like a Senior Frontend Developer」(2020年7月21日公開)の和訳を、著者の許可を得て掲載しているものです。 #シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう 開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバ

    シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
    yarumato
    yarumato 2021/04/07
    “パワフルなスクリーンショットを撮る。ページの読み込み状況を監視する。画像をData URIとしてコピーする。要素を選択してキーボードのHキーを押すと、要素を素早く非表示に”
  • フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフ

    フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita
    yarumato
    yarumato 2019/11/21
    “フロントエンド開発の達人になるための6課題を紹介。クレジットカードフォーム、一から作る棒グラフ、...”
  • トップデベロッパーになるために作成したいアプリ8選 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなたがもし健康に関する書籍をたくさん読んだとしても健康になることはありません。実際には、ジムに行

    トップデベロッパーになるために作成したいアプリ8選 - Qiita
    yarumato
    yarumato 2019/11/12
    “1. Trelloクローン:下記を学べます…。ユーザー管理ダッシュボード、暗号通貨モバイルアプリ、独自のWebpack設定、HackerNewsクローン、ToDoアプリ、ソート可能なD&Dリスト、メッセンジャーネイティブアプリ”
  • 1