Vue.js Devtoolsの導入方法と機能まとめ。Vue.jsを用いた開発を効率化させよう！ - Qiita
最近、JavaScriptフレームワークであるVue.jsの勉強をしているのですが、jQueryを用いて開発を進めるときと比べるとデバックに時間がかかってしまいます。 何か良い解決策を探してみると「Vue.js Devtools」というchromeブラウザの拡張機能の存在を知りました。 早速導入してみると、 作業がとても捗った ので、導入方法や使い方を簡単にまとめたいと思います。 Vue.js Devtoolsとは Vue.js Devtoolsは、Vue.jsの開発をサポートする Chromeブラウザの拡張機能 です。これを導入するとconsoleを開かなくてもdataの中身などを確認することができるようになります。 Vue.js Devtoolsの導入方法について それではさっそくVue.js devtoolの導入方法について。まずは下記URLにアクセスして拡張機能を追加します。 Vu
癒しのクラシック音楽集 13曲
(1) 00:00:00～『ショパン：ノクターン 第2番 変ホ長調』 (2) 00:04:06～『ドビュッシー：ベルガマスク組曲第3曲 月の光』 (3) 00:08:16～『パッヘルベル：カノン ニ長調』 (4) 00:14:49～『ラヴェル：亡き王女のためのパヴァーヌ』 (5) 00:20:20～『レスピーギ：《リュートのための古風な舞曲とアリア》より 第3組曲 シチリアーナ』 (6) 00:23:38～『ヘンデル：歌劇《リナルド》より アリア 「私を泣かせてください ～涙流れるままに」』 (7) 00:27:21～『アルビノーニ：《弦楽とオルガンのためのアダージョ》 』 (8) 00:35:17～『チャイコフスキー：弦楽セレナーデ 第3楽章 エレジー』 (9) 00:43:51～『マスネ：タイスの瞑想曲』 (10) 00:48:06～『モーツァルト：ピアノ協奏曲 第2
癒しのクラシック音楽集 13曲
(1) 00:00:00～『ショパン：ノクターン 第2番 変ホ長調』 (2) 00:04:06～『ドビュッシー：ベルガマスク組曲第3曲 月の光』 (3) 00:08:16～『パッヘルベル：カノン ニ長調』 (4) 00:14:49～『ラヴェル：亡き王女のためのパヴァーヌ』 (5) 00:20:20～『レスピーギ：《リュートのための古風な舞曲とアリア》より 第3組曲 シチリアーナ』 (6) 00:23:38～『ヘンデル：歌劇《リナルド》より アリア 「私を泣かせてください ～涙流れるままに」』 (7) 00:27:21～『アルビノーニ：《弦楽とオルガンのためのアダージョ》 』 (8) 00:35:17～『チャイコフスキー：弦楽セレナーデ 第3楽章 エレジー』 (9) 00:43:51～『マスネ：タイスの瞑想曲』 (10) 00:48:06～『モーツァルト：ピアノ協奏曲 第2
[レポート] aiboの心はAWSの中にある？(RoboTech) JAWS DAYS 2018 | DevelopersIO
ども、大瀧です。 日本のAWSユーザーグループであるJAWS-UG主催イベントJAWS DAYS 2018のセッション「aiboの心はAWSの中にある？(RoboTech) 」に参加しましたので、そのレポートを紹介します。 開始前に会場前方にaiboが放たれる、途中からセクションナイン吉田さん所有のaibo(イギーちゃん)も乱入 スピーカーはソニーの森本さんです。 aibo aibo 2017.11.1プレス、2018.1.11発売 自律的に人に寄り添うプロダクト センサたくさん 目が有機EL アクチュエーターもたくさん アプリ、クラウドの3つで成り立っている 「意識思考はクラウド上にある」 My aibo aiboプロジェクト はじまりは突然、開発のきっかけ 企画チームの人が現れて「クラウド機能くれ」、クラウドで何する？ HowはAWS一択 ビジネスサイド(スモールスタートしたい)とエン
![[レポート] aiboの心はAWSの中にある？(RoboTech) JAWS DAYS 2018 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce15b0c32ac83e928a616a877043420ddda47c32/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F11%2Fjawsug.png)
Vue.jsで簡単な一覧画面を作ってみた - Qiita
概要 サーバ側しかほぼ実装しない自分が、仕事上Vue.jsを触る必要が出てきたので簡単な一覧画面を作ってみる。 あくまでチュートリアルレベルなのであしからず。。。 出来上がったもの： jsFiddle github 参考サイト様はこちら データを表示させてみる まずはHTMLに値を表示させてみます。 vueインスタンスを生成し、表示させたいデータをdataに格納し、インスタンスを適用させたい要素をelに指定します。 HTML側ではそのプロパティから値をレンダリングする仕組みになっています。 const items = [ {'Id':'1', 'Name':'Tanaka', 'Age':'20'}, {'Id':'2', 'Name':'Suzuki', 'Age':'30'}, {'Id':'3', 'Name':'Takahasi', 'Age':'40'} ]; const ids
体で覚えるVue.js - フィルター編 〜 JSおくのほそ道 #026 - Qiita
こんにちは、ほそ道です。 今回も引き続きVue.jsのフィルタを体で覚えます。 フィルタを使う事でバインドするデータに様々な加工を行う事ができます。 前回まで同様、シンプルなサンプルに沢山触れる事でどんな道具があるのかをバンバン体験していくスタイルでやってまいります。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら capitalize / uppercase / lowercase capitalizeは先頭文字が小文字の場合に大文字にする。 uppercaseとlowercaseは言わずもがなの大文字化・小文字化。 <div id="sample"> <div v-text="foo|capitalize"></div> <div v-text="foo|uppercase"></div
筋トレするように読書を管理できるアプリ、Bookly
読書にもさまざまあります。没頭して一気に読み通すこともあれば、難解すぎて爪で石の壁を削るようなペースでしか進まない特書もあります。楽しんで読んでいるけれども、進捗が気になるようなタイプの読書家もいます。私などがそれです。 今日は何ページ読めただろうか？ 過去数日に比べてどのようなペースだったろうか？ このペースだと何時間後に読み終わるのだろうか？ 今年は累計で何ページ・何時間読んでいるのだろうか？ といったことが手軽にデータにできると嬉しいタイプなのです。ちょっと異常だというのはわかっているのですが、こうした可視化が好きなのです。 そうした読書ペースを記録するのにとても便利な iOS アプリ、Bookly が本家Lifehackerで紹介されていたので試したところ「これだ！」というくらいに気に入りましたので、その利用方法やメリット、まだ至らない点などについてまとめておこうと思います。 読書
焼き鳥丼のレシピ/作り方：白ごはん.com
焼き鳥丼の下ごしらえ この焼き鳥丼は「フライパンひとつで作るレシピ」なので、フライパンでも皮をカリッと美味しく焼くための"肉の切り方"や"焼き方"のコツがあります。手軽だけどちょっと工夫すると美味しくできるので、挑戦してみてください！ 焼き鳥丼の具は鶏もも肉と長ねぎ（白ねぎ）。まず、まな板がきれいなうちに長ねぎを３㎝幅に切ります。味のしみ込みと食べやすさのために、切った長ねぎの両面に5〜6本、斜めに浅く切り込みを入れます。 続いて鶏もも肉。まな板の上に皮を下にして置き、余分な脂と皮を切り落とします。 横に置いた鶏もも肉は、まず横に半分切り、次に端から1〜1.5㎝幅に切ります。 また、鶏肉を焼く前にAの調味料（醤油大さじ2と1/2、みりん大さじ2、砂糖大さじ1）をボウルなどの容器に合わせ、しっかり溶かし混ぜておきます。 焼き鳥丼の鶏の焼き方 ここからがポイント。切った鶏肉は包丁で横1列ずつす
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
新人プログラマをレビューで傷つけないために - Qiita
はじめに この半年くらいで初めて本格的にチーム開発を行い、今では日常的に GitHub の Pull Request を使っています。 チームの方々には、基本的なことから応用的な部分まで様々な観点からレビューをしてもらって、大いに勉強になりました。 ただ、時には「新人にとっては厳しいレビュー」をいただき、1 人で傷つきモチベーションを落とすこともありました。 もちろんそれは悪意のあるものではなくて、新人とレビュワーのスキルのギャップによって意図せず生み出されてしまうものです。 そのような不幸なレビューによって苦しむ新人が減ることを願って、新人を不用意に傷つけてしまう恐れのあるレビューをまとめていきたいと思います。 新人教育の場に少しでも役に立てていただけると嬉しいです。 前提条件 今回の対象とする「新人」は、本格的な開発経験が1年未満の方を想定しています。 個人で少しプログラミングはしてき
私たちはどうして公式ドキュメントが読めないのか？ - Qiita
少しプログラミングを覚えてきた初学者が、さらに力をつけるために必要なのが公式ドキュメントを読むことだと思います。 公式ドキュメントには、日本語の記事には書かれていないような詳細な説明や、APIの使用方法、そしてリリースノートなど、実装には不可欠な情報が掲載されています。 しかし、公式ドキュメントが上手く読めずにつまづく人も多いのではないでしょうか？慣れていない人にとっては、技術について書かれたドキュメントを読むのは難しいものです。 この記事では、つまづいてしまう人が少しでも減るように、公式ドキュメントが読めない原因と対策をいくつか書いていきます。 公式ドキュメントとは この記事で言及している「公式ドキュメント」は、フレームワークやライブラリ、言語について、その公式組織が出している文書のことです。 具体的にはこのへん。 どうして公式ドキュメントが読めないのか 原因1. 公式ドキュメントを読む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gitでパスワードを毎回聞かれる問題の解決方法 - Qiita
GitHubでssh接続する手順~公開鍵・秘密鍵の生成から~ - Qiita