タグ

2015年3月16日のブックマーク (12件)

  • Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita

    Vue.jsはそのまま使ってもよいですが「自分(プロジェクト)に合ったフレームワーク」を見つけるのにも向いています。 これは、後発フレームワークだけあり各フレームワークの特徴を意識した設計がなされているためです。他の著名なフレームワークとの特徴を比較した文書もあるので、こちらをチェックしながら導入を検討するとよいと思います。 そのため、以下はVue.jsの紹介と他フレームワーク(Knockout.js と Angular)へのステップという2セクションに分けて紹介していきたいと思います。 JavaScriptフレームワークの導入を行いたいがこの選択は慎重にいきたい、という状況であれば最初にVue.jsを試金石としてみて、効果的と感じられる機能からAngularやKnockout.jsに流れていくというのは十分ありだと思います。 2016/06: Vue.jsの1.x系に合わせて記述・サンプ

    Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita
  • vue.jsとBootstrapのタブを組み合わせるサンプル - Qiita

    追記: コメント欄でjQueryを使わないシンプルなコードを紹介していただいたので,そちらも参考にしていただければと思います。 はじめに 先日紹介したサンプルと同じ構成で,ページ内にBootstrapのタブを組み合わせるコードを紹介します。少なくとも日語ではググってもイイ感じのサンプルが見つからなかったので…… 目標は,各ページをコンポーネントとして実装しているSPAで,「戻る」や「進む」によるページやタブの遷移を自然に行うことです。今回の例で言えば,次のような挙動を実現することです。 /にアクセスする(homeコンポーネントの内容が表示される) リンクから/exampleにアクセスする(exampleコンポーネントの内容が表示される,タブは1個めがアクティブ) タブを2個めに切り替える リンクから/にアクセスする(再びhomeコンポーネントの内容が表示される) 戻るボタンを押す(exa

    vue.jsとBootstrapのタブを組み合わせるサンプル - Qiita
  • Directives - vue.js

    Data Binding Directives These directives can bind themselves to a property on the ViewModel, or to an expression which is evaluated in the context of the ViewModel. When the value of the underlying property or expression changes, the update() function of these directives will be called asynchronously on next tick. v-text Updates the element’s textContent. Internally, {{ Mustache }} interpolations

  • JSおくのほそ道 #000 [IndexPage] - Qiita

    ご挨拶 じぇいえすや 嗚呼じぇいえすや じぇいえすや 初めまして! JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。 テーマはとしては 「JavaScript基礎のその奥へ!」 を掲げてやって参ります。 単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ 裏側(ソース)はなるべく見て周り、 「どのようなアーキテクチャによりそのモノが動いているのか」 もチェックしながら進めていきたいと思います。 1つのトピックで1~10位の投稿を予定しています 順不同に書き進めます もはや常識!?NodeJSの基 非同期型イベント駆動とは イベントループの仕組みを探る モジュール&npmのキホン Webサーバ+アプリ構築が速すぎる件 Socket.ioで双方向通信チャットアプリを構築 ビルドツールの骨身に迫る Gruntとの上手な付き合い方 gulp

    JSおくのほそ道 #000 [IndexPage] - Qiita
  • tejitak.com - このウェブサイトは販売用です! - tejitak リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • Vue.js の View Model に JSライブラリ を統合する - Qiita

    はじめに Vue.js いいですよ、Vue.js。 シンプルでパワフルです。 Angular(JS)と較べて、学習コストが半端なく低い。 直感的にDOM操作を行えます。 同じくMVVMを基盤にするKnockoutJSよりもシンプルに 書けます。 日語の情報が充実しているので、今以上に ブレイクする可能性があると思っています。 公式サイトのガイド・APIリファレンスが有志の方のおかげで 日語にも対応しているので、クライアントJSにあかるい方が いれば、即採用可能な状況になっています。 View ModelへのJSライブラリ組込み v1.0.x JSライブラリをディレクティブとしてラップし、 JSライブラリを適用する要素にディレクティブを独自属性と して追加することでView ModelにスマートにJSライブラリ を統合できます。 1.0.xでも、ディレクティブではなくコンポーネントとして

    Vue.js の View Model に JSライブラリ を統合する - Qiita
  • コラム - Ruby & Rails | 第13回 WebSocketでサーバプッシュ その2 〜EM-WebSocket〜|CTC教育サービス 研修/トレーニング

    [IT研修]注目キーワード Python UiPath(RPA) 最新技術動向 Microsoft Azure Docker Kubernetes 第13回 WebSocketでサーバプッシュ その2 〜EM-WebSocket〜 (松永紘) 2014年4月 3/14にRails4.0.4がリリースされました(*1)。このアップデートは多くの機能改修やバグフィックスが含まれています。その中にはRuby2.1.1の不具合(*2)に対するフィックスも含まれていますので、該当バージョンをお使いの方はアップデートすることをお勧めいたします。 さて、前回はWebSocketの概要について書いてまいりました。今回はその続きとして、実際にWebSocketを使ってみたいと思います。 WebSocketのライブラリとしてはJavaScriptで実装されたSocket.IO(*3)が有名ですが、コラムは一

    コラム - Ruby & Rails | 第13回 WebSocketでサーバプッシュ その2 〜EM-WebSocket〜|CTC教育サービス 研修/トレーニング
  • ホワイトデーのお返しなく激怒 堺の43歳妻、31歳夫の首締め逮捕 - 産経WEST

    夫婦げんかで夫の首を絞め、けがをさせたとして、大阪府警南堺署は16日、殺人未遂容疑で、堺市南区に住む自営業の女(43)を現行犯逮捕した。南堺署によると「ネクタイで首を絞めたのは間違いないが、殺すつもりはなかった」と容疑を一部否認。「夫に不信感があった。ホワイトデーにお返しがなかったので腹が立ち、嫌がらせをしようとした」と供述しているという。 逮捕容疑は16日未明、自宅で会社員の夫(31)の首を絞め、殺害しようとしたとしている。女は犯行時、酒を飲んだ状態だったという。 夫が16日午前0時35分ごろ、自ら110番。駆け付けた南堺署員が取り押さえた。夫は軽いけがを負い、病院に搬送された。

    ホワイトデーのお返しなく激怒 堺の43歳妻、31歳夫の首締め逮捕 - 産経WEST
    repon
    repon 2015/03/16
    虚構かと思ったら
  • お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編)

    はじめに Vue.jsは、シンプル・軽量・高速という特徴を持つデータバインディングライブラリとして最近注目を集めています。LINE社でもアプリ内WebViewの実装技術の選択肢の一つとしてVue.jsを採用しています。2014年11月27日にリリースされたLINEスケジュールは、Vue.jsを使って実装しているSPA(Single Page Application)の代表例です。 稿は日語記事がまだ少ないVue.jsの基機能の紹介を目的とした「基礎編」として、公式ドキュメントの内容を元に解説します(執筆時点のバージョンであるv0.11の内容です)。 Vue.jsとは Vue.jsは、双方向バインディングによるModelとViewをつなぐ仕組み「ViewModelレイヤー(MVVMパターン)」を提供するJavaScriptのライブラリです。 Vue.jsの基概念は以下のようになってい

    お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編)
  • 体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita

    こんにちは、ほそ道です。 今回はMV**なフレームワークのひとつであるVue.jsを取り上げてみます。 さて、どこから手をつけたら良いものかと思案にくれた結果、序論や諸注意点をアレコレ展開する前にまずはビシバシと弄って、ヒジョーにシンプルなサンプルをいっぱい作って体にしみ込ませてみるのがイイんじゃないかと思いました。 ボリュームがあるので何回かに分け、今回はビューモデルを生成するパターンをまとめます。 「考えるな、感じろ」の精神でやった後にどう考え学習すべきかや、どう設計すべきかなどの私見は述べられたら良いなと思っております。 ViewModel生成編 ディレクティブ編 インスタンスメンバ編 グローバルメソッド編 フィルター編 v-repeatネスト編 全体の目次はこちら ザックリとしたVue.js概念 IE8以下には非対応 MVVMアーキテクチャにフォーカスしている MVVMとはモデル(

    体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita
  • 欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看

    欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
    repon
    repon 2015/03/16
  • あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方

    連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台/基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ

    あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方