Yuto Blog

Yuto Blog

Category: Technology
63 articles
Cách học để đậu chứng chỉ Ruby Gold trong một tháng

Cách học để đậu chứng chỉ Ruby Gold trong một tháng

Ở phần trước mình có viết bài giới thiệu về cách học để đậu chứng chỉ Ruby Silver trong một tháng, phần tiếp theo này sẽ là Ruby Gold.Chứng chỉ Ruby Gold là gì? Ruby Association Certified Ruby Programmer Gold version 2.1 hay còn gọi tắt là Ruby Gold hoặc Ruby Vàng, là một chứng chỉ được cấp bởi tổ chức phi lợi nhuận Ruby Association, được điều hành bởi người sáng tạo ra ngôn ngữ Ruby - Yukihiro Matsumoto. Điều kiện để được công nhận đậu Ruby Gold là bạn đã đậu Ruby Silver và trong kỳ thi...
Updated by Yuto at 2022-09-20 19:34
Cách học để đậu chứng chỉ Ruby Silver trong một tháng

Cách học để đậu chứng chỉ Ruby Silver trong một tháng

Phần tiếp theo: Cách học để đậu chứng chỉ Ruby Gold trong một tháng Chứng chỉ Ruby Silver là gì? Ruby Association Certified Ruby Programmer Silver version 2.1 hay còn gọi tắt là Ruby Silver hoặc Ruby Bạc, là một chứng chỉ được cấp bởi tổ chức phi lợi nhuận Ruby Association, được điều hành bởi người sáng tạo ra ngôn ngữ Ruby - Yukihiro Matsumoto. Mục đích lấy chứng chỉ Ruby Silver Đối với bản thân mình, người bắt đầu tiếp xúc với ngôn ngữ lập trình Ruby từ năm 2013 thì chứng chỉ này có ý...
Updated by Yuto at 2022-09-20 01:34

【Ruby on Rails】RSpecとFactoryBotとShoulda MatchersとCapybaraを導入メモ

RSpec設定 ruby:Gemfile group :test do gem 'rspec-rails' end rails g rspec:install :.rspec --require spec_helper --format documentation ruby:config/application.rb config.generators do |g| g.test_framework :rspec, fixtures: false, controller_specs: false, view_specs: false, helper_specs: false, decorator_specs: false, routing_specs: false Spring設定 ruby:Gemfile group :test do ...
Updated by Yuto at 2022-09-19 06:00
Cách Đổi Ngôn Ngữ Final Cut Pro Mà Không Cần Đổi Ngôn Ngữ Hệ Thống

Cách Đổi Ngôn Ngữ Final Cut Pro Mà Không Cần Đổi Ngôn Ngữ Hệ Thống

Xin chào các bạn. Hiện tại thì ngôn ngữ giao diện Final Cut Pro đang giống như ngôn ngữ của hệ thống, thông thường để đổi ngôn ngữ Final Cut Pro thì chúng ta đổi ngôn ngữ của hệ thống, sau đó Final Cut Pro sẽ tự động thay đổi ngôn ngữ theo.Tuy nhiên đối với những bạn xài ngôn ngữ hệ thống là một ngôn ngữ khác, ví dụ như tiếng Nhật, tiếng Trung, thì Final Cut Pro giao diện cũng là tiếng Nhật hoặc tiếng Trung luôn. Đối với mình khi sử dụng Final Cut Pro thì giao diện tiếng Anh vẫn là dễ dùng...
Created by Yuto at 2022-09-10 00:33
Một số phím tắt hữu ích khi sử dụng Final Cut Pro

Một số phím tắt hữu ích khi sử dụng Final Cut Pro

V: Ẩn / Hiện mục đã chọnCommand + R: Điều chỉnh tốc độ videoShift + B: Điều chỉnh tốc độ video một phầnCommand + Z: UndoCommand + Shift + Z: RedoCommand + V: Paste video ở vị trí chỉ định, nhưng cắt đứt video ở vị trí hiện tạiOption + V: Paste video ở phía trên timeline, không ảnh hưởng đoạn video hiện tạiCommand + Option + V: Paste toàn bộ hiệu ứngCommand + Shift + V: Hiện bảng chọn trước khi paste hiệu ứngCommand + Option + V: Xóa hết hiệu ứngCommand + Shift + X: Hiện bảng chọn trước khi...
Created by Yuto at 2022-08-28 14:53
Mẹo tìm kiếm Google cực chuẩn, cực hay ít người biết

