ポートフォリオサイトを作ろう！【第１回 Nuxt+Netlify で環境構築編】｜Koushi Kagawa
※この記事について 現在Nuxt+Netlify+Contentfulでポートフォリオサイトを構築しており、その連載記事となります。 連載記事はマガジンにまとめています。こちらをご覧ください。ポートフォリオサイト作成チャレンジ中です。最近はVueに興味があったのですが、 『Nuxt.js利用すると便利だよ』 と教えてもらったのでそれならばやってみようかなと思いNuxt+Netlifyでチャレンジしてみることにしました。 プロジェクトの作成まずはプロジェクトのフォルダを作成します。今回は『port』というフォルダを作りました。 vue init nuxt-community/starter-template port※上記「port」の部分はご自分のフォルダ名に変更してください。 すると、下記3点を聞かれます。 *Project name* *Project description* *Au
Vue.js+PHP+Slim Frameworkでログイン認証（コンパイルなしSPA） - Qiita
はじめに このアプリは、クライアントサイドは、Vue.jsを使ってSPA（シングルページアプリケーション）を実現し、サーバーサイドは、Slim Frameworkを使ってログイン認証を実現させています。 https://github.com/isamusuzuki/vue-slim-auth 何を作ったのか？ Topページは、誰でも見ることができます。 Loginページでは、user / user@123でログインできます。 Secretページは、ログイン後でないと見られません。 Secretページでは、認証トークンをつけてAPIを叩いています。 ログインしていない状態でSecretページに行くと、Loginページに遷移します。 遷移された状態でログインに成功すると、元のページに戻ります。 クライアントサイドの特長 JavaScriptコードは、Webpackなどでコンパイルしていません。
nuxt.js + buefyでいい加減にHELLO WORLDする - Qiita
株式会社entershareのなつきです！ 最近プロジェクトでnuxt.jsを使う機会に恵まれました。 BuefyというUIのライブラリを使ってプロダクトの高速ローンチを目指しています。 それまでの手順をチームとの共有もかねて記録していきます。 Nuxt.jsって何？ Vue.jsのフレームワークです。RubyでいうところのRailsのような存在だと聞いてこともあります。 様々な機能がありますが、公式ドキュメントから引用すると下記のような感じです。 Vue ファイルで記述できること（*.vue） コードを自動的に分割すること サーバーサイドレンダリング 非同期データをハンドリングするパワフルなルーティング 静的ファイルの配信 ES6/ES7 のトランスパイレーション JS と CSS のバンドル及びミニファイ化 要素（、 など）の管理 開発モードにおけるホットリローディング プリプロセッサ
Adobe XDでBuefyのUIキットを作りました！【無料配布】 | とんよー。ブログ
BuefyのUIキット作りました！ BuefyのUIキットです。無料ですので使ってください！ 以前制作したBulmaのUIキットを元に、BuefyのUIキットを制作しました！ 無料ですので、使いたい方はぜひダウンロードしてください！ Buefyって何ぞ？って方は「BulmaとVue.jsでできたUIコンポーネント「Buefy」【紹介とチュートリアル】」の記事を読むことをオススメします。 下記のボタンからファイルをダウンロードできます。 ※ダウンロード前に下記の注意事項をお読みください。 Buefy-UIキットをダウンロードする 注意事項 みなさまが当Adobe XDファイルをダウンロードし、使用することによって、コンピュータやソフト、または業務に支障・障害が生じた場合、いかなる理由によるものでも一切責任を負いません。あらかじめご了承ください。 当データは、Adobe XDのバージョン(11
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
