iOS13から標準で入っているショートカットアプリで暗記したいことをマルバツクイズ形式で出題してくれるショートカットを組みました。 記録。 以下からDLできます。 www.icloud.com CSVは以下の5列。 (別の暗記アプリで使用するつもりで作ったCSVを流用して…

問題 Gulp4にてpugやらsassやらをコンパイル。 Reloading Browsers...の表記があるのに、reloadされない。 [20:42:27] Starting 'compilePug'... [20:42:28] Starting 'reload'... [20:42:28] Finished 'reload' after 356 μs [20:42:28] Finished 'compileP…

はじめに 環境 参考サイト npmのインストール gulp-sass、gulp-pug、browser-syncのインストール プロジェクト直下にgulpfile.jsを作成 ディレクトリの構成参考 gulpfile.jsの記述 gulpタスクを実行 さいごに はじめに こんにちは、ogrestです。 今回の記事…

目次 目次 はじめに やりたかったこと エラー内容 解決方法 はじめに こんにちは、ogrestです。 普段家ではMac使いなのですが、職場ではwindowsになり、さらにプロキシ環境下での作業が初めてだったため原因もわからず無駄に時間を過ごしてしまったためメモ…

目次 目次 32bitアプリのShupapan(リネームアプリ)はCatalinaでは使用できない renameコマンドとは？ renameのインストール renameの使い方 連番をつける 連番ファイルを作成する 桁数をそろえて連番をつける 文字列の置き換え 基本の置き換え helloをbyeに…

久々にRailsを触ったら色々忘れていたので過去にメモしていたものと合わせて基本的なルーティングのおさらいです。 目次 目次 rake routes(rails routes) ルーティングの設定(基本) resources resource rake routes(rails routes) 設定されているルーティン…

目次 目次 はじめに 子要素に指定できるプロパティ order ・・・ 子要素の順番 flex-grow ・・・ 子要素の伸びる比率 flex-shrink ・・・ 子要素の縮む比率 flex-basis ・・・ 子要素のベースとなる横幅を指定 flex ・・・ flex-grow、flex-shrink、flex-bas…

動的なデータを表現できる。 テンプレート内でも式は記述可能だが、それではコード量が増えて行くほどに管理しづらいものとなる。 そのためにテンプレート内には式を記述せず、computedプロパティやmethodを使用するのが一般的。 new Vue({ el: "#app", data…

修飾子 .lazy .number .trim Vue.jsのディレクティブv-modelについての記事です。 v-modelを使用すると双方向バインディング1が使用できる。 例はinputに登録してあるデータを表示し、編集するたびにデータが書き換えられるというものです。 リアルタイムで…

目次 目次 はじめに 基本的な書き方 親要素に指定できるプロパティ flex-direction ・・・ 子要素の並ぶ順番 flex-wrap ・・・ 子要素の折り返し flex-flow ・・・ flex-directionとflex-wrapをまとめて指定 justify-content ・・・ 水平方向の揃え位置 alig…

v-onディレクティブで使用できるキー修飾子についての記事です。 キー修飾子 特定のキーに対応してイベントを呼び出すことができる。 よく使われる9種類に関してはVue.js側でエイリアスを用意してくれている。 .enter .tab .delete .esc .space .up .down .l…

その1はこちら sotoogre.hatenablog.jp その2はこちら sotoogre.hatenablog.jp ディレクティブを学ぶ ディレクティブとは v-on v-onディレクティブでメソッドを使用する v-onイベントオブジェクトを使用する イベントオブジェクトでの引数 v-onの引数DOMイベ…

その1はこちら sotoogre.hatenablog.jp ディレクティブを学ぶ ディレクティブとは v-text v-once v-html v-htmlを使用する際の注意点 v-bind v-bindの省略記法 v-bindの属性を動的に表現する v-bindを使用してid属性を追加する 複数のv-bindをオブジェクトと…

テンプレート構文とは？ データを描画する データを描画するには二重中括弧を使用する。 二重中括弧内にはjavascriptの構文をそのまま記述できる 参考演算子も使用できる メソッド methodからdataにアクセスする コードまとめ テンプレート構文とは？ テンプ…

javascriptに使われる「?」についての記事です。 条件演算子(三項演算子) 条件によって処理を分けることができる演算子。 書式は以下の通り。 条件式 ? 式1 : 式2 式がtrueの場合は式1を評価して返し、falseの場合は式2を評価して返します。 Js var num = tr…

javascriptに使われる「!」について。 jQueryを超簡単に扱える程度なのですが、Vue.jsの学習をしていたところshow = !showという表記が出てきてハテナ状態になってしまったので「!」についての記事です。 「!」は論理演算子と呼ばれるもののひとつのようです…

jp.vuejs.org Vue.jsのサイトに行き、トップページの「はじめる」をクリック。 そこにCDNの使用方法が記載されています。 私はvue.jsを始める際に、cdnを貼り付けたはいいがコードをどこにどう記述するのかがわからず、あらゆるサイトを見てもいきなりコード…

はてなブログのデフォルトのコードブロックは字も大きいし、長い行は折り返されるし、なんだか見にくい。 素敵なテーマはたくさんあってもコードブロックのせいで台無しな気がしませんか？テーマによっては簡単に調整されているものも確かにありますが、あく…

scssを学ぶ 記事の対象者 環境 したいこと scssの繰り返しについて @for @each @while @whileと@ifを使用して少し複雑な繰り返し処理をする 前提 完成コード コンパイル後 解説 変数定義 @whileの中身 scssを学ぶ 記事の対象者 scssを使っている ループ処理…

jadeを使用するまでの流れ pugとは？ 作業のまとめ したいこと 作業の流れ 事前準備 Xcodeのインストール HomeBrewのインストール nodebrewのインストール Node.jsのインストール 1.インストール可能なバージョンを確認 2.インストール 3.インストールしたno…

ネガティブマージンを設定する。 width、heightに指定したサイズの1/2の数値をそれぞれmargin-left、margin-topに指定する。 なるほど。 See the Pen fixedで要素を中央に配置する by soto-ogre (@soto-ogre) on CodePen.

親要素の横幅を基準値にして子要素の縦幅を決めたい。 理由はわからないのですが、子要素に擬似要素でpadding-top;100%を指定するとできるようです。なぜ？ 一応デモページへのリンクです。 デモページ See the Pen 親要素の横幅を基準に正方形の要素を生成…

FFmpeg(エフエフエムペグ)とは？ FFmpegでできること FFmpegのインストール方法 FFmpegの使い方 動画の拡張子(フォーマット)を変換 動画のフレームレートを変更 アスペクト比を維持したままリサイズする 16:9の解像度 動画を回転させる 動画の音声を消す 動…

はじめに Drawer Menuを実装する JS(jQuery) HTML CSS おわりに はじめに 毎回検索かけて調べているので忘備録として残しておきます。 SCSS、jQueryです。 普段はnode-sassを使用してsassファイルをcssに自動コンパイルさせています。こちらも記事にまとめて…

過去に作った簡単な個人アプリをherokuに上げてみよう、と色々なサイトを見ながら順調に進めていたのですが、いざデプロイの段階になってエラー。 エラー内容を見ているとその前にしたbundle installがうまくいっていない模様。 試しにrails sしてみたところ…

実装するもの よくある感じのスクロールしたらナビゲーションに背景色がつく、というもの。 検索してもそのまま使えそうなものは無く、少し手間取ったので忘備録として残します。 スクロールでナビゲーションの背景色が変わる jQueryはまだまだ勉強中でメソ…

エラー内容 NodeBrewをインストールしたくて以下のQiitaを参考にコマンドを打ち込んでいきました。 qiita.com パスを適用させようと以下を打ち込んだらエラー。 $ source ~/.bash_profile 以下のように隠しファイルをすべて確認してみても、しっかりファイル…

環境 Rails(var. 5.2.4.1) ruby(var. 2.5.1) したいこと セレクトタグで選択した内容(今回の場合はカテゴリー)によってテキストエリアの内容を変えたい。 上の実装自体はできたのだが、ビューからテキストエリアの内容を書き換えた後にカテゴリーを変更して…

エラー内容 rails sでサーバーを起動すると以下のエラー文が表示された。 :ja is not a valid locale # :jaは有効なロケールではありません ロケールとは 以下のサイトを参照。 主に言語の設定についてですね。 エラーの理由 application.rbに以下を記載した…

問題 rails sをしてもエラーになり起動そのものができない エラー文の確認、読み解く ターミナルのエラー文を確認 最後に以下のような一文が。 ターミナル # 省略 /Users/../ruby/2.5.0/psych.rb:402:in `parse': (<unknown>): mapping values are not allowed in thi</unknown>…