タグ

2016年12月26日のブックマーク (12件)

  • Vue.js概要? - Qiita

    Vue.js とは 原作者である Evan You氏 が中心となって開発中のクライアントサイド JavaScirpt(JS)フレームワークです。 MVC の派生種である、GUIライブラリに適した MVVM を設計基盤として 採用し、構築されています。 MVVM を採用していること が、構文の理解しやすさに繋がっています。 MVVM を採用したフレームワークでは、表示そのものであるView、 表示するデータ 及び データを操作する手続き をひとまとめにした View Model (VM)、が舞台上の役者です、それらを管理するコントローラ(Controller)は、 存在するものの、黒子のような存在で、ユーザからは隠蔽されているため、 コードを書く際に意識する必要はありません。 公式サイトで Vue.js の特徴は Simple、Fast、Composable、Compact、 Powerfu

    Vue.js概要? - Qiita
    kefi3104
    kefi3104 2016/12/26
    Vue.js概要?
  • 2017年、新規にJavaScriptを書くならどんな設計をするか|デロイト トーマツ ウェブサービス株式会社(DWS)公式ブログ

    この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基的にはSPAをベースとしています。 また、最新のイケてる技術バリバリ使ってやるぜ、というよりは、堅牢で、はやりが変わってもメンテができるということを意識してみました。 DOMのレンダリング Virtual DOMを代表とした、DOMのレンダリングを行うライブラリをなにか採用します。特に理由がなければReactでいいと思います。Virtual DOMではありませんが、AngularでもDOM管理においてはさほど違いはありません。この2

    kefi3104
    kefi3104 2016/12/26
    2017年、新規にJavaScriptを書くならどんな設計をするか
  • รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง

    7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับไม่ได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่พวกเรามีให้เฉพา

    รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
    kefi3104
    kefi3104 2016/12/26
    React.jsの勉強会に参加してデザインのコンポーネント化できないWEBデザイナーはやばいかもっていう話
  • Vuetify — A Vue Component Framework

    Vuetify is a no design skills required Open Source UI Component Framework for Vue. It provides you with all of the t...

    Vuetify — A Vue Component Framework
    kefi3104
    kefi3104 2016/12/26
    Vuetify
  • Riot.js を利用してTODOアプリケーション構築のハンズオンを作成しました #riotjs - the industrial

    Riot.js Advent Calendar 2016 の2日目! 1日目はkuwahara_jsngさんの「今年1年真剣にRiot.jsと付き合ってきたので振り返ってみた」です。 さて、ついにv3がリリースされたRiot.jsですが、実は以前、社内向けに作ったハンズオンがあるので、Riot.js Advent Calendar 2016の場をお借りして紹介させていただきたいと思います。 ただ、バージョンは2.6時点のものですのでご了承下さい。 v3版も、いずれ近いうちに!!! デモ http://omiend.github.io/riotjs_todo/ はじめに Riot.jsとは 関連するHTMLJavaScriptを結合し、再利用可能なコンポーネントとしてまとめたカスタムタグを利用してアプリケーションを構築することができる、超軽量Webフレームワークです。 http://rio

    Riot.js を利用してTODOアプリケーション構築のハンズオンを作成しました #riotjs - the industrial
    kefi3104
    kefi3104 2016/12/26
    Riot.js を利用してTODOアプリケーション構築のハンズオンを作成しました #riotjs
  • Riot.js と Atomic Design ではじめるテクニカルクリエイター|Technical Creator Hub

    紫竹佑騎 2010年新卒入社。アメーバのサービスやソーシャルゲーム数タイトルのサーバーサイドを担当。著書に「Web制作者のためのGitHubの教科書」。BaPA1期生。 7月頃リリースされた AMESTAGE の Web 版を担当している 紫竹 です。 AMESTAGE は"芸能人とあそべる生放送"と銘打ったサービスでして、芸能人の放送する番組に対してコメントしたりギフトを贈ったり、クイズなどのコーナーに回答して一緒にあそんだりできます!!是非放送を見てみてくださいね^^ AMESTAGE 今回はこの AMESTAGE で利用した Riot.js というライブラリを使って、Web 開発しやすいコンポーネントをデザインの時点からワンストップで行うことができる手法をご紹介したいと思います。 俺がテクニカルクリエイターだ! ↑これは言ってみたかっただけなんですが簡単に自己紹介をすると、僕は

    kefi3104
    kefi3104 2016/12/26
    Riot.js と Atomic Design ではじめるテクニカルクリエイター|Technical Creator Hub
  • Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物

    ここ半年開発していた動画サービスをベータ版ながらリリースしました(正式リリースは 4 月)。そのサービスの開発において、以前投稿した Atomic Design を採用しました。記事では Atomic Design を実案件に導入した結果と感想を書いていきます。 Atomic Design の基的な概念に関して知りたい方は Brad Frost 氏の原文、もしくは私の以前の記事↓を参照できます。 最近よくクリエイターが移住するカナダで Atomic Design を学ぶ Atomic Design を導入して正解 結論から書くと、今回 Atomic Design を導入したことは正解でした。コンポーネントの粒度を論理的に説明できるガイドラインとして十分すぎるほどの役割を果たしてくれました。 このガイドラインがあることで、デザインに関してさほど関心がない人(たとえばデザインよりもエンジニ

    Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物
    kefi3104
    kefi3104 2016/12/26
    Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物
  • SSSSLIDE

    SSSSLIDE
    kefi3104
    kefi3104 2016/12/26
    フロントエンド最前線に流されない Atomic Design という考え方
  • Vue.js 2016年まとめ & 今後

    Vue.js 2016年まとめ & 今後この記事は、Vue.js Advent Calendar 2016の25日目最後の記事です。 フロントエンド界隈の技術、ここ最近何も進歩していないと言われてますが、Vue.js では今年2016年はいろいろとあり激動でした。 そんな Vue.js 界隈における出来事を Vue.js コアチームメンバ & Vue.js 日ユーザーグループの orgnaizer の立場でまとめつつ、最後に Vue.js の今後について少し話して、Vue.js Advent Calendar の最後を締めくくりたいと思います。 2.0 リリース!一番の大きな出来事といったら、やはり、Vue.js 2.0 のリリースでしょう! Behold! Vue 2.0 is officially out! https://t.co/OVgGo4epCO 2016年9月30日今年の4

    kefi3104
    kefi3104 2016/12/26
    Vue.js 2016年まとめ & 今後
  • Reactの新しいバージョニングスキームについて | POSTD

    今後、Reactはメジャーリビジョンリリースによって主要な修正を行うことを発表します。現在のバージョンは0.14.7です。次のリリースバージョンは 15.0.0 になります。 多くの人にはこの変更による実質的な影響はないでしょう。セマンティックバージョニングのメジャーバージョンに移行することで、安定性に対する我々のコミットメントを示すことができ、さらにマイナーリリースに後方互換性のある新機能を追加するという柔軟性を持たせることができます。メジャーリリースの数を抑えることができ、次のバージョンが出るまで待つことなく改善されたReactを利用することができるようになります。その上、特にコンポーネント作者に便利なのは、このバージョニングスキームには同時にReactの2つのメジャーバージョンをサポートできる柔軟性があるため、バージョンの異なるコンポーネントを使用することができることです。 Reac

    Reactの新しいバージョニングスキームについて | POSTD
    kefi3104
    kefi3104 2016/12/26
    Reactの新しいバージョニングスキームについて
  • The State Of JavaScript: Front-End Frameworks

    Never heard of it Heard of it, not interested Heard of it, would like to learn Used it before, would not use again Used it before, would use again Awareness The battle for JavaScript mindshare is often led by front-end frameworks, and this comes through in the survey results: apart from relative newcomer Vue , every option here stands at over 97% awareness. Interest While awareness is pretty much

    The State Of JavaScript: Front-End Frameworks
    kefi3104
    kefi3104 2016/12/26
    Front-end Frameworks
  • 【2016年夏】個人的に注目なフロントエンドで使えるJavaScriptフレームワークまとめ - Qiita

    はじめに Webサービスを開発するにあたり、JavaScriptのフレームワークは今や欠かせないものになりました。 多種多用なフレームワークがある中で、今回は主にwebサービスフロントエンドで用いられるJavaScriptフレームワークをまとめました。 それぞれのJavaScriptフレームワークの詳しい使い方については、詳細に説明されているサイトが沢山あるので記事では省略致します。 こんなフレームワークもあるんだなーと軽い感じで眺めていただけると幸いです! 特徴 Vue.jsは、インタラクティブなWebインターフェイスを構築するためのライブラリで、MVVMアーキテクチャを採用しています。 HTML/JavaScript間の双方向データバインディングに特化していて、極力シンプルに実装できるようになっています。 シンプルに実装できることから、学習コストも低く初心者でも導入しやすいフレーム

    【2016年夏】個人的に注目なフロントエンドで使えるJavaScriptフレームワークまとめ - Qiita
    kefi3104
    kefi3104 2016/12/26
    【2016年夏】個人的に注目なフロントサイドで使えるJavaScriptフレームワークまとめ