豆腐とコンソメ

豆腐とコンソメ

ラズパイ工作ともろもろのプログラム勉強記録

プログラム

Vue.jsでつくるオブジェクト指向フォーム(2)

前回の続き www.tohuandkonsome.site さて投げやりになってしまった前回だけど、気をとりなおしていくよ! 前回は、 Vue.jsのフォーム入力バインディング(v-model)を利用してaxiosでサーバーにpostする ところまでやりました。 javascriptはこんな感じでした…

Vue.jsでつくるオブジェクト指向フォーム(1)

Laravelで掲示板を作成している途中だけれども、その素材をもとにVue.jsでオブジェクト指向フォームを作ってみるよ。 www.tohuandkonsome.site オブジェクト指向フォームってなによ?と思われたあなた。自分もよくわからないんだ。 でも、おお!ってなったの…

Laravelで始めるTDD開発 (5):登録ページを作成する

前回の続き www.tohuandkonsome.site 前回の続き やること テストコード 実装 テストの前に 登録ページをつくる バリデーションを作成する 実装 ここまでの実装 やること 登録ページを作成して、Threadを新規に登録できるようにする。 テストコード こんな感…

Laravelで始めるTDD開発 (4):個別ページを作成する

前回の続き ちょっとだけ慣れてきた感じがする。今日このごろ。 www.tohuandkonsome.site 前回の続き やること 個別ページのテストコードを書く 実装を書く 個別画面 テストを実行する やること /thread/1にアクセスすると、対応するthreadのページが見える…

Laravelで始めるTDD開発 (3):スタイルを整える

前回 www.tohuandkonsome.site Threadの一覧 前回は、適当にったテストデータのThreadの一覧が、こんな感じで見えたところまでやりました。 今回は、テストコードというところからは全く関係がなくなってしまうのですが、画面の見た目を整えていきたいと思い…

Laravelで始めるTDD開発(2):テストデータをつくる

前回からの続き 前回は、Threadのテストデータを作成する際に、固定のデータしかつくれないよ、というところで終わってました。 www.tohuandkonsome.site 前回からの続き UserFactory.phpを修正する 話を戻してテストコード 実装を書く コントローラーの修正…

Laravelで始めるTDD開発 (1):簡単なテストコードを書く

前回からの続き 前回からの続きになります。 www.tohuandkonsome.site 書いていて、どの層向けのなんのための記事なのか、という疑問が何度も頭をよぎります。 Laravelはものっそいいろんな機能があるせいか、テストコードを書くに行き着くまでにすごい時間…

Laravelで始めるTDD開発:準備

やっちまったぜ。 タイトルでTDDと謳っていますが、書いてる人はテストコードもろくに書いたことがない人です。 さらにいえば、Laravelも今回初挑戦です。 もっといえば、PHPをちゃんと始めたのも2ヶ月ぐらいです。 でも、今年で30歳になるの。 さて、そんな…

Vue.jsで遊ぶ(2)

日記 正しいものを学ぼうとしているのだけれども、絶対に正しいというものはなくって、今の状況(要件だったり、納期だったり、環境だったり、自分の実力だったり)を考えみて、自分はこうすべきだと思ったと言えるようになればいいのかなと最近思った。 前…

Vue.jsで遊んでみる(1) スタイルのバインド

Vueインスタンス同士の連携ってどうやるんだろうと思って書き始めました。 が本題に入る前に、長くなっちゃいました。 そのわりに内容が薄いです。 jp.vuejs.org この記事で試したこと はじまり 箱を動かしてみる Vue.jsを使っていく 横に動かす この記事で…

LaravelのBladeをPugで書くときに困ったこと

ヘロー!久しぶりの更新です。 わからないことが多すぎて、何から整理すればいいやらという状態で、ろくに記事も書いていませんでした。 このままフェードアウトするのも悲しいので、ピンポイントでかつあまり役に立たさなそうなことを書くことにしたよ! も…

3連休だしVue.jsをはじめよう:コンポーネントを使ってみる

おはんきー! 3連休だしVue.jsをはじめました。 (ビュー.jsって読むみたいです) すっごい楽しいので、みなさんもぜひいかがでしょうか。 javascirptもhtmlもなんとなくしかわからないポンコツでも楽しめています。 さっそくはじめてみよう ここに、いろいろ…

COBOLERがWebの技術をさわりはじめて1ヶ月経過した

金木犀の香りがする季節がやってまいりました今日このごろ、皆様はいかがお過ごしでしょうか。 私はというと、金融のユーザー系企業からWebも触れる企業に転職して1ヶ月が経ちました。 この手の記事はいっぱいあるのですが、みなさん大手SIer出身だったりし…

ラズパイで大人のモーターを操作する

こんにちは! もう、すっかり秋ですね。 年を取ると、一年が本当に早くってびっくりします。 こんな調子だと、気づけばクリスマス、なんてことも! そこで今回は季節を少し先取りして、クリスマスプレゼントにも使えるかもしれない素敵な電子工作に挑戦して…

apt-getの基本的なこと

Bash on Ubuntu on Windows環境(以降、Bow環境と略す)に、PHPをapt-getでインストールしようとしたときに、思い浮かんだ疑問を書く。 わりと、とりとめもない。 apt-get sources.list 誰が管理してるの? 公式に欲しいバージョンがない どうでもよい疑問 apt…

