2020-01-01から1年間の記事一覧

jQueryに一点集中してrailsとWordPress両方でコンテンツを作る計画を立ててみた

jQuery、みなさんすらすらかけますでしょうか。 私は点でダメで、壁に直面しております 7月まではrailsでDocker環境を導入し、アプリケーションの開発を行っておりました。 しかし、わたくしごとですが、子どもの幼稚園が夏休みに入ったと同時にまとまった時…

jQueryに一点集中してrailsとWordPress両方でコンテンツを作る計画を立ててみた

jQuery、みなさんすらすらかけますでしょうか。 私は点でダメで、壁に直面しております 7月まではrailsでDocker環境を導入し、アプリケーションの開発を行っておりました。 しかし、わたくしごとですが、子どもの幼稚園が夏休みに入ったと同時にまとまった時…

rake db:create RAILS_ENV=productionでつまづいたのでまとめてみた。

※ どうやらソケットがないよと言われている でソケットの位置の確認 パスを間違えていた様だったので database.ymlにソケットの位置の記載。 すかさず、再度create! ※ MySQLアクセスして書き込もうとしたら、権限なくて弾かれたよ、と教えてくれた。 ここでM…

デプロイ時の503エラーについて(aws)

sudo vim /etc/nginx/conf.d/rails.conf Webサーバ側で何かエラーが出た場合、niginxで何かおかしいのでは?と疑うことがまず。 デプロイ時では503のエラーについては、vimファイルに原因があるのではないかと疑う必要がある。 実際に、指示通りに、vim.f…

デプロイ時に、MYSQLにdatabaseをcreateしたときに出たエラー #<Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)> Couldn't create database for {"adapter"=>"mysql2", "encoding"=>"utf8", "pool"=>5, "username"=>"sfc-b", "pass

今回のエラーは結構手強かった😅 デプロイ時に、AWSを使って、データベースを準備し、 ユニコーンでデプロイするときの流れのところで、 #<Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)>Couldn't create database for {"adapter"=>"mysql2", "encoding"=>"utf8", "pool"=>5, "username"=>"sfc-b", "password</mysql2::error::connectionerror:>…

rails sでlocalhost:3000が急に立ち上がらなくなったので解決してみた。 Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)

表題の様なエラーが突然出て、 localhost:3000 が立ち上がらなくなった。 ん?おかしいな、と思ったのは デプロイ準備中に Node.jsのインストール を行ったときのこと。 ================================================================================ …

Operation not permitted といって、AWSの設定を邪魔する原因

しばらく時間かかったのでシェア。 このエラーにかかったら、設定をいじって 変更しましょう〜 参考記事 https://gori.me/mac/mac-tips/112082 ターミナルでコマンド実行時 Operation not permitted

仕切りに、「え??パスが違うんじゃないの?本当はこれでしょ?」とか誘導してくる問題

仕切りに、「え??パスが違うんじゃないの?本当はこれでしょ?」とか誘導してくる問題 これには時間割きました。 今回の実装問題は、 表題に、今現在みているグループ名を表示するという実装に取り組んだ。 これを実装しないと、グループ一覧が全て表示さ…

メッセージを投稿しても保存されない問題 [rails]

メッセージを投稿しても保存されない問題 めっせーじを投稿しても、保存がされない 原因は、クリエイトアクションの Paramsが原因だと考えられるが どの様に発生しているのかが不明。 調査が必要かと思われる。 が時間が来てしまったので今日は一旦終了する…

rails g model (モデル名) を実行するとき忘れちゃいけないこと

毎日作業お疲れ様です! プログラミングにはいろんな可能性があって本当におもしろいですね 仕事にしていきたいと思って始めた人もいれば、 単純に私みたいに好奇心から始めた方もいらっしゃると思いますが、 いずれにせよみなさんゴールは 「プログラミング…

flashオブジェクト

flashオブジェクト これは、deviseに内蔵されているキーとバリューを 呼び出すことができます。 ハッシュの様に、キーとバリューで保存されています。 それを、flashオブジェクトを使うことで 中身に格納されます。 中身はこんな感じです。 これを取り出すに…

Includesメソッドについて

n+1問題で話題にあがるメソッドです。 テーブル間の情報をidをマッチングさせて 取り出せる方法で、 処理が軽く、処理速度の問題などにも メリットがあります。 これは、当たり前だったのですが、気付けなかったことで、 これを使うにはアソシエーションの設…

【rails】 エラーで悩んだときに見返して欲しい便利ツール!【rails error プログラミング】

【エラーが出たときの対処法】 Rails やってるとエラーはつきもの。 エラー画面で丁寧に 「どこでエラー起きてるよ〜」 とか教えてくれるけど 厳密には全然そこじゃなかったりするわけです。。。 エラーが起きた場所は教えてくれるけど、 原因までは教えてく…

