文系大学生がエンジニアを目指すブログ

Qiitaに書くまでもないメモ的な存在

wordpressにfavicon設定

header.php <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" /> 画像をテーマディレクトリの直下に置く wp-content/themes/favicon.ico</link>

スクロールしたときに要素が画面上部からどの位置にいるか取得する

coffeescript $ -> $(window).scroll -> console.log $('.target-element').offset().top - $(window).scrollTop(); スクロールするたびにコンソールに画面上部からの位置が表示される

bitnamiをssl化する

csrの作成 秘密鍵を作成 $ sudo openssl genrsa -out /opt/bitnami/apache2/conf/server.key 2048 秘密鍵からCSRを作成 $ sudo openssl req -new -key /opt/bitnami/apache2/conf/server.key -out /opt/bitnami/apache2/conf/cert.csr 作成のための質問項目…

AWS EC2のbitnamiの右下のバナーを消す

$ sudo /opt/bitnami/apps/APPNAME/bnconfig --disable_banner 1 $ sudo /opt/bitnami/ctlscript.sh restart apache 公式Doc documentation for Bitnami Info Page

AWS EC2のbitnamiにbasic認証をかける

環境 AWS EC2 WordPress Certified by Bitnami 実装 公式DocのAPPNAMEをwordpressに置き換える $ cd /opt/bitnami $ sudo apache2/bin/htpasswd -cb apache2/wordpress_users USERNAME PASSWORD $ sudo vi /opt/bitnami/apps/wordpress/conf/httpd-app.conf …

EC2とRailsとnginxのサイトをLet’s EncryptでSSL化

httpで動いてるとこからhttpsに変更する手順 Rails5 AWS EC2 CentOS 6系 準備 $ git clone https://github.com/letsencrypt/letsencrypt $ cd ./letsencrypt $ ./letsencrypt-auto --help --debug 最後に以下のようにでればOK Complete! Creating virtual en…

bitnamiでLet's EncryptでSSL化するときに読むメモ

Doc Generate And Install A Let's Encrypt SSL Certificate For A Bitnami Application Generate and Install a Let's Encrypt SSL Certificate for a Bitnami Application How To Force HTTPS Redirection With Apache? Bitnami Stacks for AWS Cloud Forc…

Railsで多言語対応する

トップページを多言語化するサンプルコードのメモ Gemfile gem 'rails-i18n' gem 'http_accept_language' config/routes.rb Rails.application.routes.draw do scope '(:locale)', locale: /#{I18n.available_locales.join('|')}/ do root 'top#index' end e…

carrierwaveで画像名をユニークにした時にS3とDBでファイル名が異なる

問題 ファイル名をユニークにするために以下の処理をしていた def filename p "#{SecureRandom.uuid}.#{file.extension}" if original_filename.present? end がs3にcarrierwaveで画像アップ&DBに保存すると、s3とDBのファイル名が違っていた。 この人たちと…

Rspec導入

gem導入 group :development, :test do (略) gem 'rspec-rails' end $ bundle install --path vendor/bundle configファイル生成 $ rails generate rspec:install .rspec spec/spec_helper.rb spec/rails_helper.rb が生成される .rspec編集 --warnings --co…

pine scriptをrubyに書き直したときに見たサイト

公式ドキュメント Pineスクリプト言語リファレンスマニュアル — TradingView note note.mu note.mu note.mu note.mu ↑買ったけど内容薄い

配列で出現回数が多い順にソート&上からX個取得をRubyで

ary.group_by { |e| e }.sort_by { |e, v| -v.size }.map(&:first) でソート ary.group_by { |e| e }.sort_by { |e, v| -v.size }.map(&:first)[0..9] でトップ10

CKEditorのフォームにhtmlタグを貼ると記号がエスケープされる