Mẹo tìm kiếm Google cực chuẩn, cực hay ít người biết

Google là trang web được truy cập nhiều nhất trên internet, hằng ngày mọi người dùng Google để tìm kiếm, và để việc tìm kiếm trên Google trở nên dễ dàng và hiệu quả hơn. Hôm nay mình xin giới thiệu cho mọi người một vài mẹo nhỏ khi tìm kiếm trên Google, những mẹo này giúp bạn có thể tìm kiếm ra kết quả theo ý muốn nhất. 1. Tìm kiếm trên một trang web cụ thể Cú pháp: site:trang-web [nội dung tìm kiếm] Dùng khi bạn muốn tìm nội dung trên một trang web cụ thể. Ví dụ bạn muốn tìm kiếm những...
Updated by Yuto at 2022-08-28 12:36
Hướng dẫn download video YouTube nhanh và tiện lợi nhất

Hướng dẫn download video YouTube nhanh và tiện lợi nhất

Xin chào các bạn. Trong quá trình xem video trên YouTube thì chắc hẳn sẽ có lúc chúng ta muốn tải video đó về. Trên mạng cũng đã có rất nhiều những website và app hỗ trợ việc tải các đoạn video từ YouTube về máy.Hôm nay mình chia sẻ cho những bạn nào chưa biết về một thủ thuật để tải video trên YouTube nhanh nhất, tiện lợi nhất mà không cần thông qua một app hoặc không cần phải nhớ tên một website nào cả.Khi xem YouTube bằng trình duyệt thì ở trên thanh trên cùng sẽ hiện link của video...
Created by Yuto at 2022-08-27 17:01
YouTubeの動画をダウンロードする便利な方法

YouTubeの動画をダウンロードする便利な方法

こんにちは。YouTubeで動画を見る時に、時にはその動画をダウンロードしたいことがあると思います。インターネット上では沢山のサイトやアプリが対応しています。今回はYouTubeの動画をダウンロードする一番便利な方法をご紹介させて頂きます。何かのアプリや何かのサイト名などを覚える必要がありません。パソコンでYouTubeを見ると、一番上にURLが表示されます。例えば:https://www.youtube.com/watch?v=7_UW6acbdyU その動画をダウンロードするには、URLの「youtube」の直前に「ss」を入れて、エンターキー押すとダウンロードのページが遷移されます。例えば上の動画をダウンロードするならこう入れます:https://www.ssyoutube.com/watch?v=7_UW6acbdyU ...
Created by Yuto at 2022-08-27 17:45

Viteを使っているRailsアプリに一部のBootstrap 5を導入方法

