Dealing with templates in Vue.js 2.0
sebdd thoughts and inspiration on designing, programming, and writing for the web Vue 2.0 introduced it's own virtual DOM implementation. At first sight, this doesn't seem to have a large effect on the way you write templates. From the docs: Under the hood, Vue compiles the templates into Virtual DOM render functions. Combined with the reactivity system, Vue is able to intelligently figure out the
Vue2.x系のハマりどころ templateとコンパイラを完全解説するよ
Vue2.xでは仮想DOMが使われるようになりました。それに伴い、Vue用のテンプレートを仮想DOMをレンダリングするための関数に変換するという処理をコンパイル時に行ってくれる仕組みが組み込まれています。 そして、お手軽にVueを試したい人、プロダクトにVueを使いたい人、コンポーネント志向でアトミックに実装したい人など、様々な用途に応じたテンプレートの書き方(＆コンパイルの方法)を用意してくれています。 そのためテンプレートの書き方とコンパイルの種類については仕様がやや複雑で、公式ドキュメントだけでは理解が難しくけっこうハマりどころだと感じている(事実ずっぽりハマりました)ので、知見を残しておこうと思います。 ※この記事を書いている時点でのVueのバージョンは2.2.1です。 おさらい Vue.jsの利用方法3パターン 1. Vueを<script>タグで埋め込む方法 2. Vue CL
VeeValidate
FlexibleOffers both declarative components or composable functions API. vee-validate sets up the foundation for you to form in whatever style you prefer. Incrementalvee-validate can do a lot if you let it. Like tracking values, validation, handling submissions and more. You may opt-in or out to all of these aspects. You are in control of how much form code you write. Great DXVue.js devtools suppor
GitHub - logaretm/vee-validate: ✅ Painless Vue forms
🍞 Easy: Declarative validation that is familiar and easy to setup 🧘♀️ Flexible: Synchronous, Asynchronous, field-level or form-level validation ⚡️ Fast: Build faster forms faster with intuitive API and small footprint 🏏 Minimal: Only handles the complicated form concerns, gives you full control over everything else 😎 UI Agnostic: Works with native HTML elements or your favorite UI library com
Pythonで学ぶ 基礎からの機械学習入門(5) 教師あり学習・分類をやってみよう - 決定木と過学習�
分類とは 前回は、教師あり学習のなかでも連続値の予測手法である「回帰」に触れ、説明変数である人口密度、総生産額、コンビニの数などから、目的変数の家賃を予測することに挑戦しました。教師データを使い学習するプロセスは理解できましたでしょうか。 今回からは、予測する目的変数が離散値である教師あり学習「分類」に挑戦していきます。機械学習の分類は多くの場面で活用されます。簡単な事例だと、「スパムメールなのか、そうでないか」、「課金してくれる顧客なのか、そうでないか」のような2値の分類が挙げられます。また、2値分類だけではなく、多クラス分類も存在し、アヤメの種類を花弁の長さや幅等から3種類に分類する例等が挙げられます。 今回は、分類の代表的な手法である決定木を用いて、2値の分類に取り組んでいきます。また、教師あり学習を行ううえでは避けて通れない、過学習にも触れていきたいと思います。 データの準備 今回
機械学習入門者がKerasでマルチレイヤーパーセプトロンのサンプルを読む
こんにちは。 GMOアドマーケティング、機械学習入門者のT.Mです。 はじめに ゼロから作るDeep Learningを読み終え、 実際に何か作るにあたって何をしたらよいか調べていたところ ニューラルネットワークのライブラリであるKerasを知り触ってみました。 いきなりKerasのサンプルソースを見てもさっぱり分からなかったので、 ゼロから作るDeep Learningで学習した内容とKerasドキュメントを参照しながら 見ていきたいと思います。 Kerasについて Kerasについては公式ドキュメントを参照ください。 TensorFlow上で動く、ニューラルネットワークをより簡単に書けるようにした ライブラリという認識です。 サンプルソース Keras公式のサンプルソースから、 ゼロから作るDeep Learningでも5章までガッツリと書かれていたMLP(マルチレイヤーパーセプトロン
誰でもVR/ARコンテンツを制作できる『Mirra』ベータ版が公開
誰でもVR/ARコンテンツを制作できる『Mirra』ベータ版が公開 VR/ARコンテンツの制作経験のない初心者でもコンテンツを制作できるプラットフォーム『Mirra』が登場しました。UnityやUnreal Engineなどの専用ツールの知識を必要とせずに、独自のVR/ARコンテンツを手軽に制作することができます。 VR/ARコンテンツを手軽に制作 『Mirra』はVR/ARコンテンツを手軽に制作できるウェブ上のツールで、アプリをインストールせずにウェブ上で作業を行うことができます。使い方はシンプルで、3Dモデルや画像や動画、360度動画をアップロードしてライブラリに追加、これらをドラッグ・アンド・ドロップでVR空間内に配置します。VRだけでなく、ARコンテンツも制作できます。 使用する3Dモデルや画像は自作したものの他、グーグルの3Dモデリングソフト『Blocks』で制作したものや共有サ
UIまで美しいMac向けの画像編集ソフト｢Pixelmator Pro｣リリース日が11月29日に決定
UIまで美しいMac向けの画像編集ソフト｢Pixelmator Pro｣リリース日が11月29日に決定2017.11.08 14:5223,087 山本勇磨 9月に発表されたPro版、発売日が決まりました。 元祖Photoshopクローンソフトでおなじみ、Pixelmator（ピクセルメーター）。そのプロ版である｢Pixelmator Pro｣の発売日が、11月29日に決定しました。価格は99ドル（日本価格未定：約1万1000円）で、リリース記念価格として59ドル（約6,700円）で発売されます。対応OSはmacOSで、MacのApp Storeから購入できます。 PixelmatorとはPhotoshopの基本的なツールはほぼ網羅しているのに、3,600円という破格ぶりで有名なPixelmator。もともとMac専用の画像編集ソフトとして設計されており、macOSのグラフィックスフレーム
「信頼感や安心感のあるデザインにしました(ｷﾘｯ」←デザイナーがよくいうやつ。 - 笑顔を創りたいWebディレクターの日常
「御社の信頼感や安心感を表現するため、こういうサイトデザインにしました」 みたいなことをデザイナーもディレクターも言いがちなんですが、僕はこの表現が嫌いなんですよね。っていうかそれ何も言ってないのと同じじゃん？っていう。 デザインコンセプトを決めるときや、その説明のときに信頼感とか安心感とかいうワードは使わない方が良いとすら思う。使うにしても、もう一歩掘り下げるとか。 いや、まあ信頼感や安心感という言葉でどんなデザインを表現したいかってのは、だいたいはイメージつくので、依頼側とデザイナー側が共通言語として使えてるならべつにいいんですけどね。 今日はそんなお話。 そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 信頼感や安心感のあるWebサイトデザインってじゃあなによ パッと思いつくのは、たとえば落ち着いた配色でキービジュアルに自社ビルの写真なんかを大きく置いたデザインとかで
シンプルな図を書く「5つのコツ」 （ダイヤモンド・オンライン） - Yahoo!ニュース
プレゼン、会議、打ち合わせに効果抜群！ 仕事に効く「図の使い方」。 企業研修、ワークショップの実績多数！ ニューズピックスのクリエイティブ統括者であり、どんなものでも「図」にする図解オタクの櫻田氏の新刊、『図で考える。シンプルになる。』が発売！ 発売4日で重版も決まり、話題になっている。 WIRED、ハフィントンポストといったメディアからのデザイン依頼に加え、コンサルティングファームや広告代理店で「図解思考」「デザイン×図解」などのテーマで研修をこなす本格派は何を語るのか。その秘伝の秘を、本連載ではあますところなくお伝えします。（構成：中村明博） ● わかりやすくて、 美しい図の作り方 図は、「本質的には理解のための道具である」というスタンスで連載を続けてきました。しかしもちろん、図の可能性はそれだけではありません。 まとめた内容を図で人に伝えることもできます。 図は伝達の道具でもあるので
Vue.js + Electron でマークダウンエディタをサクッとつくってみた - dev.kokushin
最近話題の軽量フレームワーク「Vue.js」と簡単にアプリ化できる「Electron」を組み合わせて、練習がてらマークダウンエディタをつくってみました。 Vue.js + marked.js でマークダウンエディタ本体を作る 公式サイトのサンプルをそのまま引用します。 アプリ名は「MarkDown Visual Editor」にします。 jp.vuejs.org せっかくなので webpack を使ってみる せっかく覚えたので積極的に使っていくスタイル。 以下、現時点でのディレクトリ構造です。 mdve/ ├ app/ │ ├ app.js │ └ index.html ├ package.json └ webpack.config.js app.jsに「Vue.js」の処理を書きます。 Vue.js インストール $ npm install vue --save marked.js イン
Twitterを利用したエンジニアスカウト - Konifar's ZATSU
雑にまとめる。 これは自分の感想でしかないのだけれど、エンジニアの不満というのはTwitterにこぼれやすい。 それ自体が良い/悪いという議論はあるが、自分の置かれている環境をどうしようもできないという辛さがネット上に溢れてしまうことを第三者目線から責めることは酷である。 すごく言い方は悪いが、そういう不満がありそうなエンジニアというのは、人材を欲している人事にとっては狙い目である。 SNSに愚痴をこぼすような人は不安という意見もあるかもしれない。しかし自分の周りで辛そうな人たちはもう十二分に努力をした上で絶望しているということが多い。場所を変えれば生き生きしだすということは多分にありうる。 エンジニアを探している人事の人は、イケてるエンジニアをフォローしておくべきだ。そして重要なのは、決して人事から声をかけないということだ。人事から声をかけるのではなく、エンジニアから声をかけてもらった方
定期的にtcpdumpをある期間だけ実行したいという時 - その手の平は尻もつかめるさ
tcpdumpの提供する-Wオプションと-Gオプション，ならびにcrontabを併用するといける． tcpdumpの-Wオプションはログローテーションを行う回数で，-Gはそのローテーション期間を秒数で指定できる． 例えば $ tcpdump -w ./%Y%m%d%H%M%S.pcap -W1 -G60などとやると，ログローテーション1回，ローテーション期間は60秒となるので，つまり60秒tcpdumpを実行した後にexitする (ローテーション1回指定なので)． ちなみに-wオプションで指定するファイル書き出し先についてはstrptimeと同じフォーマットが利用できるのでこういう時に便利． あとはcrontabでこのコマンドを仕込んでやるとOK (id:hirose31さんから「crontabでは%をエスケープする必要がある」との指摘があり修正しました)． 55 * * * * tcpd
今日覚えたNumPyのテクニック - くじらにっき++
今日覚えたNumPyのテクニックを紹介します。 numpy.stack で2次元配列を繋げて3次元配列を作る 1次元配列を繋げて2次元配列を作りたいような場合には numpy.vstack や numpy.hstack という関数があります。 a = numpy.array([1, 2, 3, 4]) b = numpy.array([2, 4, 6, 8]) c = numpy.array([3, 6, 9, 12]) numpy.vstack([a, b, c]) # array([[ 1, 2, 3, 4], # [ 2, 4, 6, 8], # [ 3, 6, 9, 12]]) 2次元配列を繋げて3次元配列を作りたいような場合にはどのようにすればよいか知らなかったのですが，numpy.stack という関数があることを知りました。 a = numpy.array([[1, 2, 3
【 whois 】コマンド――ドメイン情報を表示する
Linux基本コマンドTips一覧 本連載は、Linuxのコマンドについて、基本書式からオプション、具体的な実行例までを紹介していきます。今回は、ドメインの所有者などをはじめとするドメイン情報を表示する「whois」コマンドです。 whoisコマンドとは？ 「whois」コマンドは、インターネット上でのドメイン名やIPアドレスの所有者を検索し、ドメイン情報を表示するために用います。 CentOSやUbuntuには、デフォルトではwhoisコマンドがインストールされていません。「yum install whois」や「apt install whois」でインストール可能です。実行にはroot権限が必要です（連載第68回）。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VeeValidateを使ってみる - Qiita
「Visual Studio Code」の10月更新、オレンジのアプリアイコンが大不評で青に戻される／機能面ではマルチルートワークスペースと垂直パネルの導入に注目
ボタンごとにsubmit先のURLを変えたい時 - Qiita