UIコンポーネントにはマージンをつけるな！絶対にだ！！
私は長年、CSSのmarginをどのように書くか悩んできました。 たとえば、このようなボタン。 <button class="button">ボタンだよ</button>...
969
579
Comment9
33 search resultsShowing 1~20 results
Stocked
You need to log-in
ReduxとReact-Reduxの超入門チュートリアル
やっとReduxが理解できたので、忘れないうちにチュートリアル形式でまとめておきます。 学習の前に Node.jsが必要です https://nodejs.org/ja/ anyenvからのno...
14
16
Comment0
Next.js + Emotion (CSS in JS)で始めるReact超入門
以前、React初学者向けの勉強会を開催したときに作った資料を、Qiita向けに調整したものです。 Reactの初歩的な記法 Next.jsでのサーバーサイドレンダリングの概要 CSSinJSの...
58
36
Comment0
マークアップエンジニアから見た、デザインツール「STUDIO」
コードを書かずにWebサイトを作成できる、STUDIOを使ってみた所感です。 HTML、CSSのプロであるマークアップエンジニア目線で書いてみます。 STUDIOとは？ STUDIOとは、ノーコ...
7
4
Comment0
Amazon Lightsailで気軽にサーバー構築
Amazon Lightsail とは？ Amazon Lightsailは、AWSが提供しているVPS（仮想プライベートサーバー）です。数クリックでクラウド上にサーバーを構築できるので、EC2...
25
15
Comment1
【勉強会用資料】Cloud Functions for FirebaseとFirebase Hostingを使い、ベーシック認証付きステージング環境と本番環境を用意する
勉強会用に作成した、Cloud Functions for FirebaseとFirebase Hostingを使い、ベーシック認証付きステージング環境と本番環境を用意するまでのフローです。 ベ...
9
9
Comment0
マークアップエンジニアがフロンエンドエンジニアになるために、学ぶべきこと・活かせること
静的なWebサイトを作るマークアップから、動的なWebアプリを作るフロントエンドに仕事が変わって、今までのスキルでは足りなかったところや、逆に使えた部分等をまとめてみました。 マークアップからフ...
67
64
Comment0
Create React App + TypeScriptでESLintとPrettierを使う＆Gitコミット時にチェックする
Create React App + TypeScriptを作成 npx create-react-app my-ts-app --typescript cd my-ts-app ESLintと...
19
14
Comment0
Next.jsの機能
Next.jsを触るに当たり、必要そうな情報をまとめました。 （一部、公式ドキュメントの雰囲気和訳です） メモ程度のものなので、ざっくりです。 学習しながら、随時更新していきます。 間違い等あれ...
17
14
Comment0
Next.jsのインストールとルーティングの基礎
Next.jsとは？ Next.jsとは、Reactのユニバーサルフレームワークです。Nowでお馴染みのzeit.coが開発していて、以下のような特徴があります。 SSR（サーバーサイドレンダリ...
16
14
Comment0
Next.js + TypeScript 環境を爆速で作る
必要なパッケージをインストール npm init -y npm i next react react-dom @zeit/next-typescript && npm i -D ...
25
19
Comment0
Next.jsでつくる動的ページ
チュートリアルをもとに、Next.jsでの動的ページ作成方法を見ていきます。 チュートリアル用のリポジトリをクローンしておきましょう。 $ git clone https://github.co...
24
21
Comment2
10年間、キーボードについて本気出して考え続けた、結論。
お世話になっております。大塚です。 un-T factory! XA Advent Calendar 2017 24日目の投稿です。 コーディングをする者ならば、大なり小なり興味・関心があるであ...
25
14
Comment0
マークアップエンジニアに必要な技術
マークアップエンジニアとして約4年間働いてきました。そして、これからはフロントエンドエンジニアとして静的なWebサイトから、動的なWebアプリケーションを作成する仕事に変わります。 そこで、4年...
257
226
Comment0
Gatsby.jsで静的なWebサイトをサクッと作る（CSS・SCSS篇）
Gatsby.jsで静的なWebサイトをサクッと作る（インストールからHTML編集篇）の続きです。 今回は、CSS（SCSS）でスタイルをあてるまでを解説します。 SCSSを使えるようにする そ...
33
17
Comment0
Gatsby.jsで静的なWebサイトをサクッと作る（インストールからHTML編集篇）
週末でGatsby.jsを触ってみたので、その共有です。 いろいろできるGatsby.jsですが、公式のHello WorldをベースにCSS（SCSS）やメタ情報の設定くらいまでを、何度かに分...
54
50
Comment0
【2018年】フロントエンドエンジニア1年生として、この一年取り組んだこと。
2018年、肩書がマークアップエンジニアからフロントエンドエンジニアに変わりました。 フロントエンドエンジニアとして、今年一年、自分がどのような活動をしていたか？まとめてみました。 index ...
11
8
Comment0
jQuery非依存のアコーディオン作ってみた
jQueryのslideToggle()はすごく便利ですが、頼りすぎるとエンジニア強度が下がってしまいます。 下がらないように、素のJavaScriptでも、アコーディオンを作ってみましょう。 ...
18
5
Comment0
【JavaScript】関数の引数をオブジェクト形式にして、さらに初期値を設定する。
JavaScriptの関数に引数が複数ある場合、オブジェクト形式にすると、値の意味がわかりやすくてとても便利です。 さらに、引数に初期値を設定してあげれば、関数の設定を変えたいときだけ引数を書け...
43
32
Comment0
クライアントサイドから考えた、HTMLをインクルードする3つの方法
Webサイトを構築するにあたり、ヘッダーやフッター、解析タグ等の共通部分を、一括で管理したいですよね。 そんなときは、共通部分を別ファイルに切り分け、別途管理するかと思います。 今回は、HTML...
10
6
Comment0
33 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles