2019/05/21スポンサーリンクオシャレで便利なテンプレートエンジン「AdminLTE」をYarnを使ってインストールする方法を書きます。AdminLTEこんな感じのいい感じのテンプレート。今回インストールするAdminLTEのバージョンは「2.4.0」になります。AdminLTEの現在の最新版は「3.x系(開発進行版)」です。最新版を使わない理由は、2.x系まであったスキン(テンプレートの色を管理しているスタイルシート)を管理しているskins/ディレクトリがなくなっており、以前までの使い方が出来なくなっていたためです。2.x系の使い方の方が馴染みがあるので今回はこちらのバージョンを使います。Yarnは使用できることを想定して進みます。Yarnの入れ方は以下を参考にしてください。Qiitaプロジェクトの作成まずは土台となるプロジェクトを作成します。installここはサクッと。インストールする次はYarnからAdminLTEをインストールします。addで入れることができます。23.13s.AdminLTEに関連したパッケージがnode_modules/ディレクトリにごっそり入ります。node_modules/の他に、package.json、yarn.lockもそれぞれ追加されます。設定AdminLTEのスクリプトとスタイルシートが読み込めるように「assets」の設定を行います。Rails.root.join('node_modules')assetsのパスに、新たにnode_modules/ディレクトリを追加します。設定AdminLTEのスクリプトの読み込み。追加CSSの設定AdminLTEのスタイルシートの読み込み。追加おわりこれでAdminLTEを使う準備が整いました。あとはドキュメントに従ってコーディングしていくだけです。MEmaechanベンチャー、フリーランス、スタートアップを経験。現在は農業系スタートアップ企業でエンジニアとして働いています。リモートワークをしているノマドサラリーマンです。茶道とワークアウトが趣味です。maechanまえちゃんろぐ日本語の形態素解析エンジン「Mecab」と単語をベクトル表現化する「Word2vec」をMacへインストールする方法を書きます。maechanまえちゃんろぐとりあえず「Kaggle」でデータを弄って遊んでみる。maechanまえちゃんろぐコンテンツサービス「note」を使って、プログラミング初学者向けにとある記事を公開しました。maechanまえちゃんろぐ毎日のゴミ出しのゴミの種類がなかなか覚えられない。都度、市役所から貰ったゴミの収取日カレンダーを見るのはとても面倒だ。シリアル通信で連携しながら、温度湿度を取得するセンサーを作ってみました。maechanまえちゃんろぐ今回はWordPressのスタイルシートまわりについて。コメントをキャンセルメールアドレスが公開されることはありません。Encrypt...ノマドサラリーマンmaechan海の近くでリモートワークをしているエンジニア。スタートアップ企業でプログラミング。/1989年生/青森県出身/エンジニア/茶道/ワークアウト/みんなよろしくね!詳しいプロフィールはこちら。インストールする方法ノマドサラリーマンmaechan海の近くでノマドサラリーマンを満喫中のエンジニア。スタートアップ企業でプログラミング。/1989年生/青森県出身/エンジニア/茶道/ワークアウト/みんなよろしくね!詳しいプロフィールはこちら。