Yuto Blog
Yuto Blog

Technology

59 articles
Hướng dẫn cơ bản vẽ tranh bằng Midjourney trên Discord

Hướng dẫn cơ bản vẽ tranh bằng Midjourney trên Discord

Công nghệ AI đang phát triển mạnh mẽ, AI có thể làm rất nhiều công việc, trong đó có vẽ tranh, tạo hình ảnh như thật. Ở bài viết này chúng ta hãy cùng tìm hiểu về sức mạnh của công nghệ AI trong lĩnh vực vẽ tranh, cụ thể là sử dụng Midjourney. Midjourney là gì?Midjourney là một phòng thí nghiệm độc lập tạo ra một chương trình trí tuệ nhân tạo cùng tên để tạo ra hình ảnh từ các mô tả văn bản, tương tự như OpenAI's DALL-E và Stable Diffusion. Đây là một công cụ hữu...
Updated by Yuto at 2023-05-18 16:53
ChatGPT là gì? Công dụng và cách sử dụng ChatGPT hiệu quả

ChatGPT là gì? Công dụng và cách sử dụng ChatGPT hiệu quả

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.Giới thiệu 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...
Updated by Yuto at 2023-05-18 16:48
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...
Updated by Yuto at 2023-05-12 21:05
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-05-12 21:05
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 2023-05-12 21:05

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
Updated by Yuto at 2023-05-09 21:05

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...
Updated by Yuto at 2023-05-09 21:05

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...
Updated by Yuto at 2023-05-09 21:05

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...
Updated by Yuto at 2023-05-09 21:05
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...
Updated by Yuto at 2023-05-09 21:05
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 ...
Updated by Yuto at 2023-05-09 21:05
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...
Updated by Yuto at 2023-05-09 21:05

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...
Updated by Yuto at 2023-05-09 21:05

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 2023-05-09 21:05

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...
Updated by Yuto at 2023-05-09 21:05

[Rails App] Bootstrapの開発環境を自動的に作る (bootstrap-generators)

>>> デモサイトはこちらです <<< (https://yuto-bootstrap-environment.herokuapp.com/) 参考 bootstrap-generators (https://github.com/decioferreira/bootstrap-generators) この記事は早くBootstrapの開発環境を作る方法をご紹介させていただきます。 ```ruby:Gemfile gem 'bootstrap-sass' group :development do gem 'bootstrap-generators' end ``` Bootstrapをインストール rails g bootstrap:install [オプション] オプション -e=erb/haml/slim デフォルトは「ERB」 -se=css/scss/less デフォルトは「SCSS」 ERB以外の場合、views/layouts/application.html.erbを削除してください。 テストの為にScaffoldを作ります rails g scaffold...
Updated by Yuto at 2023-05-09 21:05

私の使うGem

```ruby:Gemfile #! vim: ruby Yuto's Gemfile source 'https://rubygems.org' gem 'rails' Authentication gem 'devise' # Flexible authentication solution for Rails with Warden gem 'devise-i18n' # Translations for the devise gem gem 'omniauth-facebook' # OmniAuth strategy for Facebook gem 'omniauth-twitter' # OmniAuth strategy for Twitter gem 'omniauth-google-oauth2' # OmniAuth strategy for Google gem 'omniauth-tumblr' # OmniAuth strategy for Tumblr gem 'omniauth-amazon' # OmniAuth strategy for...
Updated by Yuto at 2023-05-09 21:05

Ruby on Rails で画像をアップロード(paperclip, fog)

>>> サンプルアプリケーションはこちらです <<< (https://renshu-upload-image.herokuapp.com/) 今日は Ruby on Rails で画像をアップロード出来るサイトの作り方をご紹介させて頂きます。 OPTIONAL: Bootstrapの開発環境を自動的に作る (http://qiita.com/YutoYasunaga/items/f53e62d850570eb85e4f) まず、ImageMagick をインストールする必要がありますので、ImageMagick のないパソコンならインストールしてください。 Mac OS: brew install imagemagick Ubuntu: sudo apt-get install imagemagick では、始めましょう! ruby:Gemfile gem 'paperclip' gem 'fog' Article というScaffoldを作る: rails g scaffold Article title content:text それでpaperclip photo...
Updated by Yuto at 2023-05-09 21:05

複数の Heroku アカウントを使い方

プラグインをインストール heroku plugins:install https://github.com/heroku/heroku-accounts.git 使い方 アカウントを追加 例えば、personalというアカウント名をすると: heroku accounts:add personal Enter your Heroku credentials. Email: あなたのメール Password: パスワード SSH キーを作る ssh-keygen -t rsa -C "アカウントのメール" ~/.ssh/config というファイルに情報を追加 Host heroku.personal HostName heroku.com IdentityFile ~/.ssh/id_heroku_personal_rsa IdentitiesOnly yes アカウントを一覧 heroku accounts アカウントを使う heroku accounts:set personal アカウントを削除する heroku accounts:remove...
Updated by Yuto at 2023-05-09 21:05

Ruby on Rails で vote (like, dislike, unvote) 出来るアプリケーションを作る (acts_as_votable)

>>> デモサイトはこちらです <<< (https://yuto-vote-system.herokuapp.com) >>> 参考:Bootstrapの開発環境を自動的に作る <<< (http://qiita.com/YutoYasunaga/items/f53e62d850570eb85e4f) このアプリケーションでは、ユーザーはLike、Dislike、またはUnvote出来る機能を追加したいと思います。 Screen Shot 2015-05-31 at 23.48.46.png https://qiita-image-store.s3.amazonaws.com/0/35605/4ae10c18-36d9-52a2-7088-117b5518dee8.png ruby:Gemfile gem 'acts_as_votable' gem 'devise' ユーザー登録を作成 Deviseをインストール: rails g devise:install ユーザーモデルを作る: rails g devise...
Updated by Yuto at 2023-05-09 21:05