BoW環境でnpm(5.3.0)がエラーになる(未解決)

解決の見通しが立っていない記事です。 実行環境 事象 追記(2017/9/19) まだだめ Windows10かBash on Ubuntu on Windows(Bow)でBashを使えるようになりました! MacでもWindowsでも、似たような操作で作業できるっていいですよね! qiita.com 自宅のPCはWind…

VirtualBoxで学ぶネットワークの知識(1)

お願い ご存知の方、最下段の私の疑問にお答えいただけると、大変助かります。 お願い どうでもよい経緯 本題 やりたかったこと 1.ゲストOSからインターネットに接続する ネットワークカードの状態を確認する ネットワークアダプタを有効にする 再度、ネット…

CSSの勉強の成果物をHerokuで管理する

仕事帰りの奥さんを喫茶店で待っていた。 表参道の喫茶店である。 Mac Book Proを持ち込み、カタカタカッターン!とカッコよく作業をしていた。 ターミナルの黒色背景に緑文字は、僕ってかっこいい!という自己陶酔に浸るにはぴったりの環境だ。 $ mkdir hoge $ touch …

Node.js + express + jade + Bootstrapに触れてみる

前回は、ラズパイのコントローラ用の画面をBootstrapを使ってざっくりとつくりました。 tohutokonsome.hatenablog.com 今回はその画面をnode.js + expressにのせるにあたってjadeというものが出てきたので、そちらを最初に触れたいと思います。 expressを使…

RaspBerryPiでラジコンをつくる(12):もう少しブラウザから操作する

使用したHTMLエディタ さっそく作成する とりあえず最初にグリッド ヘッダーを編集する 作成する画面イメージ メインコンテンツ カメラ部分 コントローラ部分 申し訳程度にフッターをつける 以前、ブラウザからキー入力した情報をsocket.ioを使用してFlaskで…

Udemyの無料のExpress講習受講メモ

Expressをすこしさわってみた。 Udemyの無料のExpress講習を受けたのでメモがてら記載します。 www.udemy.com また他にも、以下の記事を参考にしました。 Express - Node.js web application framework qiita.com Expressをすこしさわってみた。 Expressをと…

RaspBerryPiでラジコンをつくる(11):socket.ioをFlaskで実装する

日記 ラズパイにはまってから、IoTというキーワードによく反応するようになりました。 なかでも、トイレの使用状況をお知らせする、なんてのはよく聞く話かと思います。 先日、サービスエリアに寄った際も、トイレの混雑状況をお知らせする大きな看板が目に…

RaspBerryPiでラジコンをつくる(10):ブラウザから操作する

以前、Terminal経由でCUI操作によるラジコンのコントローラーを作りました。 tohutokonsome.hatenablog.com tohutokonsome.hatenablog.com 動いているところ www.youtube.com 今回は、ブラウザごしに操作できるようにしていきたいと思います。 構成ですが、…

Node.jsを使って、簡単なWebアプリケーションをつくる(2)

前回の続き 今回は、リクエストしたURLの内容に応じて、ブラウザ側の表示を変えます。 tohutokonsome.hatenablog.com 前回の続き URLディスパッチャを実装する htmlファイルを返す 動的コンテンツを表示する URLディスパッチャを実装する まずは、アクセスす…

Node.jsを使って、簡単なWebアプリケーションをつくる(1)

日記 職業欄に「無職」と書くのはなかなか精神的にくるものがある。 Node.jsとは? サーバ側で使用できるjavascriptというぐらいの認識しかありません。 今回使用する目的としては、「Socket.IO」を使ってみたかった、というそれだけの理由になります。 今回…

Node.jsの非同期処理について、いまいち理解できていない

日記 退職のため、連日送別会を開催いただき、ブログをさぼっていました。 転職活動はあいかわらず、お祈りの嵐で、目の前が真っ暗なのですが元気に生きています。 何も書かないとまずい!ということで解決していない問題を一旦記載します。 Node.jsの非同期…

RaspBerryPiでラジコンをつくる(9):軽量化問題を解消するためのたったひとつの冴えたやり方

久々のラジコン記事です。 Djangoやら転職活動やらで書けてなかったのですが、ちょこちょこやってはいたので、成果を書きます! 前回のつづき tohutokonsome.hatenablog.com とりあえずですが、当初の目標は達成できました! その過去の代償を払うためには私…

スクラム講習に行ってきた

日記 転職に苦戦しています。 元COBOLERでも入れる、素敵なスクラム開発を採用している企業様はありませんでしょうか。 本題 先日、知人の方に誘われて、スクラムの無料講習に行ってまいりました。 Odd-e Training 「ザ・ウォーターフォール」みたいな職場な…

Djangoを学ぶ(4):リンクをはる

前回の続き tohutokonsome.hatenablog.com 今回は、以下のようにトップ画面から個別記事に飛ぶようにリンクを貼っていきます。 個別記事を返す関数をviews.pyに追加する。 urls.pyの編集 home.htmlの編集 post_detail.htmlの作成 次回はしばらくないかも 個…

Djangoを学ぶ(3):画像の表示

前回からの続き 今回は前回表示できていなかった、画像を表示していきたいと思います。 前回からの続き staticファイルの公開 ヘッダー画像を表示する 管理者画面で投稿した画像を表示する 他のディレクトリを公開する。 staticファイルの公開 画像とかjsと…