問題 フォームに <h3>hogehoge</h3> と入れて保存して cssで h3 { font-size: 24px; } みたいにやってもCSSは当たらない。 解決策 エスケープされて &lt;h3&gt;hogehoge&lt;/h3&gt; の形で保存される。 app/assets/javascripts/ckeditor/config.js if (typeof(CKEDITO…

仮想通貨bot開発でよく見るやつメモ(随時更新)

全共通 github.com これの中身みればだいたい分かる bitflyer ドキュメント lightning.bitflyer.com サンプル lightning.bitflyer.com bitmex ドキュメント www.bitmex.com ruby用ライブラリ github.com github.com binance ドキュメント github.com

deviseで招待用リンクを生成する(メールを使わずに招待機能を実装)

したいこと 招待用URLを発行できる メールを使わずにユーザーを招待できる 端折ること URLと発行したユーザーのリレーション 招待されたユーザーがどのURLから登録されたか URLの期限 クリック数 実装 model $ rails g model initation migrationファイルは …

deviseでユーザー招待機能の追加

したいこと 登録されているユーザーがメアドを入力して送信すると招待用URLが記載されているメールを送信できる 招待用URLを踏むとパスワード設定画面に遷移できる パスワードが完了すると登録が完了する =>slackに招待用URLで人追加する時と同じ businessch…

deviseで管理者しか新規ユーザーを追加できない機能を実装する

新規登録画面にアクセスさせない github.com メールアドレスにメールを送信することで新規新規登録してもらう github.com

railsの開発でメール送信テスト

gemfile developmentのグループに以下を追加 gem 'letter_opener' gem 'letter_opener_web' routes.rb 以下を追加 mount LetterOpenerWeb::Engine, at: '/letter_opener' if Rails.env.development? development.rb config/environments/development.rb 以下…

enumを日本語化するenum_help

topic.rb class Topic < ApplicationRecord enum status: { draft: 0, published: 1, privated: 2 } end gem gem 'enum_help' ja.yml config/locales/ja.yml ja: enums: topic: status: draft: 下書き published: 公開 privated: 非公開 application.rb conf…

RailsにreCAPTCHAを導入する

問題 問い合わせフォームにスパムが多くなったのでreCAPTCHAを入れる サイト登録 www.google.com にアクセスして「Get reCAPTCHA」をクリック 「Register a new site」のフォームに必要事項を入力 Site keyとSecret keyが出る。 注意点としては「Domains」に…

jsで追加した要素にイベントが発生しない

$(document).on 'click', '.tab-pane.active .image-garally img', -> console.log $(this) return もしくは親要素の下のクラスという指定の仕方をするとうまく動く $('.tab-pane.active').on 'click', '.image-garally img', -> console.log 'boxをクリック…

rake db:migrate:resetとrake db:seedをまとめて実行してくれるrake taskを作成

$ vi lib/tasks/db.rake namespace :db do desc "Run 'db:migrate:reset' and 'db:seed'" task resetup: ['db:migrate:reset', 'db:seed'] end fukajun/rails-db-resetupの github.com をコピペしただけ ただstarの低いgemを入れたくなかっただけ

bundle installでcapybara-webkitのエラー

railsでcloneしてbundle install したらエラーがでた An error occurred while installing capybara-webkit (1.7.1), and Bundler cannot continue. Make sure that `gem install capybara-webkit -v '1.7.1'` succeeds before bundling. 解決方法 github.co…

コピペ用の進捗バー

css .progressbar { width: 100%; height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); .progress {…

ジーニアスバーでは教えてくれなかったワイモバイルのsimでiPhone8に乗り換えてAPN設定してもネットが使えない問題の解決法

問題 ワイモバイルのiPhone5SからsimフリーiPhone8に乗り換えるとネットが使えなかった 公式のプロファイルを入れたけど、ネットに繋がらなかった。 simはn141 www.ymobile.jp 解決方法 iOS用APN構成プロファイルジェネレータで非公式なプロファイルを作る …

slimテンプレートに変えた時にkaminariでhtmlが表示される

症状 途中からslimテンプレートに変えたらhtmlが表示されるようになった 解決方法 github.com app/view/kaminari/_paginator.html.slimを書き換える デフォルト = paginator.render do ul.pagination = first_page_tag unless current_page.first? = prev_pa…

Railsでパソコンとスマホでviewを分ける

Gemfile gem 'rack-user_agent' app/controllers/application_controller.rb 上でbefore_actionで判定させる。 before_action :check_user_agent_for_mobile 判定のメソッド def check_user_agent_for_mobile if request.from_smartphone? request.variant =…

AWS EC2のiptableとSELinuxをオフにする

EC2でRailsのサイト公開してもアクセスできなかった原因 初期状態 $ getenforce Enforcing 効いている。 $ sudo service iptables status Table: filter Chain INPUT (policy ACCEPT) num target prot opt source destination 1 ACCEPT all -- 0.0.0.0/0 0.0…

carrierwaveのテンプレ

いまさらながらだが、、、一応rails5 Gemfile gem 'carrierwave' gem 'rmagick' controler $ rails g uploader image app/uploaders/image_uploader.rbが作成される $ rails g controller image app/controllers/images_controller.rbが作成される modle $ r…

Railsで使ってるckeditorにボタン追加する

したいこと wordpressのadd quick tagみたいにボタン押すとhtmlがテキストエリアに入るようにしたい 英語ばっかだったから日本語でメモ ckedior gem github.com リファレンス CKEditor 4 Documentation やり方 app/assets/javascripts/ckeditor/config.js CK…