【react】jqueryメインの非SPAシステムの特定ページでのみreactを導入してみたのでメモ - とりあえずphpとか
はじめに 以前に自分が作ったシステムで主にjqueryを使って作ったものがありました。 基本的には困ることはなかったのですが、特定のページだけ複雑になってきていじるのが嫌になってきました。。。 作りたい画面のイメージとしてはこんなかんじ メイン画面 モーダル1 モーダル2 ・画面の中央にリストがある。 ・「追加」ボタンで追加するデータの種別選択画面モーダルをひらく ・「次へ」ボタンで種別ごとに設定画面があるのでそれらへ遷移 ・「登録」ボタンでモーダルを閉じてリストへ反映 リストへの登録を繰り返して、すべて登録できたら「サーバーへ送信」ボタンで登録が完了するようなイメージの画面。 最初はそこまで複雑でなかったのだが、種別が増えていって種別によっては2ページ、3ページかけて項目を入力するものはでてきた。。。 jQueryで作っていたのだが、さすがに1つのHTMLにすべてを書いてしまっていたので
これだけ覚えるべきJSの基礎 · takahashiakira/tech_for_web Wiki · GitHub
Dismiss Document your code Every project on GitHub comes with a version-controlled wiki to give your documentation the high level of care it deserves. It’s easy to create well-maintained, Markdown or rich text documentation alongside your code. Sign up for free See pricing for teams and enterprises 「FEのためのJS基礎」シリーズについて 「JS基礎シリーズ」は、フロントエンドエンジニア向けのJavaScript（以下JS）の中でも、特に実践に必要となる情報のみを個人的にまとめたシリーズです。
挫折知らずの入門書！3時間読むだけでJavaScriptの基礎がしっかり身につく -いちばんやさしいJavaScriptの教本
JavaScriptは、HTMLやCSSに比べて敷居が高いと感じる人もいるかもしれませんが、本書ではその心配はありません。JavaScriptの知識がゼロでも、専門用語の一つ一つを理解しながら学びたい人にぴったりの入門書を紹介します。 何度か挫折してしまった人には、特にオススメです。 いちばんやさしいのに、一番しっかりJavaScriptのことが学べます。 本書はWeb制作者に好評の「いちばんやさしいシリーズ」で、JavaScriptがリリースされるのを待っていた人も多いと思います。 JavaScriptをはじめ、jQueryやAjax通信やWeb APIについてかなり分かりやすく解説されており、手を動かしながら学べるので、なぜそうなるのかが理解できます。
業務システムに組み込める表計算ライブラリまとめ
業務システムでは一覧表がよく使われます。多くはテーブルタグを使って実現しますが、使っている内により細かな機能が望まれるようになります。例えば表をソートしたり、インラインで編集するような機能です。 今回はそんなユーザニーズに応えられる高機能な表計算ライブラリを紹介します。 Handsontable Community Edition セルをマージしたり枠の色を変更する、選択行のハイライトなどとても多機能です。ヘッダーや左列の固定もサポートしています。コミュニティエディションはMIT Licenseですが、有償版も用意されています。 handsontable/handsontable: Handsontable Community Edition – a JavaScript/HTML5 Spreadsheet Library for Developers SlickGrid ヘッダーを固定し
これから始めるVue.js 2.0 | 第1回 Vue.jsとは
これから始めるVue.js 2.0 第1回 Vue.jsとは まずはVue.jsとは何かを解説します。併せて、Vue.jsでの開発をサポートするツールにはどんなものがあるが一通り紹介します。このシリーズではVue.js 2.0の情報を元にしています。 はじめに 本シリーズでは、JavaScriptライブラリであるVue.js（ビュージェイエス）の基本的な機能や使い方を解説します。併せて、Vue.jsでの開発をサポートするツールについても解説します。 なお、以降、特に断りのない限り、次の環境での動作を元に執筆しています。 Vue.js 2.0.3 Node.js v6.9.1 LTS Vue.jsとは Vue.jsはUIなどを組み立てるView層にフォーカスしたJavaScriptライブラリです。Vue.jsの特徴として、リアクティブなデータバインディング、再利用性の高いコンポーネントによる
実況中継シリーズ「Vue.jsで学ぶMVVM 非同期処理 その光と闇」 Bパート - Re.Ra.Ku tech blog
この記事は、2017年3月4日に大阪にて行われたYAPC::Kansaiというカンファレンスで発表した、「Vue.jsで学ぶMVVM 非同期処理 その光と闇」というプレゼンの再現ブログの後編です。前編はこちらですので、前編をまだ読んでない方はぜひそちらからどうぞ。それでははじめます。 Bパート導入 さて、Aパートでは、 無駄にSPAするのはよくない SPAするならGUIのアーキテクチャ・パターンを参考にしよう GUIアプリケーションパータンの中から、MVVMとはどういうパターンなのか ということについて見てきました。Bパートでは、MVVMを採用したプロダクトでわたしが実際にどのような課題にぶち当たり、どのようにその課題に対応してきたかについて見ていきたいと思います。 認証、セッションまわりの話 まずは、実用的なwebアプリケーションには付き物である認証、セキュリティ周りの話から見ていきます
実況中継シリーズ「Vue.jsで学ぶMVVM 非同期処理 その光と闇」 Aパート - Re.Ra.Ku tech blog
2017年3月4日に、大阪にてYAPC::Kansaiというカンファレンスが開催されました。弊社からもわたしがスピーカーとして参加しており、「Vue.jsで学ぶMVVM 非同期処理 その光と闇」という発表をしてまいりました。とても参考になる発表が非常に多く、Perlコミュニティの力を改めて感じました。また、懇親会などでも、たくさんのハッカーと議論や情報交換ができ、大変有意義でした。カンファレンスは議論や情報交換してこそですよね！ というわけで、恒例のプレゼン再現ブログ「実況中継シリーズ」を行います。長くなりすぎるので前半と後半に分けます。本日は前半のみの公開です。 導入 本日はこういう発表をします。よろしくおねがいします。 簡単に自己紹介をさせてください。さいきん会社の名前が変わって、リラクっていう名前だったのがメディロムっていう名前になったんですけど、そこで働いています。言語的にはまあだ
MVVM, Layered Architecture, Clean Architectureを綜合して位置づけを整理する - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
一つ前の記事にもある通り、掲題の通りの試みを行いました。 github.com 一応、「一通り書けたぞ！」という感じになったので、ここにてこのREADMEを Ver.1.0.0 メジャーリリースとします。 自分ではかなりわかりやすく整理できたつもりでいますが、まだまだ「えっここってどういうこと？わかりにくいな〜」という部分があったり、「あ、ここは間違いですね」といった部分があるかと思います。そういうときには是非 issue やブックマークなどでフィードバックをください。それをもとにさらに良いものに育てて行きたいと思います。 また、もしこのリポジトリがみなさんの一助になるようなことがあったとしたら、 READMEの最後に書いてあるwishlistからカンパする 弊社で一緒に働いて一緒に議論を深めていく のどちらかを是非！是非！！！！検討してみてください。twitter @neko_gata_
[フロントエンド] 軽量モダンライブラリのVue.jsに入門する - YoheiM .NET
こんにちは、@yoheiMuneです。 React.jsでの開発は飽きたなーと思い、次はVue.jsに手を出し始めました。今日はVue.jsがどんなものかをふんわりと理解できる、ハローワールド的なところをブログに書きたいと思います。 目次 Vue.jsとは Vue.js（日本語はこちら）は、フロントエンドJavaScriptのライブラリの1つで、画面描画を行うために使うライブラリです。似たようなものに、Angular.jsやReact.jsやWebComponentなどがありますが、それらと同じく画面描画を行うことができます。 他のライブラリと違うところは「軽量である & 学習コストが低い」というところかなと感じています。使うと分かりますが、非常に楽チンに物事を進めることができます。ということで、これからの案件で使おうと思っている次第です。 あと、公式の日本語サイトが非常に充実しているとい
![[フロントエンド] 軽量モダンライブラリのVue.jsに入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6519d57d01c8d33ad652b2698eeaaf9ef28fba4b/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F500.jpg)
【資料あり】Vue.js 入門の勉強会の講師をやってみた - s平面の左側 - s平面の左側
少し前になるが、Vue.js に関する勉強会の講師というものをやってみた。 そのときに使用した資料がこちら。 github.com 私自身フロント側のプログラムなんて全然触ってきていないし、Vue.js についても個人的に数日触っただけだが、 触ってみたときにはかなりの感動があったし、私と同じレベル感で Vue.js（あるいはJSフレームワーク）に興味はあるけど触る機会を得られていない人も結構いるのではないかと思ってこのテーマを選んだ。 心がけたこと 準備をするにあたって以下の3点を意識した。 実際に手を動かしてもらう内容にすること どの環境でもすぐに動かせること 参加者の期待値を調整しておくこと 実際に手を動かしてもらう内容にすること 普段勉強会に参加していて思うのは、話を聞くだけでは「わかった気になる」だけで何も身にもつかないよなぁ、ということ。 もちろん優秀な人というのは得た知識につ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.js 2.3 CheatSheet
