Yuto Blog

Yuto Blog

Category: Technology
56 articles
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 của BiglobeTốc độ cực nhanh, lướt web, xem phim full HD hoặc download đều rất đã.Nhược điểm của BiglobeNhà mạng chỉ gửi về cục modem và bảng hướng dẫn, tự...
Updated by Yuto at 2023-01-11 23:52

Ruby 3.2.0をインストールする時、"The Ruby openssl extension was not compiled."エラーが出てインストールできない場合の対策

環境 MacBook Pro M1 Max macOS 13.1 (Ventura) rbenv 1.2.0-50-g593f820 問題 Ruby 3.2.0をインストールしている途中、以下のエラーが出ました。 ```zsh Inspect or clean up the working tree at /var/folders/49/nz02t3136xgn4jlw6z9r1q40000gn/T/ruby-build.20221229163135.84880.33u6aF Results logged to /var/folders/49/nz02t3136xgn4jlw6z9r1q40000gn/T/ruby-build.20221229163135.84880.log Last 10 log lines: ERROR: Ruby install aborted due to missing extensions Configure options used: --prefix=/Users/yuto/.anyenv/envs/rbenv/versions/3.2.0 ...
Created by Yuto at 2022-12-30 06:45
ChatGPT là gì? Nó có thể làm được những gì? Cách sử dụng ChatGPT

ChatGPT là gì? Nó có thể làm được những gì? Cách sử dụng ChatGPT

Có thể mọi người gần đây cũng từng nghe qua về ChatGPT được phát hành bởi OpenAI, một công ty nghiên cứu không lợi nhuận đứng đầu trong lĩnh vực trí tuệ nhân tạo và công nghệ thông tin. ChatGPT thu hút được không ít sự chú ý nhờ khả năng suy luận trả lời các câu hỏi không khác gì con người.Khái quát về ChatGPTChatGPT là một mô hình ngôn ngữ máy huấn luyện bằng cách sử dụng GPT (Generative Pre-trained Transformer) để trả lời câu hỏi và tương tác với người dùng. Nó được xây dựng với mục đích...
Created by Yuto at 2022-12-23 00:14

gem install mecab を実行する時に「fatal error: 'mecab.h' file not found」エラーの対処

概要 M1 MaxのMacBookを買ってから環境構築をした時、bundle installを実行したらmecab_wrap.cpp:1855:10: fatal error: 'mecab.h' file not foundエラーが出ました。今まではずっとIntelチップのMacを使っていたが、このエラーはありませんでした。 Mac OS X Ventura ruby 3.1.3p185 (rbenv) mecab of 0.996 (homebrewによるインストール済み) 解決策 gem i mecab -- --with-cppflags=-I/opt/homebrew/Cellar/mecab/0.996/include
Created by Yuto at 2022-12-05 06:00

iTerm2のサーバーログにあるRailsのファイルパスをクリックした時にRubyMineで開けるように設定する

概要 Ruby on Railsで開発する時、エラーが発生したらターミナルにエラーの原因の場所をちゃんと出力してくれます。 そういう時には、ファイルパスをCommand+クリックして、RubyMineでファイルが開けるようになれば便利ですね。 スクリーンショット 2022-12-04 22.58.13.png https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35605/3122c5be-925c-a0f8-2703-236120adeb6f.png 設定方法 iTerm2 の Preferences > Profiles > Advanced > Semantic History > Run Commandの右のフィールドに /Applications/RubyMine.app/Contents/MacOS/rubymine \5 --line \2 \1 を入れる。 スクリーンショット 2022-12-04 22.51.18.png...
Created by Yuto at 2022-12-05 06:00

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() $('.js-select2').select2() //...
Updated by Yuto at 2022-10-25 06:00

Ruby on RailsでQiitaエディターみたいなマークダウン機能を作る。TOC、ライププレビュー、ファイルアップロード、ファイル名、コピーボタンなど全て対応!

こんにちは。ずっと前からQiitaのエディターみたいなマークダウンエディターを作りたかったです。 今回はRailsアプリケーションでマークダウンが使えるまでの実装をご紹介いたします。jQueryは使いません。この記事の内容は以下になります。 マークダウンの導入 TOC (Table of contents) コードブロックのテーマの設定 コードブロックの上にファイル名の表示 コピーボタンの実装 ライププレビュー ファイルアップロード アップロードの前に画像を圧縮したりリサイズしたりする 結果はこのようになります。 1.gif https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/35605/792a9929-0cea-d0ca-aa88-5a0309f3f27c.gif では、始めましょう! マークダウンの導入 まずは必要なGemをインストールする ruby:Gemfile gem 'redcarpet' # Markdown parser gem 'rouge' # Syntax...
Created by Yuto at 2022-10-10 13:43

Ruby on Rails 7にFont Awesome 6を導入

importmapを使う場合 ./bin/importmap pin @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons yarnを使う場合 yarn add @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons アプリケーションに導入する js:application.js import { fas } from '@fortawesome/free-solid-svg-icons' import { far...
Created by Yuto at 2022-10-10 06:00
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-10-09 06:00
【Ruby on Rails】sidekiqの導入手順(ローカル、Heroku、AWS EC2、Docker、Capistrano)

【Ruby on Rails】sidekiqの導入手順(ローカル、Heroku、AWS EC2、Docker、Capistrano)

redisを準備する sidekiqを使う為にredisが必要です。 redisインストール(Mac OS) brew install redis redis起動 brew services start redis docker-composeを使う場合 yaml:docker-compose.yml redis: image: redis:latest volumes: - redis:/data ports: - '6379:6379' アプリケーションにsidekiqを導入する ruby:Gemfile gem 'sidekiq' ruby:config/application.rb config.active_job.queue_adapter = :sidekiq sidekiqを起動する sidekiq -q default -q mailers もしくは yml:config/sidekiq.yml :concurrency: 25 :pidfile:...
Updated by Yuto at 2022-10-09 06:00
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