CDNで始めるVue.js コンポーネント① - QiitaHelp us understand the problem. What is going on with this article?
画面更新処理の呼出タイミング - Qiita
<div class="history-table"> <table class="history-body"> <tbody> <tr *ngFor="let record of lodossWar"> <td>{{record.Year}}</td> <td>{{record.Event}}</td> </tr> </tbody> </table> </div> import { Component, Input, OnChanges, } from '@angular/core'; // jQuery用の変数宣言 declare var $; @Component({ selector: 'history-component', templateUrl: './history.component.html' }) export class HistoryComponent imple
Angularで、ERROR TypeError: Cannot read property 'city' of undefined - Qiita
概要 前回の【エラー解決】Angularでerror TS1005: ',' expected.のエラーの解決 に引き続き、Angularのエラーについて。 今回はGoogle Chromeのデベロッパーツール（検証モード）でエラーが出たので、その解決方法を書きます。 エラー内容 ERROR TypeError: Cannot read property 'city' of undefined 'city' の中は、人それぞれプロパティ命名が違うことに注意。 このエラーが出た場合は、以下のように解釈すると良い。 プロパティが存在しないため、city プロパティを読み取れません。 つまり、cityプロパティの前の上位のオブジェクトを疑ってみる。 このエラーの場合、Google Chromeのデベロッパーツール（検証モード）上で、(RentalListItemComponent.html:5)
[Vue.js]祖先のイベントを孫から叩くには - Qiita
やりたかったこと こんな感じで孫から祖先の関数を叩きたかった。 結論から先に こんな感じで階層ごとに親へ$emitしてやる必要があるみたい。 あくまでも親－子の関係しか存在し得ないので、祖先に渡す場合は一旦親を経由する必要がある。 Code See the Pen Vue - grandchild-emit by tosite (@tosite) on CodePen. 試してみたこと （実際のコードとは違いますが、やらんとすることは伝わるかと思います。） <parent @parent-method="parentMethod"> <child @parent-method="parentMethod"> <grand-child @parent-method="parentMethod"> </grand-child> </child> </parent> <parent @paren
![[Vue.js]祖先のイベントを孫から叩くには - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/881d8d010f59e5c71ba4ebd752f26cb11192e822/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCVnVlLmpzJTVEJUU3JUE1JTk2JUU1JTg1JTg4JUUzJTgxJUFFJUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJTkyJUU1JUFEJUFCJUUzJTgxJThCJUUzJTgyJTg5JUU1JThGJUE5JUUzJTgxJThGJUUzJTgxJUFCJUUzJTgxJUFGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kODM3MmM1MTZiNTM5ZDU4ZDMzZjczNWMxMTk5ZGE5ZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9zaXRlMDM0NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTExZTI0OTNkNzE5MDY0OGU4ODAzZWFhMDkwZjk2ZjY%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da670b977d384db967f56120220825b48)
Angularでのフォーム作成 - Qiita
#フォームとは フォームタグで囲われ、input、selectなどを使ってデータを生成しサーバーに送信するもの Angularでは容易に実装できるAPIが用意されている Angularでフォームを利用するためにはFormsModuleをインポートする FormsModuleは「テンプレート駆動フォーム」と呼ばれる形式のフォームを実装するためのモジュール #フォームの作成 app.module.tsを下記のように実装 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import {FormsModule} from '@angular/forms'; import { AppComponent } from './app.component
Ionic/Angularと相性抜群のNodeフレームワーク「NestJS」をLambdaで公開する方法 - Qiita
Ionic/Angularでは、TypeScriptを採用しているので、APIからのレスポンスを型定義します。で、常々、「バックエンドでも型定義をして、それをフロントエンドと共有できたら最強では」と思っていたのですが、先日Angularから強い影響を受けたTypeScript製Node.jsフルスタックフレームワーク「NestJS」の存在を教えてもらいました。 どのようなものかは 【Node.js】TypeScript製Node.jsフルスタックフレームワーク Nest 導入編をご覧ください。 これを採用したことにより、今はInterfaceをフロントエンド・バックエンドで共有できていて、とても快適に開発を進めていたのですが、「いざ公開」の段になって、Lambda + API Gatewayで苦戦したのでまとめておきます。 Lambdaで公開する手順 Serverless Framewor
Angular入門 未経験から1ヶ月でサービス作れるようにする その10. Firebaseを使ったAPI通信1 - Qiita
Angularでの HTTP 通信のやり方を解説していきます。 サーバ側は、Firebaseを使います。 Firebaseの Realtime Database は、使いやすいREST API を用意してくれているので、これを利用していきます。 なお、Firebaseを普通に使うだけなら、ライブラリでやったほうが良いです。 今回は、AngularのAPI通信部分の学習のためにREST API を使っていきます。 FirebaseライブラリのAngularプロジェクトへの追加（セットアップ） FirebaseのREST APIの仕様 AngularにおけるHTTPのGETメソッド 前回の振り返り 前回は、Angularでの自作のバリデーションを学びました。 今回の内容とは、少し離れていますが、バリデーションはとても大切なので読んでない方はぜひ読んでおいてください。 この記事のソースコード h
vue-cliでnpm run serveができない。 - Qiita
こんなエラーに出くわした vue-cliを使って開発中にnpm run serveを打ち込んでいると次のようなエラーに出くわしました。 sh: vue-cli-service: command not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! images@0.1.0 serve: `vue-cli-service serve` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the images@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely additi
Vue.jsを使ってそれっぽいTodoリストを作ってみる - Qiita
プログラミングを学び始めて気が付いたら半年経ったので、今の理解度を確認するために最近触れ始めたVue.jsを使ってシンプルなTodoリストを作ってみました。 ・デモページ ・コードはこちら コード自体は改良できそうな気はしていますが、現在の自分では思いつかなかったので諦めました……。 ◆改良するべき点 ・ページに入力した内容の保存を出来るようにする。 ・Todoを入力する部分とボタンの見た目を良くする。案は色々ありそうなので略。 ・もう少しデザイン頑張る。 ◆自分への課題 ・「でもこれどうせあるでしょ」と思わずとりあえず色々作ってみよう
HTML5で履歴書 - Qiita
stsysd/resume.jp ブラウザ上で新卒者向けの履歴書を作るツール。 サーバは使ってないので、外部にデータは送られず安心。 JSONでのエクスポート・インポートにも対応してるよ。 なんでこんなの作ったのか この間生まれて初めて履歴書が必要になる機会があり、せっかくだから手書きしたらすごく大変で、これは人間がやる仕事ではないなと思い知り、印刷で済ませる必要性を感じた。 ちょうど同じぐらいのタイミングで、どこかの企業の履歴書作るサービスがバズってて、こんなので個人情報吸い出されるのも馬鹿らしいなと思って、自分で作ることにした。 印刷することを前提としている以上、本来ならTeXとかを使うのがふさわしいとは思うのだが、ブラウザさえあればどこでも動く手軽さとわかりやすさを重視してHTML5で作成した。 使ってるライブラリなど Vue.js: 単品。コンパイルとかもしてない Pure CSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【エラー解決】Angularでerror TS1005: ',' expected.のエラーの解決 - Qiita
CDNで始めるVue.jsコンポーネント② - Qiita
CDNで始めるVue.jsコンポーネント③ - Qiita
Vue 子から親へ コンポーネント間のデータ受け渡し - Qiita
Vue 親から子へ コンポーネント間のデータ受け渡し - Qiita
RailsのSystemTest（headless chrome）をDocker上で動かす - Qiita
rails5.2 + --webpack=vue で hello_vue を表示する - Qiita
nuxtでmomentを動かす - Qiita
vue-cli2で個人事業のページを作った - Qiita
Nuxtでcross-envを使い環境ごとに環境変数を分ける - Qiita
