タグ

2020年5月20日のブックマーク (5件)

  • Docker入門 - Qiita

    Vagrant入門 構成 Dockerとは インストール Docker Hubはじめに ドカライズアプリケーション コンテナでの作業 Dockerイメージでの作業 コンテナをリンクする コンテナ内データの管理 Docker Hubでの作業 Tips 詳細 Dockerとは Develop, Ship and Run Any Application, Anywhere 開発・配置そしてどこでもどんなアプリケーションでも実行する Dockerは開発者と開発のためのシステム管理者がアプリケーションを配置そして実行するためのプラットフォームです。 なぜDockerか? アプリケーションをよりはやく届ける デプロイとスケールをもっと簡単に 迅速な開発は管理をもっと楽にする Dockerの構成 Dockerエンジン・・・アプリケーションの構築・コンテナのワークフローを統合する軽量かつパワフルなオープン

    Docker入門 - Qiita
  • 新卒エンジニアに送るReact + Reduxの習熟度チェックリスト - Qiita

    なんとなくだけどこれくらいできるといいなーと思ったことをまとめていたらチェックリスト方式になったので公開。まだ項目として足りない部分があるけどそれは今後追加していけば良いかなと。 これ足りないよ〜とかありましたらコメントいただけますと嬉しいです。 前提 Create React Appでプロジェクトを開始できる React公式のチュートリアルを完了している 初級者 Stateの更新・propsの使用ができる 配列を使って要素の描画ができる formを使ってpostすることができる ライフサイクルメソッドを使うことができる UIライブラリを使ってスタイルを付けられる 簡単なビューであれば作成・修正ができるレベル lintの設定ができる Formaterの設定ができる react-routerを使いページ遷移をさせることができる。 配列内のkeyの意味がわかる。また、keyにどんな値を入れるの

    新卒エンジニアに送るReact + Reduxの習熟度チェックリスト - Qiita
    d4-1977
    d4-1977 2020/05/20
    まだまだ、自分足りないっ💦
  • 今から始めるReact入門 〜 React の基本 - Qiita

    目次 今から始めるReact入門 〜 React の基 ←★ここ 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 React をはじめるにあたって 普段バックエンドを触っている人間として、フロントエンド側の知識も触れておこうということで個人的なReact の勉強記を残しておきたいと思います。 すでにReact の記事は多く出回っていますが、ここでは最近のReact 及びReact Router, Redux, その他Red

    今から始めるReact入門 〜 React の基本 - Qiita
    d4-1977
    d4-1977 2020/05/20
    ボリューム満載…で読み切れなかった
  • 経年劣化に耐える ReactComponent の書き方 - Qiita

    「経年劣化に耐えるコード」というのは、だれもが目指すものでしょう。「そもそもフロントエンドのコードは、今ある技術で最良のものを書き捨てるべき」という意見も理解できますが「備えあれば憂いなし」ということもありますので、ここにメモを残します。あくまで、私なりのベストプラクティスですのでご了承ください。 5層に別れた SFC 私はレイヤーによる技術の分離で、ReactComponent の経年劣化に備えています。ここでいうSFCとは「Stateless Functional Component」の略称ではありません。Vue.js の文脈にある「Single File Component」を指します。 // (1) import層 import React from 'react' import styled from 'styled-components' // (2) Types層 type

    経年劣化に耐える ReactComponent の書き方 - Qiita
    d4-1977
    d4-1977 2020/05/20
    階層の分け方や、役割の整理は大切そう
  • サイズがバラバラな画像をレスポンシブで縦横比を揃えて表示させる - Qiita

    追記(2021/10/14) この記事のやり方は古いやり方です。 IE や過去バージョンのブラウザに対応したい場合に参考にしてください。 今は aspect-ratio プロパティを使ってくださいね。 参考:CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法 | コリス やりたいこと サイズがバラバラな複数枚の画像を表示サイズを合わせて表示したい。 レスポンシブで縦と横の比率も揃えたい。 画像のトリミングは縦方向も横方向も中央部分が表示できれば良い。 CSS で画像をトリミングする方法 CSS で画像をトリミングするには…で思いつくのは2パターン。 ただしどちらも今回のやりたいことが達成できない object-fit を使う方法 object-fit - CSS: カスケーディングスタイルシート | MD

    サイズがバラバラな画像をレスポンシブで縦横比を揃えて表示させる - Qiita