VueJS

#100_Web_challenge 3:JavaScriptでハッシュ化

どうもこんにちは、フォトグラファーの花村(@nnammg)です。Web技術のスキル、磨いてます。

今回のネタ「ハッシュ化」

練習のためにPython(responder.)とVue.jsを利用して作っているWebシステムがあり、ログイン機能をつけます。

ログイン機能といったらやはりユーザー管理です(と言っても僕ひとりだけですけど笑)。どうせならとしっかりとセキュリティも意識したい。

そう思

もっとみる
ありがとうございます!

#100_Web_challenge 2:VUE-PARTICLES

どうもこんにちは、フォトグラファーの花村(@nnammg)です。写真以外のマガジン始めました。

モスカフェ、いい空間

今回は京都の某モスカフェでコーディング。

モスカフェって京都に住んでいた友達に教えてもらったお店でね。混雑時は長居できませんが、勉学するにはとてもいい空間です。おしゃれで僕は好き。Wi-fiはありませんが電源があるだけでも十分です。ありがたし。

休日も朝は人が少なく、静かに

もっとみる
ありがとうございます!
1

ふたたびエンジニアスキルを磨いていきます

どうもこんにちは。フォトグラファーの花村貴史(@nnammg)です。

僕は主に人物を撮影させていただいてまして、noteでは写真のことを呟いたり、写真素材「空気感フォト」を販売しています。

そんな僕がnoteで「#100_Web_challenge」マガジンを始めます。

やってみようぜ!ってオッケーが出せた

僕はもともと理工系大学を卒業し、IT企業に15年ほど勤めていたエンジニアでした。が

もっとみる
次回も響くものを出しますね

オープンソースへの最大の貢献は「やってみること」。OSSの魅力と未来を徹底討論【#OSSTokyo MEETUP#1】

「才能が公正に評価され、どこでも誰とでも働けるプラットフォームを作る」–––オープンソースプロジェクトのための報賞金サービス『IssueHunt』を開発・運営するBoostIO株式会社のミッションを達成するためには、いかなる社会変革が必要なのでしょうか。オープンソースを日本の“文化”へと昇華させるべく、先進的な取り組みを紹介していきます。

BoostIOは「#OSSTokyo MEETUP」と題

もっとみる

【Nuxt.js + contentful】a hrefでエラーが出た。→ 解決した。

どんな状態でエラーが出たか

1. ContentfulでURLフィールドを作成し、URLを記入した

2. Nuxt.jsのvueに下記のようにリンクを書いた

<a href="{{post.fields.url}}">{{post.fields.url}}</a>

3. すると、下記のようなエラーが表示された。

Errors compiling template:

href="{{po

もっとみる
『珈琲茶房 かめのや』昔ながらのレトロな喫茶店です
1

溢れんばかりのフレームワークの海に溺れた

なんとか修正したけど、普段使わないフレームワークは、同じ言語だろうかというくらい難しすぎる。

最適解も分からなくて困るんだが、世の中、フレームワークが多すぎる。

思い返せば、30年前に C言語のライブラリで提供される関数群を見て、それだけでも卒倒してました。今といえば、ライブラリなどで提供される関数(メソッド)以前にフレームワークが増えすぎて、もう意味がわからない。

「会社の仕事しねぇ」とか

もっとみる
(∩´∀`)∩ワーイ
2

Nuxt.js scrollBehaviorが効かない時

Nuxt.jsでページ遷移時に設定した scrollBehavior にしていた挙動が動かなくなりました。

原因としては全体に関わるcss内で、modal表示にその背景となるページをスクロールさせないために

html, body { overflow: auto; height: 100%;}

としていたのがよくなかった模様。

なのでmodal表示時のみに上記の指定をさせるために

htm

もっとみる

Vue Fes Japan 2019 ボランティアスタッフ募集開始のお知らせ

こんにちは、Vue.js 日本ユーザーグループの shohei です。

本日より、 Vue Fes Japan 2019 のボランティアスタッフの募集を開始いたします。

Vue Fes Japanとは

国内最大級の Vue.js カンファレンスです。国内外の著名スピーカーによるセッションの他、ユーザー同士が相互に楽しめるカンファレンスを目指しています。

- 公式サイト: https://v

もっとみる

Laravel と Vue.jsでQ&Aサイトを作りました

先日より少しずつ学習を進めているLaravelとVue.js。今回は2つを組み合わせてQ&Aサイトを作りました。

作ったと言っても、Udemyの講座を受けてそのまま作ったので、ご興味ある方はこの講座受けてみてください。

成果物

作ったのはこちら。

・トップ画面

質問が一覧で表示されます。

・質問作成画面

質問の投稿ができます。

・質問詳細画面

質問と回答が確認でき、新しい回答の投

もっとみる
『珈琲 まるも』松本民芸家具も楽しめる素敵な喫茶店です
1

なんていうかもう、俺の屍を越えてゆけって感じ

いやしかしプールである。ベビースイミングである。

日曜日は午前中に長女のベビースイミングに行っている。長女は2歳3ヶ月にして13キロくらいあり、若干大きめなので健康のために運動させようと思い。2月くらいから通い始めた。

しかしこのベビースイミングである。ベビーとは名がついているものの、実際は付き添いの親の運動教室のようになっている。子どもたちは手にヘルパーつけてプカプカと浮いているだけだが、親

もっとみる
『アミジョク』マフィンが最高!
3