はてなブックマーク

//fill='%23<カラーコード>'を追記して色を調整。 //%23 = # background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='drawer__icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30'%3E%3Ctitle%3Eframe%3C/title%3E%3Cg%3E%3Cpath fill='%23008ed6' d='M22.31,14.15c-2.13-3.86-6.93-8.07-8-11.43S12.73-1.16,9,2.7A34.71,34.71,0,0,0,.25,16.4c-.59,1.66-.13,5.68,1.25,7.74A12.39,12.39,0,0,0,9.6,30c2.19.45-5.89-4.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

考慮すべきタイムゾーンは以下の4つ Rubyプロセス Time.now等に影響 config.time_zone Time.zone.now等に影響 config.active_record.default_timezone DBから受け取った時刻をどのタイムゾーンとして解釈するか DB SQL文のNOW()等に影響 Rubyプロセス 開発環境(Docker) DockerfileにENV TZ Asia/Tokyoを追加して対応 本番環境 環境変数にTZ = Asia/Tokyoをセットして対応 config.time_zone 共通

cask_args appdir: "/Applications" brew 'git' tap 'heroku/brew' brew 'heroku' brew 'jpegoptim' brew 'mackup' brew 'mas' brew 'pngquant' brew 'rmtrash' cask 'adobe-creative-cloud' cask 'alfred' cask 'biscuit' cask 'docker' cask 'tableplus' cask 'transmit' cask 'visual-studio-code' # cask 'dropbox' # cask 'google-chrome' # cask 'karabiner-elements' mas 'Kindle', id: 405399194 mas 'LINE', id: 53988330

Gatsby.jsでシンプルな静的サイトを作る際に必要な知識だけをまとめました。CMSとの連携等については今回は扱いません。 Gatsby.jsとは React製の静的サイトジェネレーターです。webサイトを作る時に使います。 Gatsby.jsのメリット 従来通りHTML/CSS(+Gulp, Webpack)でコーディングする方法と比較した場合の最大のメリットは表示速度がめっちゃ速いことです。びっくりするくらい速いです。 その他のメリットとしては JSXを使うので、HTMLの記法等にミスがあったときにすぐに気が付くことができる プラグインが豊富(Markdownファイルを読み込む、PWA対応、etc) ヘッドレスCMSとの相性が良い Gatsby Themeを使って、既存のデザインを流用することができる カスタマイズが前提ならthemeは使わない方が良さそう などがあります。 セットア

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Reactの学習を初めて約2週間が経ちました。 Railsの時と違って「とりあえずこれをやっておけば良い」ってものが見当たらずなかなか大変でしたが、試行錯誤の上色々と見えてきたのでまとめていきます。 はじめに React普通にむずいです。 他の言語の経験が無い場合、VueやRailsなどから始めることをおすすめします。 学習前の知識レベル Railsエンジニア JavaScriptは簡単なDOM操作程度ならできる Vue.jsを20時間くらい勉強した(途中でReactがやりたくなった) Webpackで静的ページのコーディング環境を整え

Visual Studio Code Remote Development VSCode Remote Containerは、VSCodeの拡張機能の1つです。 Dockerのコンテナ内でVSCodeを開き、開発することを可能にします。 使ってみてかなり良さげだった&当初はよく分からない部分も多かったので、2週間くらい使ってみて分かったことをまとめます。 そもそもDockerで開発環境を作るメリット 開発環境が簡単に作って壊せる 今どういう環境で開発しているのかファイルで確認でき、バージョン管理も容易 PCにRubyやらRubocopやら各種CLIやらをいれる必要がなくなる プロジェクトごとに言語等のバージョンを切り替える必要がなくなる VSCode Remote Containerを合わせて使うメリット 開発環境をDockerで作っていても、構文チェックや補完が効く ローカルで開発すると

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?