複数のスクリーンサイズで表示確認できる「Responsively App」の使い方
- 2021.01.18
- Web制作ツール
「Responsively App」は複数のスクリーンサイズでレスポンシブの表示確認ができる無料ツールです。表示したすべてのデバイス上で動きがミラーリングされ、個別デバイスごとにインスペクタが表示できるので、レスポンシブコーディングの作業を効率化することができます。 環境 OS windows10 […]
「Responsively App」は複数のスクリーンサイズでレスポンシブの表示確認ができる無料ツールです。表示したすべてのデバイス上で動きがミラーリングされ、個別デバイスごとにインスペクタが表示できるので、レスポンシブコーディングの作業を効率化することができます。 環境 OS windows10 […]
rails6で、refileを使用して画像をアップロードするまでの手順を記述してます。railsのバージョンは6.1.0です。 環境 OS ubuntu20.10 ruby 2.7.2 rails 6.1.0 Postgresql 13.1 (dockerで構築) docker composeを使っ […]
インメモリデータベースで、redisを全キーを取得する手順を記述してます。redisのバージョンは6.0.1です。 環境 OS CentOS Linux release 7.9.2009 (Core) redis 6.0.10 全キー取得 以下のコマンドを実行すれば、全てのキーを取得することが可能で […]
javascriptで、faviconを変更するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 103.0.5060.134 Javascript サンプル集はこちら favicon変更 他の要素と同様に、属性に […]
nginxでロードバランサー利用時に、502エラーがでた場合もヘルスチェックに追加して、別サーバーに移動させる手順を記述してます。nginxのバージョンは1.18.0を使用してます。 環境 OS CentOS Linux release 7.9.2009 (Core) nginx 1.18.0 ng […]
C#で、Directory.CreateDirectoryを使用して、フォルダを作成するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Microsoft Visual Studio Community 2019 Version 16.7.1 Directory. […]
Rubyで、sort!.reverse!を使って、列を降順にソートするサンプルコードを記述してます。rubyのバージョンは2.7.2を使用してます。 環境 OS windows10 pro 64bit ruby 2.7.2p137 sort!.reverse!使い方 sort!.reverse!を使 […]
rails6で、共通化されているレイアウトであるapplication.html.erbを他のビューで使用しないようにする手順を記述してます。railsのバージョンは6.1.0です。 環境 OS ubuntu20.10 ruby 2.7.2 rails 6.1.0 Postgresql 13.1 ( […]
javascriptで、createElement実行時にclassを設定するサンプルコードを掲載してます。ブラウザはchromeを使用しています。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 103.0.5060.134 Javascri […]
UI「sonwan-ui」をインストールしてデザインを適応するまでの手順となります。ここでは、react.jsでsonwan-uiを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Stream release 8 node V12.16.3 npm& […]