省エネ

Flutter、vue3修行中。

Web

ViteでVue3+TypeScript+TailwindCSS+axiosでお天気予報アプリを作ってみる

掲題の通りなのですが、Vue3とTypescriptの練習がてらお天気予報アプリを作ってみました。 Versionとか $ node --version v19.2.0 $ npm -v 8.19.3 プロジェクト作成 qiita.com こちらのQiitaの記事を参考にさせていただきました。 Open Weather openweather…

【Vue】Quasarで作ったアプリをfirebase hostingにデプロイする

近頃、Vue.jsが気になっていて少しいじってみたので記録。 目標 Quasarでアプリを作る firebase にhostingする Vueのインストール Noade.jsをインストールします (https://nodejs.org/en/) vue-cli をインストールします npm i vue-cli -g ## quasarのインス…

【Web】PWAにしてみた

Web

こんにちは。 先日、Flutter for webでwebアプリをリリースしたのですが、そのページをPWAにしてみました。 qkuronekop.hatenablog.jp やり方は簡単。 manifest.jsonというファイルを作成します。 { "name": "qkuronekop.dev", "short_name": "qkuronekop", …

【Flutter】Flutter for Web使ってみた

こんにちは。 Google IO 2019にて発表されたFlutetr for webが発表されましたね。 どんなもんかと思ってさっそく使ってみました。 github.com 私が試した方法です。 上のリポジトリをCloneします。 hello_woldをディレクトリをコピーしてディレクトリ名を変…

【Go】リファクタリング

こんにちは。 2017年4月からGoでアプリを開発しておりますが、4月時点では完全にGo初心者でひどいコードを精製してしまったのでリファクタをしたいと思います。 現状 mainパッケージにしたapp.goに全てを書いている状態です。 最悪ですね。 フレームワーク g…

【Go】開発環境を作る

こんにちは。 現在、とあるお客様のお仕事でGoでWebアプリを作らせていただいています。 新しいパソコンを購入したので、開発環境を作るところからもう一度やるので、せっかくだから残しておこうと思います 環境 macOS High Sierra 10.13.2 HomebrewでGoのイ…

【CSS】グリッドレイアウトの存在に気づいてしまった

遅ればせながら、グリッドレイアウトの存在に気づいてしまいました。 今お仕事で作っているWebアプリの構成が下の図の通りなのですが。 この、レイアウトだとメニューとコンテンツのところがちょっと面倒ですよね。 html <div> <div class="menu"></div> <div class="contents"></div> </div> css .menu { display: inline-bl…

【angular2】angular勉強会へ参加してきました

angularjs-jp.doorkeeper.jp 去る、5月17日、私は会社の先輩とこちらの勉強会へ参加させていただきました。 勉強会は基本ぼっち参戦なのですが、今回は先輩にもangular2がいかに素敵であるかを知って欲しくてお誘いしてみました。 Reference for the Angular…

GoLange勉強会へ行ってきました。

kug2.connpass.com 4/17に関西golang勉強会へ行ってきました。 この日は梅田のサイボウズさんの会議室へ。 しかし、私、東北出身、関東勤務の者でして、 大阪駅周辺は全然土地勘がなく、もう迷いに迷ってなんとかエレベータのエントランスまでたどり着いたも…

ng-japanaへ行ってきました。

ngjapan.org 最高に面白かったです。 私はAngular2メインの会場へずっといました。 Angular1は使った事がなく、最近Angular2のチュートリアルを試してみて、挫折。 ほぼノー勉で行ったのですが、すごくわかりやすくてなんだか私にもできそうな気がしてきまし…

Angular 2 5min Quick START やってみた

angular.io 某エンジニアにangularはjQueryみたいなもんだと言われて公式の5min quick startやってみたんですが、Get node.jsって言われて目が点になりました。 なんだやっぱりnode.js(npm)必要なのね。 5min quick startするとデフォルトでTypescriptになっ…

Elixir Meetupへ行ってきました。

beam-lang.connpass.com 昨日はエリクサーの勉強会へ行ってきました。 会場はドリコムさん。 発表者3名、LT2名+飛び込み1名でした。 ドリコムさんでは、既に本番運用でElixirを使用しているみたいですね。 発表内容 ・Elixir Production →現在運用中のEli…

【Ruby on Rails】Controller作成する

こんばんは、前回はmodelの作成をしたので、今回はcontrollerを作成します。 前回、私の環境ではuser_baseというmodelを作成したので、userというcontrolerを作成します。 rails generate controller user これの最後のuserのところが作りたいcontroller名で…

【Ruby on Rails】Cloud9でMySQLを使っちゃう

毎日更新の目標は早速達成できず。 お酒を飲んで帰るとPC見るのつらいんですよー。 さて、Cloud9でRailsテンプレートを作成すると最初はSQLiteを使うようになっていると思いますが、MySQLが使えるようなので、MySQLに変えちゃいます。 Gemfileを編集します。…

【Ruby on Rails】ビギナー向け、共通ヘッダを作る

ところで、そーいえばローカルでrailsのサーバー動かす時って rails s ってやってましたけど、Cloud9だとこれだと動かなくて rails server -p $PORT -b $IP ってしないといけないみたいですね。 今回は共通のヘッダを作成します。 何かっていうと、たぶんweb…

【Ruby on Rails】HelloWorldしてみる

Railsは数年前にお仕事で使っていたのですが、しばらく触ってない&既にあるシステムの改修だった為、なんか色々お作法が分からないので、Cloud9でRails触りながら勉強していこうかなと思ってます。 とりあえず、恒例のHelloWorld。 まずは、ルートを決めま…