ReactリッチテキストエディタDraft.jsを基礎から理解する | アールエフェクト
Reactで構築するアプリケーションにEditorの機能を追加したいという時に利用できるライブラリの一つにDraft.jsがあります。Draft.jsはReactのためのRich Text Editor Framweworkでプラグインも公開されているので機能追加も簡単に行うことができます。実際のサービスに利用されていることからもReactでEditor機能を組み込みたいと考えている時に知っておいて損はないライブラリの一つです。本文書ではDraft.jsを使いこなす上で必要となる文字の書式設定、リンクの設定、画像の追加などシンプルなコードを利用して動作確認を行なっていきます。 Reactのバージョンは18.2、draft-jsのバージョンは0.11.7を利用して動作確認を行っています。 Reactプロジェクトの作成 create-react-appコマンドを利用してReactのプロジェクト
今回こそ、CSSのpositionを必ず理解したい | アールエフェクト
WEBページのレイアウトを整えて行く上で絶対に理解しておきたいのがCSSのpositionプロパティです。インタラクティブなUI(ユーザインターフェイス)を持つアプリケーションを作成したい場合は必須な知識で使用頻度も極めて高いです。初めてpositionプロパティを学び人もまだ完璧に理解していない人も基礎からしっかり学んでいきましょう。読み終えた時には他の人にも説明できるぐらいCSSのpositionの理解が深まっているはずです。 cssのpositionプロパティの値 cssのpositionプロパティを利用することで要素をHTMLに記述した場所ではなく自分の表示させたい場所に表示させることができます。しかし細かなルールが決められているのでそのルールを理解しておく必要があります。 positionプロパティを完全に使いこなすためには、下記の4つの値のそれぞれの動作をしっかり理解しておく必
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
