サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.cssフレームワークbulma用テンプレート:elm0.19でbulmaを利用する


文書の過去の版を表示しています。


Elm0.19でbulmaを利用する

方法はいろいろあります。

2つの方法について、以下に記載させていただきました。こちらの、create-elm-appのpublic/index.htmlにbulmaとFontAwesome5のCDNを記載する方法がお勧めです。

http://i-doctor.sakura.ne.jp/font/?p=36404
Elm0.19でCSSフレームワーク”bulma”を試してみる(1)(surprisetalk/elm-bulma packageの利用)
2019年3月24日

http://i-doctor.sakura.ne.jp/font/?p=36426
Elm0.19でCSSフレームワーク”bulma”を試してみる(2)(create-elm-appでelmアプリを作成)
2019年3月24日

http://i-doctor.sakura.ne.jp/font/?p=36580
create-elm-appでbulmaとfontawesome5を試してみる
2019年3月28日

開発環境

Windows 10 Pro
Chrome
VisualStudioCode 1.32.3
git version 2.20.1.windows.1
nvm 1.1.7
node 10.2.0
npm 6.4.1
elm 0.19.0
elm-format 0.8.1
VisualStudioCodeの拡張機能でelmをインストールして、settings.jsonに以下のようにelmを設定

    "[elm]": {
        "editor.formatOnSave": true
    },

src/Main.elmをmain.jsにコンパイルしてindex.htmlに読み込む

詳細は以下へ:http://i-doctor.sakura.ne.jp/font/?p=37457

  1. アプリ作成用フォルダを作成
  2. elm init

index.html

リンク


00.cssフレームワークbulma用テンプレート/elm0.19でbulmaを利用する.1556980201.txt.gz · 最終更新: 2019/05/04 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki