イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです


このエントリーをはてなブックマークに追加

Tag: j-Query


  1. FileReaderを使ってローカルにある画像をブラウザに読み込ませる方法

    こんにちは、widthが192cmの小柳津です。 今回はローカルのファイルをブラウザに読み込ませる方法を習得したので、そちらを取り扱っていこうと思います。 方法はJavaScriptのFileReaderオブジェクトを使用します。 サンプルとして画像をリアルタイムでブラウザに反映できるものを作ってみました。 動作 百聞は一見にしかず、動作は以下のようになります。 See the Pen image-FileReader by yuma oyaizu (@yaizuuuu) on CodePen. 画像を選択できる箇所が5つあり、選択するとそれぞれの直下に画像がリアルタイムで追加されます。 さらに、今回は選択できる画像を'image/jpeg', 'image/png', 'image/gi…

    yaizu, javascript, jQuery, FileReader

  2. きっと明日から役立つ!jQueryの書き方

    こんにちは、中村です。 先日Vue.jsについての記事を書いたばかりですが、結局日々の業務ではjQueryしか触っておりません。。。 まぁBtoB向けのサービスなので、IE7対応を求められてしまったりするのでしょうがないですね! 個人的に少しずつ勉強していこうと思います(キリッ! ちなみにjQueryは特にシンプルに記述するように心がけないと、すぐコードが煩雑になってしまいメンテナンスがとても大変になってしまうと思います。 今回は良くあるケースでHTMLとJavaScript共にシンプルかつ意味のあるコードになるような例を紹介しますので、是非参考にしてみてください。 何度も$(function() { を書いてる 例えばこんな感じ。 See the Pen jQuery Case 01…

    Nakamura, jQuery

  3. jQueryから移行するならVue.jsが良さそう

    お久しぶりです、中村です。 いきなりですが、年末にこんなイベントに行ってきました。 【ヒカ☆ラボ】最新フロントエンドフレームワークを利用した開発事例! https://atnd.org/events/83403# フロントエンドフレームワークがもの凄い勢いで誕生している中、 Angular 2、Vue.js 2、React.jsの3つのフレームワークを導入した貴重なお話を聞いてきました。 主催してくださった レバレジーズさん、登壇者の皆様ありがとうございました! 弊社ではほぼjQueryで開発しており、管理することが難しく(不可能に)なってきたため 移行したいなぁと思っている今日この頃です。 ただ、 ・これを選定しておけば間違いないといったフレームワークがない ・学習コストが高い ・いっぺ…

    Vue.js, jQuery, nakamura