NoMethodError in Posts#index 'icon'  (haml scss エラー)

お疲れ様です。 2時間戦ったエラーが人に聞いたら一瞬で解決したのでちょっとこの感動と悔しさが無くならないうちに書いときます。 先ほどからこんなエラーと戦ってました。 Hamlに、Font Awesome使ってアイコンを入れ込もうとしていたのですが、 なぜか、…

html.hamlを書くときの注意点(エラー:Haml::SyntaxError in Posts#index)

html.hamlを書くときの注意点(エラー:Haml::SyntaxError in Posts#index) インデントに注意! contents__messageをはみ出すとエラーになる! インデントを戻すとエラーは解決

initializeメソッドを定義する理由 初期化って何?

initializeメソッドとnewメソッドの関係 どうやら、initializeとnewはセットのようです。 なので、rubyで書く際にinitializeかnewのどちらかが出てきたり、定義しなければならないときは 合わせてこれも使う必要がある、というのは頭の片隅に入れておきたい…

イベントリスナ書き方 (JavaScript)

(ノードオブジェクト).addEventListner(“イベント名”,関数) 「イベント名」には、このクラスにもともと備わっている。 ”click”なんていうのもそうだ。 他にも ”mousemove” や ”keypress” なんていうのもある。 一度すべてのイベントに目を通しておいて、頭…

クラスとインスタンスとメソッドについて

クラスとインスタンスとメソッドについて 私もそうですけど、初学者が 「なんとなくわかるけど、よくわからない」 みたいな感じでつまづきやすいと感じたのでまとめてみる。 例えるとこんな感じ クラス 動物 インスタンス ワニ メソッド 水に入る 魚を食べる…

JavaScriptエラー Cannot read property 'addEventListener' of null

JavaScriptエラー Cannot read property 'addEventListener' of null HTML文 <html> <head> <meta charset="utf-8"> <title>JS Practice</title> <link rel="stylesheet" href="style.css" charset="utf-8"> <script src="./main.js"></script> </head> <body> <h1 id="title">タイトル</h1> </body></html>

関数で引数を受け取る時(JavaScript)

関数で引数を受け取る時(JavaScript) 関数での引数がどのように渡っていくのかというのが JavaScriptではどうしてもわかりずらかったので 整理する意味でも書いていこうと思います まず、関数を定義した時点では 引数は形だけのもので中身は空っぽ、という…

DOMってなに?

DOMとは(Document Object Model)の略で、HTMLを解析して、データを作成する仕組みです。 例えば、私たちが作ったHTMLファイルはそのままではパソコンの画面に表示することはできません。 実は、ブラウザ(Google Chrome やsafariなど)がHTMLファイルを解…

JavaScriptにおいて関数宣言は先に読み込まれる。

JavaScriptには、関数を宣言して指示するコードと、 「無名関数」といって関数を宣言しないで指示するコードがあります。 書き方としては、こんな感じ。 〈関数宣言した場合〉 function hello();{ console.log(“hello!”); } hello(); 〈関数宣言しない場合(…

JavaScriptの関数の書き方

関数を定義する際には、 変数 = function() { } として定義できるが、アロー関数と言って 変数 = () => { } という定義の仕方もあります。

2020/03/23 gemってなあに?

Gemとはrailsのライブラリのことで、とっても便利なものです。 ログイン機能の実装や、エラーの原因を探すことができたり、HTML/CSSのモダンなビューを 簡単に作れたりするものもあります。 いちいち最初からコーティングしなくてもいいので時間や手間の削減…

2020/03/23 jQuery メリットとデメリット

jQueryとは、JavaScriptのライブラリの一つです。 簡単にまとめると。。 〈メリット〉 ・コード量が少なく実装できて、エラー解決や可読性に優れている。 ・プラグインが豊富 ・実装したい機能も機能の割にHTMLに比べて簡単にできてしまうので便利 ・簡単にH…

2020/03/23 検索力 〜エンジニアにとっての必須スキル〜

エンジニアにとって大事な検索力の話題。 検索する時には日本語で検索するよりも英語で検索する方がいいようです。 英語で検索する際によく使うワードをまとめると change 変える save 保存する default デフォルトの compare 比較する configure 設定する o…

2020/03/23 HTML/CSS 学んだこと

今日学んだことをまとめてみる。 display: flex; について。 【プロパティの使用目的】 ボックス要素の移動。 ブロック要素同士を横並びにさせたい時に使用する。 【陥った罠】 float: left; とのごちゃまぜ。 上記ワードも横並びする時に使用する。 参考記…