ライブ配信のポイント購入画面のUI

ライブ配信のポイント購入画面のUIのスクショ ツイキャス ツイキャス LINE LIVE LINE LIVE 17 live 17live Mirrativ Mirrativ mix channel mixchannel showroom showroom spoon spoon

MacbookをMojaveにアップデートしたらbundle installでこける

問題 MacbookをMojave 10.14にアップデートしたらbundle installでこける (略) An error occurred while installing ffi (1.9.25), and Bundler cannot continue. Make sure that `gem install ffi -v '1.9.25' --source 'https://rubygems.org/'` succeeds …

All-in-One WP Migrationの"Maximum upload file size: 40 MB."の解決方法

問題 All-in-One WP Migrationでエクスポートしたデータが容量制限のせいでインポートできない "Maximum upload file size: 40 MB." Bitnamiで構築したサーバーなので $ vi opt/bitnami/php/etc/php.ini post_max_size と upload_max_filesize の16を512にし…

Rails / Nginxのサイトでrobots.txtがアクセスできない

Nginxで側でやってもいい production.rb config.public_file_server.enabled = true

モーダルをiPhoneでスクロールするともっさりする

html { -webkit-overflow-scrolling: touch; } & スクロールしたい要素にoverflow-y: scroll;をつける

AdminLTEのサイドバーを固定した時にスクロールすると背景色がかからない

問題 AdminLTEでヘッダ固定、サイドバー固定をして、スクロールすると画像の赤枠以降に背景色が適用されない。 bodyについてるクラスはこれ body class="skin-blue fixed sidebar-mini sidebar-mini-expand-feature" 解決方法 cssを書く .content-wrapper { …

RailsでFUJISSLのファイル認証をする

NginxでなくRails側でファイル認証をする routes.rb get "/.well-known/pki-validation/fileauth.txt" => "top#ssl" top_controller.rb class TopController < ApplicationController def index hogehoge end def ssl render plain: "(ファイル認証の文字列)…

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 Remove the Bitnami Banner

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…