Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita
概要 作ったもの 最近お金が減るのが早くなった気がしたので、家計簿をつけようと思い立ちました。アプリをダウンロードしてきてもよいのですが、せっかくなので自分で作ることにしました。 タブレット、スマホ、パソコンのどれでも見れるようレスポンシブ対応を行ったのですが、タブレット(iPad)からみると以下の画像のようなものになっています。 チャート画面 記入画面 取引一覧画面 構成 静的ファイルはAWSのS3にホスティングし、お金のやり取りに関する情報はRDSに貯め、情報の追加・削除・修正にはLambdaとAPI Gatewayを用いて作ったAPIを通して行います。LambdaのコードはPythonで書いています。 簡単な図にすると、以下の画像のようになります。 共通部分 フロントエンド フロントはVue.jsを使って実装します。以下の画像の赤枠で囲った部分に表示するコンポーネントを切り替えます（
Vue Laravel CRUD Example Tutorial From Scratch
Set up the database configuration inside the .env file. DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=vuecrud DB_USERNAME=root DB_PASSWORD=root Save the file; now, your backend can connect to the MySQL database. Start compiling assets using the following command. We must change the app.js file inside the resources >> js folder. Modify with the following code inside the app.js fil
Raspberry Piとgo言語で部屋のコンディションを記録してグラフ化した - 丁寧に手を抜く
部屋のコンディションをRaspberry Piとセンサー使って、3分ごとに記録してグラフ化するところまで出来た！ 今留守にしているので、外気とちゃんと連動してるのが分かる。 これで自分の調子がいい時・悪い時の部屋のコンディションが調べられる☺️ もうすぐ二酸化炭素濃度センサーも届くので楽しみ💪 pic.twitter.com/WIoihOcZPw— TAKUYA🐾個人開発で食うノウハウを書く (@craftzdog) September 3, 2018 自分のプロダクトばかり作っていると技術の幅も狭まってしまうので、定期的に趣味がてら題材を見つけて普段使わない技術に触れている。 自分にとってベストな部屋のコンディションが知りたい 今回は兼ねてからやりたかった、自分の部屋の温度や湿度などのコンディションを数分ごとに記録してグラフで可視化すること。 体調と空気の質は関連が深い。 気圧が低い
Rails開発者のためのPostgreSQLの便利技（翻訳）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。 今回は、PostgreSQLのスケーリングソリューションで知られるCitus Data社のブログ記事の翻訳をお送りいたします。 概要 元記事: Postgres tips for Rails developers（Apr 28, 2017） 著者: Lukas Fittl ブログ: Citus Data Blog 原著者の許諾をいただいて翻訳・公開します。 今週のRailsConfで、私たちはRailsでPostgreSQLを使ううえでの多くの知見を共有しました。有用な情報なので、その多くを広く公開したいと思います。Railsアプリでのデバッグやデータベースのパフォーマンス改善にお役立ていただければと思います。 また、フェニックスで開催されたRailsConfに惜しくも出席できなかったRailsコミュニティメンバーの皆さまにも、私たちがRailsCon
React.js cheatsheet
React is a JavaScript library for building user interfaces. This guide targets React v15 to v16. Components Components import React from 'react' import ReactDOM from 'react-dom' class Hello extends React.Component { render () { return <div className='message-box'> Hello {this.props.name} </div> } } const el = document.body ReactDOM.render(<Hello name='John' />, el) Use the React.js jsfiddle to sta
[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height
1-3、4-6でエリアを指定、1-3と4-6が同じ高さに Right Heightの使い方 Step 1: スクリプトの準備 当スクリプトを外部ファイルとして記述し、初期化しておきます。 スクリプトは、これで完了。 <body> ... コンテンツ ... <script src="js/right-height.js"></script> <script> rightHeight.init(); </script> </body> Step 2: HTML HTMLのポイントは、2つ。 data-right-height 適用するエリアを指定 data-right-height-content 適用する要素を指定 <div class="row" data-right-height> <div class="grid-third" data-right-height-content> 1
![[JS]レスポンシブ対応、指定したエリア内だけで高さが異なるパネルを同じ高さに揃えるスクリプト -Right Height](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d7b12bef628f068421e02247872e8a530b7b5ee/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091000.png)
iOS7・iOS8の処理分岐なし！UITableViewのCellの高さをAutolayoutで自動計算する方法 | 株式会社エウレカ
iOS7・iOS8の処理分岐なし！UITableViewのCellの高さをAutolayoutで自動計算する方法 こんにちは、 iOSエンジニアの木村です。 2015年最初のエントリーはUITableViewCellの高さをAutolayoutを用いて計算する方法を紹介したいと思います。 一見、チュートリアルなどでよく見かける内容ですが、iOS8対応をするとiOS7ではうまく動かなくなってしまうなど、OSの違いが元でUITableView周りは結構トラブルが起こります。 今回はiOS7とiOS8で分岐を行わず、同じコードで動く方法を紹介したいと思います。 iOS7との互換性を保つためUIAutomaticDimensionは使用しません。 今回作るもの 以下のように タイトル(title) 詳細(body) を持ったDataオブジェクトを一覧で表示したいと思います。 class Data
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
