タグ

2015年8月25日のブックマーク (4件)

  • Vue.jsでモーダルウィンドウを作ってみる - 俺、サービス売って家買うんだ

    2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ Vue.jsやAngularJSのデータバインディングを使ってDOMの並び替えやフィルタを実装することは多いと思います。しかし、WindowsやiOSで実装されているUIパターンの実装依頼をされた時に困ることって多いのではないでしょうか?私も困ります。 今日は試しにモーダルウィンドウをVue.jsで作ってみることにしました。 Componentsの機能を使っているので先に以下の記事を読んでおくと理解が捗るかもしれません。 www.ie-kau.net 作りたいものイメージ メインウィンドウのボタンを押してモーダルを開く モーダル内の商品

    Vue.jsでモーダルウィンドウを作ってみる - 俺、サービス売って家買うんだ
  • Vue.jsのComponentsの使い方 - 俺、サービス売って家買うんだ

    2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 inheritやカスタムタグ周りの書式に変更があります。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ ちょっとしたものを作るときにAngularJSを入れるのはだるいなーと思いつつ、jQury+lodashなどのテンプレートを利用してDOMを弄くるのも手がつかれるしめんどうとも思うので、AngularJSと同じようにデータバインディングを備えていてドキュメント量が少ないVue.jsを使う頻度が上がっています。(個人的に) vuejs.org コンポーネントについて 実は、Vue.jsはWeb Componentsのようなコンポーネントシステムを利用できます。しかもpolyfill

    Vue.jsのComponentsの使い方 - 俺、サービス売って家買うんだ
  • gulpプラグインの作り方 | js | Horic Design

    今回はじめてgulpのプラグインを作成したので、どのようにプラグインを作ったのかをまとめておきたいと思います。流れは下のようになります。 プラグイン用のフォルダを作成 package.jsonを作成 index.jsを作成 README.mdを作成 npmのアカウントを作ろう。 1. プラグイン用のフォルダを作成 はじめにプラグイン用のフォルダを作成します。フォルダ名は自分が配布したいパッケージ名にするとよいでしょう。私はgulp-less-to-scssというパッケージを配布したのでフォルダ名をgulp-less-to-scssとしました。 2.package.jsonを作成 次に作成したフォルダの中にpackage.jsonを作成しましょう。 パッケージ名やバージョン、パッケージの説明、依存ファイル等をJSON形式で書いていきます。 私の場合は下のようにpackage.jsonを作成し

    gulpプラグインの作り方 | js | Horic Design
  • ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog

    最強のTwitterクライアント戦争 なんか戦争をやってる人たちがいたので乱入することにした。 日記書いた / 最強のTwitterクライアント作り始めた - 9mのブログ http://t.co/ecq7nT40qp— 友緒利奈 (@9m) August 22, 2015 最強のTwitterクライアント戦争参戦したい— 戦車 (@r7kamura) August 22, 2015 戦争だ…! / “最強のTwitterクライアント戦争に参戦 - ✘╹◡╹✘” http://t.co/iJ3BAgPvFI— 友緒利奈 (@9m) August 22, 2015 YoruFukurou風のTwitterクライアント 最近デスクトップでLinuxを使い始めたんだけど、YoruFukurouみたいな感じで使えるTwitterクライアントがなくて困っていた。 なので、YoruFukurouを再実

    ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog