webpackでいろいろやってみる続きです。 前回は開発用・本番用で書き出しコードを変えてみました。 webpackで開発時にソースマップを出したり本番用に圧縮する 現状だとCSSを使うことをやっていないので、スタイルが当てられないです。今[…]
今年は紅葉当たり年ですね。去年、紅葉を撮りたかったけど紅葉が不作の年で断念したお寺にリベンジしてきました。 行ってきたのは京都の蓮華寺、円光寺、詩仙堂、金福寺の4つです。ただ詩仙堂は人が多くて写真少ないです。。 あと、お寺を回って思ったのは[…]
Reactの勉強でよくあるサンプルをいろいろと書いてみたまとめです。 同じ環境でやりたい人はこちらで準備してください。 webpackでReact.jsとwebpack-dev-serverを使えるようにする もくじ Hello World[…]
ちょっとした変更ですが、修正したいところがあったのでアップデートしました。 更新内容 ドロワーメニューが開いている時にリサイズするとメニューが閉じるように ドロワー開閉のハンバーガーボタンのマークアップ修正。 メニューを設定してない時はハン[…]
京都に紅葉を見に行ってきました。場所は紅葉の名所の南禅寺から永観堂付近と法然院に行ってきました。 永観堂に関しては入り口で拝観料を見て折り返し、一緒に行った全員が近くにある500円の手相を見てもらう謎展開になりました。 当日の写真少し お気[…]
_sベースのmodernizeというWordPressのテーマが公式ディレクトリで公開されました。今見ているこのブログがそのテーマを使っています。 以前作ったWillowというテーマに続き二つ目です。5月頃に申請を出し、約半年で登録となりま[…]
アクセシビリティに対応したドロワーメニューのjQueryプラグインhiraku.jsを使ってみました。 この記事では、基本的な導入部分しか書いていないので、詳しいカスタマイズ方法は作成されたアップルップルさんのブログを見るのがいいと思います[…]
ReactでSPAを作る時、ページ遷移ってどうするのかなと調べているとReact Routerにたどり着いたので試してみました。 React Router Reactを試す環境がある方はそれで、なければ以下で環境の作り方書いてます。今のとこ[…]
前回はReact.jsを使えるようにしたり、webpack-dev-serverを使ってみました。 webpackでReact.jsとwebpack-dev-serverを使えるようにする React.jsでJSを書いていけるようになったの[…]
React Nativeメモ 前回こんな記事を書いたついでにReact Nativeの方でも試してみました。 WP REST API v2を使って記事一覧をReactで取得してみる コードは以前書いたGitHub API使うやつとほぼ一緒な[…]
最近よく聞くWP REST API。興味はありましたがなかなか触れずいましたが、ようやく触ってみました。 WP REST API v2 WP REST API v2を有効化 まずは以下のプラグインをインストールして有効化します。 WP RE[…]
CSS Trick or TreatというハロウィンパーティをしながらCSSの話をする会に参加してきました。 当日はお菓子を持っていくか、CSSのトリックを持っていかないと変態的なことしちゃうぞ♡というハロウィンパーティです。 当日のTwi[…]
前回、webpackとbabelの導入をやってみたので、次はReact.jsを使えるようにしてみます。 また、webpack-dev-serverも入れて、サーバーを立てたり、変更した時の自動コンパイルをやってみます。 初めてでもできるwe[…]
ちょっとずつwebpackを触って理解していこうという第一弾です。 一度webpackを使って、React.jsをesで書くまでのものは作ってみたんですが、見よう見まねで理解できてないところも多いです。 React-starterk[…]
今年も早くも10月半ば。最近、急に寒くなってきました。 この寒くなるシーズンに見たくなるのが紅葉です。去年が紅葉不作な年だっただけに、今年は特に綺麗な紅葉を見たいものです。 今回は、今までに行った京都の紅葉スポットを紹介します。今年の参考に[…]
スクロールに応じて要素の位置を変えたり、色を変えたりする時に便利なskrollrというプラグインを使ってみました。 デモサイトを見ればどんなものか分かると思います。 デモサイト 思い通りに要素を動かすことができます。使い方も簡単です。 もく[…]