記事一覧
Ruby Classについて 1
attr_accessorクラス内で変数を定義するためのメソッド。 引数に与えられたシンボルがクラス内の変数として定義される。 attr_accessor :name, :type, :date #こちらが一 …
Nuxt.js プロジェクト作成手順とフォルダの種類
プロジェクト作成vue init nuxt-community/starter-template my-app パッケージのインストールcd my-appyarn #パッケージのインストールyarn dev #サーバー起動 ディレク…
removeEventListener
bind(this)でイベントを追加した場合、removeできない現象を書きコードで解決した。
export default class WebGL { init(){ this.resize = this.resize.bind(this) window.addEventListener("resize",this.resize) } resize
Nuxt.js ページスクロール時に要素にclass付与
ページスクロールしてフェードしながら要素を出したいときなどに使う公式ドキュメントにも書いてあるので、そこが一番参考になる。
plugins/scroll.js (v-scroll=""を使えるようにする。)
import Vue from 'vue'Vue.directive('scroll', { inserted: function (el, binding) { let
Nuxt.js ページ遷移時の処理
ページ遷移時のタイミングで処理をしたいpluginでページ遷移時の処理を書き、nuxt.config.jsで読み込む方法がある。
例. plugins/routerOption.js
export default async ({ app,store }) => { app.router.afterEach((to, from) => { let page_name; pag
Nuxt.configについて
head内にgoogle tag managerなどのscriptを挿入するhead:{ script:[ { innerHTML: "ここにscript内記述" } ], __dangerouslyDisableSanitizers: ['script']}
generate先フォルダを変えるgenerate:{ dir: "hoge/test" }
loca
ruby/rails ノートその3 form_forについて
<%= form_for(@user) do |f| %>
例えばユーザ登録のさい form_forをこのように記述していた。
paramsを参照するためのキーになり、第二引数でpostのurlを指定。
@userと省略して書かなければ
<%= form_for(:user, uri: users_path) do |f| %>
とも書ける。
省略できるのはUserモデルが存在するから。
ruby/rails ノートその2
_pathと_urlの違い_urlはhttpからの出力になり、_pathは相対パスになる。
リダイレクトする際は_urlを使い、それ以外は_pathとかくと良い。
Railsの規則。
render とはrender :new とはそのコントーラーに対応するviewを表示する。
例えば、users_controllerにこのrenderが書いてあれば、views/users/new.html.er
ruby/rails ノートその1
配列から最初の3つをeachで出力a = ["test1","test2","test3","test4"] 3.times.each do |i| puts a[i]end
classのsuperメソッド小クラスではsuperメソッドが使える。
superは親クラスのメソッドを呼び出せる。
class A def hoge puts "aiueo" end def hoge2 put
Vue cliからの環境設定
Nuxtを使わないVue-cliからの環境設定のメモ。
プロジェクト生成vue init webpack my-project
途中選択肢は好みで。 今回yarnを選択。
Routerの調整 別ページ作成import Vue from 'vue'import Router from 'vue-router'import Meta from "vue-meta"import HelloWorl
MySQL コマンド
Cloud9上で作業する際のメモ
起動sudo service mysqld start
停止sudo service mysqld stop
起動状態確認sudo service mysqld status
DB接続mysql -u root
Nuxt.js ルーティング(nuxt-linkによる動的切り替え)
ルーティングの定義pagesフォルダがこのような構成だった場合、
pages/--| index.vue--| projects/----| index.vue----| _id.vue
以下のようにルーティングが定義される。
router: { routes: [ { name: 'index', path: '/', component: 'pages/ind
Ruby + MySQL セキリュティ
input入力から<script></script>などの入力を受け付けないようにし、
htmlタグが文字列に変換される。
ERB::Util.html_escape(...)
また、ユーザーから入力されたデータを直接SQL文に含めるのは危険。
例として、
book_title = params['book_title']statement = client.prepare('INSERT
Ruby Classについて 1
attr_accessorクラス内で変数を定義するためのメソッド。
引数に与えられたシンボルがクラス内の変数として定義される。
attr_accessor :name, :type, :date #こちらが一般的attr_accessor (:name, :type, :date) #こういう書き方と同じ意味
これらのインスタンス変数として定義され、実際には@name、@type、@dateとし
Nuxt.js プロジェクト作成手順とフォルダの種類
プロジェクト作成vue init nuxt-community/starter-template my-app
パッケージのインストールcd my-appyarn #パッケージのインストールyarn dev #サーバー起動
ディレクトリ構造assets
画像、css(scss)、Javascriptの管理。
webpackでコンパイルなどしたいファイルを置く。
components
Vueコ