HTML

概要 GW中に学んでいたRuby on Railsにおけるフロントエンドのjsの読み込みの扱いに関してのメモ。 Rails6からJS周りの取り扱いが大きく変わったようで、ググって参考にした記事が6でな ...

概要 erb内にrubyでコードを埋め込む際に詰まった部分の個人的なメモ。 ヘルパー内に埋め込む場合 ヘルパーのコードブロック内に変数を参照したい場合には#{変数名}で文字列化して表示可能 [cray ...

概要 Rails6にSimpleMDEを組み込む方法のメモ。 Railsはjsの管理方法などが独自なので忘備録。 SimpleMDEを使うと下記のようなマークダウンエディタが簡単に実装できる。 手順 ...

概要 Railsで画面実装時に詰まった箇所のメモ。 概要 Railsではビューテンプレート内に下記のようにヘルパーを使ってHTMLタグを出力する事がよくある。 下記のlink_toヘルパーでは aタグ ...

背景 JavascriptでWEBサイト内のHTML要素を参照したい場合には、一般的に下記のようにdocument変数に対してquerySelectorなどで実現ができます。 [crayon-673e ...

概要 前回はページ戻しや送りの機能を実装しました。 文章表示関連の処理は一旦止めて次は画面表示を実装して見ます。 今回やりたいこと 文章の背景に画像を表示させます。 任意のタイミングで背景を変えられる ...

概要 前回はTypeScript(HTML5 + JavaScript)を用いてサウンドノベルっぽいキャレット表示と、自動改ページを行いました。 今回はページ戻し機能を追加します。 今回やりたいこと ...

概要 前回はTypeScript(HTML5 + JavaScript)を用いてサウンドノベル風の文章表示を行ってみました。今回は引き続き機能を拡張していきます。 今回はキャレットと自動改ページを追加 ...

概要 現在、TypeScriptの勉強をしています。 折角なので自分の好きなサウンドノベルを作る目標で勉強していこうかと思います。 今回は、単純な以下のようなマウスクリック時に文字を表示していく処理を ...

はじめに 前回までにcontenteditable属性を用いたテキストエディタを出力できるHTMLヘルパーの作成方法を紹介しました。 今回は実際にそれに合わせたサーバーサイドの実装を説明します。 デー ...