漫画単行本(コミックス)の最新巻発売情報を見やすくお届け。新刊ランキングや発売日カレンダーで「今」の漫画トレンドがわかる!
![Mangarel|書店のコミック新刊コーナー感覚の漫画情報アプリ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f1db233cd8fd6bb06353211ee49dcb90278352e/height=288;version=1;width=512/https%3A%2F%2Fmangarel.com%2Fimages%2Fogp-logo.png)
前々回のprettierと前回のflowに引き続きReact Confで紹介されてたものを使うシリーズ第3弾です。 styled-componentsはSassやRadium、CSS Moduleといったスタイル系ライブラリの問題を解決するために生まれた新しいライブラリで、今Reactコンポーネントのスタイリングをするならベストの選択肢なんじゃないかと思います。 追記 2017/4/2 - jestでのテストについて追記しました。 2017/5/26 - v2について簡単に記載しました。 styled-componentsとは styled-components 所謂CSS in JSの一種でjsx内に普通にcssが書ける。 キャメルケースとかせずにcssが書けるので、(複雑なことをしない限りは)移行が楽。 props渡したりテーマ作ったり、extendできたり機能豊富。 擬似要素やmed
2018年6月15日に施行される住宅宿泊事業法(いわゆる民泊新法)に向けてスペースマーケットでも民泊サービスの準備を始めています。現在スペースマーケットではスペースの時間貸しを主力としたWebサイト(https://spacemarket.com)を運営しているのですが、それとは別ブランドで民泊サービス専用サイト(https://stay.spacemarket.com)を立ち上げることになり、そのフロントエンドの技術要素として最近話題のStyled Components(v2)を使ってみたのでご紹介します。 Styled Componentsとは 簡単に言うとjsxファイルの中にcssを記述することができるようになるライブラリです。 cssの設計概念や指針は css -> sass -> BEM -> CSS Modules のような流れで進んできましたがStyled Component
はじめに 自分は普段フロントエンドエンジニアとして、React Reduxなアーキテクチャのアプリを作ることが多いのですが、stylingにstyled-componentsを導入しています。今回は、styled-componentsでのCSS設計について書いてみたいと思います。 styled-componentsとは JSでstyleを記述するCSS in JSのライブラリで、2019年8月現在最も人気のあるライブラリです。タグ付きテンプレートリテラルをうまく使った独自性と、明快なAPIでCSS in JSの火付け役にもなり、同じ思想を持った亜種ライブラリ(paypal/glamorous, zeit/styled-jsx等)が続々と出て来るなどある種のブームを巻き起こしました。 そもそも、Reactの登場でフロントエンド開発が「jQueryによるhtmlへの振る舞いの後付け」というスク
先日、5月10日(水)に行われた、Reactを運用する上で得た知見や失敗を共有する「React反省会」に登壇いただいた方々の資料を一挙大公開! Twitterのトレンドにもランクインするほど大盛況だったイベントの登壇資料、見逃すと損するかも...? 1人目:天野 祐介氏 サイボウズ株式会社 グローバル開発本部 kintone開発チームリーダー 2人目:石井 光次郎氏 株式会社マネーフォワード UIテクノロジー部 3人目:鈴木 健太氏 株式会社クラウドワークス プロダクトDiv クライアントサポートG 4人目:外村 和仁氏 株式会社クックパッド サービス開発部 兼 人事部 5人目:泉 将之 ウォンテッドリー株式会社 エンジニア(インターン) 6人目:森脇 健人 ウォンテッドリー株式会社 エンジニア Wantedly feedチームリーダー 7人目:zuckey氏(飛び込みLT枠 8人目:na
こんにちは。エンジニアの安達(@ry0_adachi)です。 今回はReact + FluxをFlux Utilsを使って導入するための話をしたいと思います。 この記事を書こうと思った理由 普段ちょっとしたツールなんかをReactを使って実装したりするのですが、その時にReduxとかでやっているとファイル増えたりしてすごく冗長だなあと感じて、もっと薄く実装できるライブラリを使おうと思った時に手に取ったのがFlux Utilsでした。 この記事ではFlux UtilsにおけるFluxアプリケーションの実装方法に加えて、そもそもReactやFluxって今までのライブラリやフレームワークと比べて何がいいのか?について説明していきます。初歩的な書き方やjsxだったりについては話さないのでドキュメントなどを読んでいただければと思います。 ドキュメント React Flux ReactとFluxを導入
スライドモードとは QiitaやQiita Teamの投稿をスライド形式のユーザインタフェースで表示することができるモード。 主に技術系イベントでの発表資料や社内ミーティングの資料作成などに使ってもらうことを想定しています。 使い方 Horizontal rules - 水平線でページを区切りながら、投稿をスライドとして表示することができます。 投稿画面で以下の赤丸の部分にチェックを入れます。 閲覧方法 投稿の上部に自動挿入される「スライドビュー」でスライド形式で投稿を閲覧 スライドビューのフルスクリーンボタンをクリックし、フルスクリーンで表示 の2種類の閲覧方法があります。 スライドビュー フルスクリーンボタン 閲覧時のスライド操作 操作 スライドビュー フルスクリーン
Kobito for Windows をリリース + 技術的な補足, package.json の公開 Kobito for Windows開発の @mizchi です。 開発開始から約半年、ソロ作業の期間も長かったのですが、ようやくリリースできました。 Kobito for Windows – ソフトウェア開発者のためのMarkdownによる情報記録・共有ソフト というわけで、今日はKobito for Windowsの開発コンセプトとElectronやReactを採用した理由について書いていこうと思います。Rails界隈ではGemfileを公開する文化があるようですが、今回はnode.js / npmのそれであるpackage.jsonを公開します。 Kobito on Electronの開発コンセプトWeb技術でKobitoを実装してWin/Macでソースを一本化既存のKobitoの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く