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


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


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

Tag: javascript


  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. 忘れんぼうを直すために自分でAsciiDoc風なメモ帳を作った

    明けましておめでとうございます。 イノベーションのエンジニアのオヤイヅと申します。 皆さん書き初めって最後にいつしましたか?今年の抱負って決めましたか?? 弊社では毎年、信念一発目の出社日には今年の抱負を書き初めにしたためる文化があります。 今年の私の新年の抱負はコチラです!! 私は異常なくらい忘れんぼうで、すぐ忘れ物などをしてしまいます。 今まで5回以上はトイレや出かけ先、駅などに財布を置いたまま忘れてきています。 (忘れてきた財布は一度を除く全てが落とし物センターに届けられました。日本って素敵ですね。) 忘れんぼう具合もそろそろ仕事に支障きたすくらいになってきたので、しっかりとメモを取り、忘れない決意をしました。 でも、忘れんぼうなので、メモを取ることを忘れてしまいます…&…

    asciidoc, Yaizu, javascript

  3. 忘れんぼうを直すために自分でAsciiDoc風なメモ帳を作った

    明けましておめでとうございます。 イノベーションのエンジニアのオヤイヅと申します。 皆さん書き初めって最後にいつしましたか?今年の抱負って決めましたか?? 弊社では毎年、新年一発目の出社日には今年の抱負を書き初めでしたためる文化があります。 今年の私の新年の抱負はコチラです!! 私は異常なくらい忘れんぼうで、すぐ忘れ物などをしてしまいます。 今まで5回以上はトイレや出かけ先、駅などに財布を置いたまま忘れてきています。 (忘れてきた財布は一度を除く全てが落とし物センターに届けられました。日本って素敵ですね。) 忘れんぼう具合もそろそろ仕事に支障きたすくらいになってきたので、しっかりとメモを取り、忘れない決意をしました。 でも、忘れんぼうなので、メモを取ることを忘れてしまいます…&…

    AsciiDoc, Yaizu, javascript

  4. 君がッ!PPAPするまで!歌うのをやめないッ!(新春)

    今年もよろしくお願いいたします。 イノベーションのおエンジニアをやらしていただいております、 オザサと申します。 皆様は年末年始をどのように過ごされましたか? 私は某シャーマンキングを読み返すという素晴らしい日々を過ごしておりました。 あとは家族とテレビを見たりとかもしましたかね。 テレビといえば、 昨年から金ピカに輝く彼の人をよく見るようになりましたね。 弊社でもモノマネをする者が出てくるほどの人気でしたよ。 そう、こs、じゃなくてピコ太郎氏です。 彼の有名な歌でPPAPという曲がありますね。 そう、Pen Pineapple Apple Protocol(嘘)です。 どこ見てもPPAPがチラつくので、 新年ボケした頭の体操にPPAPをJSで実装してみました。 var obj = []…

    ppap, Ozasa, javascript