| @技術/プログラミング
Archive ページに React Router を導入して、年を切り換えたときにページ遷移なしで表示を切り替えられるようにした。あわせてカテゴリ一覧を表示して記事を絞り込み表示するようにした...

スクリーンショット 2017-06-04 12.05.28.png

Archive ページに React Router を導入して、年を切り換えたときにページ遷移なしで表示を切り替えられるようにした。あわせてカテゴリ一覧を表示して記事を絞り込み表示するようにした。

React はこれまで cdnjs からダウンロードしていて JSX の変換は Babel の browser.js を使ってブラウザーで行っていたけど JS の開発環境もちょびっとだけモダンにして npm モジュールをインストールして手元でいろいろやるようにした。一枚のスクリプトに書いていたコードはコンポーネントごとに分割して browserify で連結するようにした。 React を自前で配信するとファイルサイズも結構無視できない感じになったので minify なんかもするようにした。

F/E の情報収集、きらきらネームが多くて調べるのにかなり時間がかかった。 npm モジュールの名前とそれが何をやるためのものなのかがすぐに分からない。じいちゃんばあちゃんが横文字を覚えられないのに似てる。 Ruby もきらきらネーム gem は多いけど寿命が長いのである程度触ってれば覚えられる。 JS はライブラリの寿命が 1 年くらいだから雨後のたけのこのようにどんどん新しいやつが出てきて全然覚えられない。自分が高齢化してきてるだけで若い人だったらすんなり頭に入ってくるんだろうか。

この記事を参照している記事

  • 3e09f5ca087652ef6441cec225c7c7ee
    Archive ページ をリファクタリングした。これまで gulp をビルドに利用していた(Archive ページを React Router 化)が、 webpack を使うように変えた。React のコードも見直して、 DOM の状態に依...

この記事に似ている記事

  • Screenshot
    このブログの Archive ページ、自分で作った Lokka Plugin でできているのだけど、ここを React を使って作ってみた。 React チュートリアルの写経の題材を自分のブログにした感じ。 CoffeeScript オワコン...
  • Fe06a0707db0235c4cd2ff696314c1f8
    Archive ページにカテゴリごとの記事件数を表示する機能を追加した。API でカテゴリごとの記事件数を返すのではなく、 JavaScript だけで entries.length を数えるようにしている。 React で関連コンポーネント...
  • Screenshot
    Archives ページは部分的に React.js を使ってる。これを全部 React にして SPA 化してみたい。そのためには Server Side Rendering が必要。Ruby で Server Side Rendering...
  • 3e09f5ca087652ef6441cec225c7c7ee
    Archive ページ をリファクタリングした。これまで gulp をビルドに利用していた(Archive ページを React Router 化)が、 webpack を使うように変えた。React のコードも見直して、 DOM の状態に依...
  • 1113 dreamhost
    もうここ1ヶ月以上、休みになる度にインストールスクリプトを動かしてるんだけど、DreamHostにPHPをカスタムインストールできない。DreamHostには結構新しめのPHPがインストールされてるが、SOAPライブラリがインストールされてな...
  • Screenshot
    Rubyいいっすわ。あんまり詳しいことは tech.portalshit.net に書きますけど、Rubyいいっすわ。Rubyの何が良いってオブジェクト指向なのがいいっすわ。あと無駄な括弧やセミコロンが必要ないのもいいっすわ。配列の操作、ブロ...

Comments


(Option)

(Option)