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ả
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
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 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
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
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を見ると、一番上に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
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