カスタムコンポーネントを作ってレンダーする azunobu.hatenablog.com 前回、HTML要素からコンポーネントを作成し、レンダーする方法を学んだ。 一方でReactではHTML要素をコンポーネントにするよりも、カスタムコンポーネントを作る場合のほうが多い。 カス…

コンポーネントを作ってHTMLにレンダリングする 今回はReactで作成するアプリケーションとして最も基礎的な構成要素となるコンポーネント定義の方法ついて。 ディレクトリ構造 azunobu.hatenablog.com 前回、HTMLファイルの中にJSコードを混在させて書いてい…

何気なく書いた babel-browserとは何か azunobu.hatenablog.com 前の記事でHello Worldした際に、HEAD要素の一つに <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script> </head> というものがありました。 ここで読み込んでいるbabel-browserは一体何なのでしょうか。 JSX facebook.github.io babel-browserを知るため…

Reactに入門する 今年の夏以降、Web系のインターンシップに行ったり、いろいろな企業のフロントエンド事情を聞くことが多く、 AngularやReact、Vue.jsなど、ウェブフロントエンド界隈の技術はさまざまなライブラリやフレームワークを採用しているところが多…

StatusBarの下にコンテンツが潜り込む現象 values/styles.xmlで<item name="android:windowTranslucentStatus">true</item>という属性を指定した後になって、ステータスバーにコンテンツが潜り込んでしまうことがある。 ステータスバーに対して透過するような属性を加えた時、この透過した部分に対しても描画領域…