-
Ruby on RailsにおけるJavascriptファイルの取り扱い(Rails6)
2020/11/25
概要 GW中に学んでいたRuby on Railsにおけるフロントエンドのjsの読み込みの扱いに関してのメモ。 Rails6からJS周りの取り扱いが大きく変わったようで、ググって参考にした記事が6でな ...
-
View内に変数を表示する際のメモ
2020/5/25
概要 erb内にrubyでコードを埋め込む際に詰まった部分の個人的なメモ。 ヘルパー内に埋め込む場合 ヘルパーのコードブロック内に変数を参照したい場合には#{変数名}で文字列化して表示可能 [cray ...
-
Ruby on RailsでマークダウンエディタのSimpleMDEを使用する。(Rails6)
2020/5/7
概要 Rails6にSimpleMDEを組み込む方法のメモ。 Railsはjsの管理方法などが独自なので忘備録。 SimpleMDEを使うと下記のようなマークダウンエディタが簡単に実装できる。 手順 ...
-
ビューテンプレートに入れ子でタグを記載したい時の方法(Ruby on Rails)
2020/5/6
概要 Railsで画面実装時に詰まった箇所のメモ。 概要 Railsではビューテンプレート内に下記のようにヘルパーを使ってHTMLタグを出力する事がよくある。 下記のlink_toヘルパーでは aタグ ...
-
JavascriptでHTML文字列をパースしてDOM要素として扱う
2022/12/29
背景 JavascriptでWEBサイト内のHTML要素を参照したい場合には、一般的に下記のようにdocument変数に対してquerySelectorなどで実現ができます。 [crayon-66ff ...
-
HTML5とJavaScriptでサウンドノベルを作る(TypeScript使用) その4 画像表示
2015/8/16
概要 前回はページ戻しや送りの機能を実装しました。 文章表示関連の処理は一旦止めて次は画面表示を実装して見ます。 今回やりたいこと 文章の背景に画像を表示させます。 任意のタイミングで背景を変えられる ...
-
HTML5とJavaScriptでサウンドノベルを作る(TypeScript使用) その3
2015/7/29
概要 前回はTypeScript(HTML5 + JavaScript)を用いてサウンドノベルっぽいキャレット表示と、自動改ページを行いました。 今回はページ戻し機能を追加します。 今回やりたいこと ...
-
HTML5とJavaScriptでサウンドノベルを作る(TypeScript使用) その2
2015/7/22
概要 前回はTypeScript(HTML5 + JavaScript)を用いてサウンドノベル風の文章表示を行ってみました。今回は引き続き機能を拡張していきます。 今回はキャレットと自動改ページを追加 ...
-
HTML5とJavaScriptでサウンドノベルを作る(TypeScript使用)
2015/7/22
概要 現在、TypeScriptの勉強をしています。 折角なので自分の好きなサウンドノベルを作る目標で勉強していこうかと思います。 今回は、単純な以下のようなマウスクリック時に文字を表示していく処理を ...
-
ASP.NET MVCでテキストエディタを使う その4 サーバサイド編
2015/2/15
はじめに 前回までにcontenteditable属性を用いたテキストエディタを出力できるHTMLヘルパーの作成方法を紹介しました。 今回は実際にそれに合わせたサーバーサイドの実装を説明します。 デー ...