タグ

ReactとNodeに関するjsstudyのブックマーク (2)

  • Gutenbergのカスタムブロック開発環境にReactを導入する方法 | Fantastech(ファンタステック)

    Node.jsのインストール 今回の開発環境の構築には「Node.js」というものが必要です。 こちらのページからパッケージがダウンロードできるので、インストールしてください。 ※Node.jsについてはこちらの記事が参考になります。 作業フォルダへ移動 開発環境の構築は「コマンド」を使って進めていきます。 Macなら「ターミナル」、Windowsなら「コマンドプロンプト」ですね。 今回はWordPressテーマ内にカスタムブロックの開発環境を構築する話なので、テーマ内の任意のフォルダへ移動します。 コマンドでの移動がよくわからなければ、以下の手順で進めることもできます。 「cd」と入力半角スペースを入力任意のフォルダをターミナルにドラッグ・アンド・ドロップエンターキーをクリック package.jsonの作成 最初に初期設定として以下のコマンドを入力してエンターキーをクリックします。 n

    Gutenbergのカスタムブロック開発環境にReactを導入する方法 | Fantastech(ファンタステック)
    jsstudy
    jsstudy 2020/04/27
    Gutenbergのブロックは「React」と「素のJavaScript」のどちらでも構築できるので、仕様を理解するためにもまずは…と、前に素のJavaScriptで「吹き出しブロック」を作っていたんですが、やっぱりReactの導入は避けれないなーと。
  • JMOOCのJavaScript講座 - JavaScript勉強会

    無料で学べる「JMOOC」というオンライン講座があります。 JMOOCの中に、JavaScriptの講座もありました。 JMOOC https://www.jmooc.jp/ www.jmooc.jp ja.wikipedia.org 一般社団法人日オープンオンライン教育推進協議会(Japan Massive Open Online Courses Promotion Council)は、2012年より米国で始まった無償教育サービス「MOOC」(オンラインで大学レベルの授業を無償で公開し、終了条件を満たした受講者に修了証を提供する)の日語での無償提供及びその普及・拡大を目的とし、2013年11月に設立された非営利団体である。 略称は「JMOOC(ジェイムーク)」。 JavaScript講座 https://www.fisdom.org/F00000125/ www.fisdom.org

    JMOOCのJavaScript講座 - JavaScript勉強会
  • 1