Bootstrapはかなり有名で便利ですね。早くアプリケーションが使えるようにするためよく使う場合が多いと思います。 しかし、いつも全てのBootstrapの機能が必要ではない場合もあります。その時に一部の機能だけ導入すればいいです。 今回はViteを使っているRails 7アプリにBootstrap 5を導入してみました。 Bootstrap 5 と popperjs/coreを導入 yarn add bootstrap @popperjs/core BootstrapのCSSを導入 ```scss:app/assets/stylesheets/bootstrap.scss @import 'bootstrap/scss/functions'; @import 'bootstrap/scss/variables'; @import 'bootstrap/scss/mixins'; @import...
Created by Yuto at 2022-06-12 00:43
EC2 Ubuntu インスタンスに CloudWatch Logsエージェントをインストールして設定する

EC2 Ubuntu インスタンスに CloudWatch Logsエージェントをインストールして設定する

CloudWatch Logs エージェントをインストールすると CloudWatch Logs の画面でEC2インスタンスで実行されているアプリケーションのログがリアルタイムに閲覧できます。 IAMロール設定 まずは適切なロールが必要です。 下記のポリシーで新規ロールを作って、そのロールをEC2インスタンスに割り当てます。 { "Version": "2012-10-17", "Statement": [ { "Effect": "Allow", "Action": [ "logs:CreateLogGroup", "logs:CreateLogStream", "logs:PutLogEvents", "logs:DescribeLogStreams" ], "Resource": [ "*" ] } ] } ロールが作成できたらEC2インスタンス一覧画面で、インスタンスを右クリックして、セキュリティーの中に...
Updated by Yuto at 2022-03-17 21:22
Enable text compression Nginx

Enable text compression Nginx

In Nginx config file :/etc/nginx/sites-enabled/example server { gzip on; gzip_types application/json text/plain text/css application/x-javascript text/xml application/xml application/rss+xml text/javascript application/javascript image/x-icon; Then restart Nginx sudo service nginx restart
Created by Yuto at 2022-02-02 21:44
Ruby on Rails + Docker + Capistrano + Puma + Nginx AWS EC2へデプロイ方法のメモ

Ruby on Rails + Docker + Capistrano + Puma + Nginx AWS EC2へデプロイ方法のメモ

AWS EC2 インスタンスの準備 AWS コンソール (https://ap-northeast-1.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-1#Instances:sort=instanceId)にアクセスする 「Launch Instance」をクリックする Step 1: Choose an Amazon Machine Image (AMI) 「Ubuntu Server 16.04 LTS (HVM), SSD Volume Type 64bit (x86」を選択する スクリーンショット 2020-05-03 2.35.38.png https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35605/8735bc25-93b2-dc3b-baaa-3acf7f60cca0.png Step 2: Choose an Instance Type 「t2.micro」を選択する スクリーンショット 2020-05-03...
Updated by Yuto at 2022-01-29 21:22
Ruby on RailsアプリでAWS SESを使ってメールを送信する方法(設定から実装まで)

Ruby on RailsアプリでAWS SESを使ってメールを送信する方法(設定から実装まで)

前はずっとSendGrid経由でメール送信機能を使っていましたが、せっかくAWSでアプリケーションをデプロイするのでAWSのサービスを使いたかったです。その為メール送信機能をSendGridからAWS SESに移動しました。 では、簡単に言うと Amazon Simple Email Service (SES) は、デベロッパーが任意のアプリケーションでメールを送信できるようにする、費用対効果の高い、柔軟でスケーラブルなメールサービスです。 SES設定 sandboxから移動 新規AWSアカウントではSESの制御があるます、確認済みのアドレスしか送信できなくて、1日最大200メールや1秒にあたり1メールなどの制限があります。 なので本番で使用できるにはリクエストをしなければなりません。 リクエスト方法はまずこのリンクにアクセス:http://aws.amazon.com/ses/fullaccessrequest 自分の場合は画像のように入力したら半日後で承認されました。 スクリーンショット 0003-10-30 11.54.00.png...
Updated by Yuto at 2022-01-29 21:22
Rails 7 + Devise + omniauth-facebook + omniauth-twitterでログイン機能作成(基本から詳細まで)

Rails 7 + Devise + omniauth-facebook + omniauth-twitterでログイン機能作成(基本から詳細まで)

この記事は devise、omniauth-facebook、omniauth-twitterのGemを使って、メールとFacebookとTwitterでログイン機能を作ります。 まずはFacebookとTwitter側の設定から始めます。 Facebook側の設定 アプリを作成URL:https://developers.facebook.com/apps/create (https://developers.facebook.com/apps/create) スクリーンショット 0003-11-07 10.58.46.png https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35605/a6ba4d02-6d33-f626-6d24-eac36edbc97e.png スクリーンショット 0003-11-07 10.59.42.png...
Updated by Yuto at 2022-01-29 21:22

Ruby on Rails 7でselect2を導入方法

Webpackerの場合はこちらの記事です (https://qiita.com/YutoYasunaga/items/5cbbd546f51d8b37dac8) select2とjQueryインストール yarn add select2 jquery select2 コントローラー作成 ```javascript:app/frontend/controllers/select2_controller.js import { Controller } from "@hotwired/stimulus" import $ from 'jquery'; import 'select2/dist/css/select2.min.css' import Select2 from "select2" export default class extends Controller { connect() { Select2() // 自分の場合ではこれを呼ばないと動きません。 $('.select2').select2(); ...
Created by Yuto at 2022-01-26 19:57

【Ruby on Rails】Webpackerにselect2導入メモ

Ruby on Rails 7 (stimulus) の場合はこちらの記事です (https://qiita.com/YutoYasunaga/items/9044a3d590f7d8f1f41d) jQuery導入 select2を使う為に、jQueryが必要です。 jQuery導入方法 (https://qiita.com/YutoYasunaga/items/9a7eaa0a4ca898535912) select2導入 :terminal yarn add select2 ```javascript:app/javascript/packs/application.js import 'select2' import 'select2/dist/css/select2.css' document.addEventListener('turbolinks:load', () => { $('.js-select').select2({ placeholder: 'Select an option', allowClear: true ...
Updated by Yuto at 2022-01-26 19:57

Ruby on Rails 7 search selectbox with select2 and stimulus

Install select2 and jQuery yarn add select2 jquery Create select2 controller ```app/frontend/controllers/select2_controller.js import { Controller } from "@hotwired/stimulus" import $ from 'jquery'; import 'select2/dist/css/select2.min.css' import Select2 from "select2" export default class extends Controller { connect() { Select2() $('.select2').select2(); } } ``` app/frontend/controllers/index.js import Select2Controller from...
Created by Yuto at 2022-01-26 19:37
【Ruby on Rails】Dùng Mailcatcher để test mail ở môi trường development, docker

【Ruby on Rails】Dùng Mailcatcher để test mail ở môi trường development, docker

Mailcatcher là một công cụ rất là tiện lợi và dễ dùng cho việc test mail ở môi trường development. Thông tin cụ thể thì các bạn có thể xem trên trang chủ tại đây: https://mailcatcher.me (https://mailcatcher.me) Cài đặt Mailcatcher gem install mailcatcher Khởi động Mailcatcher mailcatcher Sau đó truy cập vào http://localhost:1080 để mở trang quản lý mail Thiết lập trong Rails ruby:config/environments/development.rb config.action_mailer.delivery_method =...
Updated by Yuto at 2022-01-25 11:12
Một số tính năng mới và sự thay đổi của phiên bản Ruby on Rails 6.1

Một số tính năng mới và sự thay đổi của phiên bản Ruby on Rails 6.1

Phiên bản Ruby on Rails 6.0 chính thức được ra mắt vào tháng 8 năm 2019, và ngày 9/12/2020 phiên bản 6.1 đã được release. Trong phiên bản 6.1 mới này, có những cải tiến tập trung cho những tính năng mới của Active Record và database, ví dụ như có thể kết nối nhiều database, horizontal sharding, strict loading, thực hiện xóa bất dồng bộ ở background job...v.v... Điểm lưu ý Để sử dụng được version Ruby on Rails 6.1 thì cần version Ruby 2.5 trở lên. Những tính năng mới Cải tiến về thay đổi kết...
Updated by Yuto at 2022-01-25 11:12
Review về wifi của BIGLOBE

Review về wifi của BIGLOBE

Review nhẹ sau 2 tuần sử dụng dịch vụ wifi của BIGLOBE, theo cảm nhận của mình thì tốc độ rất tốt, dùng ổn định, đáng đồng tiền. Trước giờ mình dùng AU Hikari nên thật ra cũng định dùng tiếp nhưng thấy BIGLOBE có vẻ mới mẻ, tốc độ được giới thiệu là nhanh hơn AU Hikari trong khi giá tiền cũng ngang nhau nên quyết định dùng thử. ✅ Ưu điểm: Tốc độ cực nhanh, lướt web, xem phim full HD hoặc download đều rất đã. ❌ Nhược điểm: Nhà mạng chỉ gửi về cục modem và bảng hướng dẫn, tự mình phải mua...
Updated by Yuto at 2022-01-25 11:11