タグ

技術とJavaScriptに関するrichard_rawのブックマーク (11)

  • なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

    最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日Reactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか!」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術仕事で使えなかった理由として

    なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
    richard_raw
    richard_raw 2017/11/16
    「開発時は爆速だったウェブサイトが、ソーシャルウィジェットと営業が持ってきた謎のアドとユーザーサポートのための謎SDKで驚きの重さに!ってのが日常の風景」(´;ω;`)ブワッ
  • 女子高生だったときに気が狂ってWin98でサーバーをたてた話 - Catch me If you can

    注!この記事を書いている人間はエンジニアではありません!よって技術的な用語の記載は間違っている可能性がありますが、指摘するときは女子高生だと思って優しくしてほしいの.... この記事は2016年アドベントカレンダー「自宅サーバの思い出」12/3の投稿です。 www.adventar.org seong15といいます。Twitterでは「いちごー」とか「いちご」とか「ひこざえもん」と言われてます。普段は完全リモートワークの会社で営業とか広報とか採用とかやってます。 いろんなシーンでエンジニアと話すことが多いんですが、世間話的にこの話をすると彼らに大ウケという結果がでており、思い出としてどこかに残しておきたいな〜というかんじで登録しました。 わたしは小学校6年生の時、もののけ姫を友達と見に行った帰りに屋で初めてアンソロジーというものをみつけてから足掛け13年ほど腐女子でした。今は貴腐人を超え

    女子高生だったときに気が狂ってWin98でサーバーをたてた話 - Catch me If you can
    richard_raw
    richard_raw 2016/12/05
    若さゆえのブラックテクノロジー(腐女子版)……。
  • HTTP/1.1 200 OK - Qiita

    ※このお話はたぶんフィクションです。実在の人物や団体とはあんまり関係ありません。 序 planetter.comをバージョンアップすることにした。数年前にリリースしてからずっと放置していたけど、そろそろ手を付けないとやばいと思った。 しかしウェブの世界はドッグイヤーだ。3年も経てば何もかもが変わっている。しばらく開発から遠ざかっていた僕には、最近の技術トレンドなんてさっぱりわからない。 まずは自分自身をアップデートするところから始めよう。 Atom 最初はIDEだ。以前はEclipseを使っていたけど、いまはもうウェブ系言語の進化速度に追いつけていないようだった。ウェブ開発用のIDEならいまはWebStormが人気のようだ。有料だけど、最新の技術に対応しているし、使い勝手もいい。 でも最終的にはAtomを選んだ。IDE(統合開発環境)ではなくエディタなので、これ自体は単機能だけど、不足分は

    HTTP/1.1 200 OK - Qiita
    richard_raw
    richard_raw 2016/05/17
    Qiita文学の揺籃期を目の当たりにした。/Web技術の本、積ん読してるんだよなあ。
  • ヨドバシ定期便を作った - おともだちティータイム

    Amazon 定期おトク便大好きっ子の僕は定期便を 30 以上登録して、日常のあらゆるものを勝手に送ってもらう生活をしていた。 しかし、ここ 1 年くらい Amazon 定期おトク便の対象商品が減って (買い合わせ対象になると定期便で送れなくなる、一度の配送が 3000 円を越えていたとしても) いった結果、定期的に買うものを自動化できなくて凄い辛い思いをしていた。 そして今月ついに箱ティッシュが買えなくなり、なぜか 1890 円もする異常なティッシュを勧められるようになってしまった。 これは困った。多少高くても定期的に送られてくる便利さを見込んで使っていたのだけど、さすがに箱ティッシュに 1890 円払うつもりにはなれない。そこで Amazon 定期おトク便を全て解約した。 そして、ヨドバシドットコムの操作を自動化することを目標とした。 なお、自動化は、お手軽なツールで出来るものでは無く

    ヨドバシ定期便を作った - おともだちティータイム
    richard_raw
    richard_raw 2015/02/11
    品目と周期はGoogle Spreadsheetで管理。CapybaraとPhantomJSでカートに入れてTwitterでreply。購入は手動。/ヨドバシは何でも売ってるな……。
  • JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ

    同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる新しい画像形式が「BPG」で、FFmpegJavaScriptだけで動くLinux「JSLinux」などを開発したFabrice Bellard氏が開発した画像形式です。ただサイズが軽いというだけではなく、グレイスケール・YCbCr=4:2:0・4:2:2・4:4:4・RGB・YCgCo・CMYKなどの色空間をサポートし、アルファチャンネルや可逆圧縮にも対応しています。 BPG Image format http://bellard.org/bpg/ BPGが他の画像形式と比べてどれくらい優れているのかを比較できるのが以下のページ。2種類の画像形式で同程度のファイルサイズの画像を表示させており、「mozjpeg」とBPGとで同じ画像を比較すると、BPG画像の鮮明さが際立ちます。 BPG Image Comparison

    JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
    richard_raw
    richard_raw 2014/12/16
    へー、JavaScriptでデコードしてるのか。場合によっては普及するかも。/なんでJPEGを再圧縮したし。っていうかLenaの絵はものすごくスムージングしてないか。
  • LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成

    LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成:MEANスタックで始めるWebアプリ開発入門(1)(1/3 ページ) MEANスタックを用いたWebアプリの開発方法について紹介していく連載。初回はMEANスタックの特徴と構成要素MongoDB、Express、AngularJS、Node.jsの概要、インストールの仕方とひな型の作成方法を解説。 連載目次 今でもよく使用されていますが、以前からWebアプリ開発ではLAMP環境がよく使用されていました。LAMPとは、一般的なWebアプリを開発するのに人気の高いオープンソースソフトウェアを組み合わせたもので、以下を用いたシステムのことです。それぞれの頭文字を取って「LAMP」と呼ばれています(参考)。 OS:Linux Webサーバー:Apache HTTP Server データベース:MySQL プログラ

    LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成
    richard_raw
    richard_raw 2014/12/02
    GUNDAMは犠牲になったのだ……。/もうOSはなんでもいい、ってことなんでしょうか。
  • MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて - albatrosary's blog

    MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです: JavaScriptフルスタックである データモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様

    MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて - albatrosary's blog
    richard_raw
    richard_raw 2014/10/07
    なんでJavaを引き合いに出したし。
  • チャットワーク開発の裏側 - EC studio 技術ブログ

    大変ご無沙汰な技術ブログ更新となってしまいました。 振り返ってみると、前回の記事がもう約2年前! ブログ記事を楽しみにしていただいていた方には申し訳ない限りです。 この2年間、何をやってたかというと、 「チャットワーク」というサービスの開発に全社を挙げて取り組んでいました。 チャットワークはおかげさまで2011年3月1日のリリース以来、 1年で6万ユーザーを突破し現在も順調に成長を続けています。 そして今年の4月1日に、創業から12年使用し続けてきた 「株式会社EC studio」という社名を「ChatWork株式会社」へと 変更することを発表しました。 (※エイプリルフールに発表しましたが、当です^^; 変更の実施は6月ごろを予定) それなりに親しんでいただけていた EC studio という社名を 変更するのは勇気のいることでしたが、チャットワークというサービスには それだけの可能性

    richard_raw
    richard_raw 2012/05/03
    JavaScript大規模開発とTitanium活用。
  • CoronaとPhonegapとTitanium Mobileの比較

    web のお仕事が多く C 言語?の状態から始めたので、わからないこと大杉、エラー出杉で開発が進まないので遅ればせながら、またまた流行に乗ります。 比較表 Corona Phonegap Titanium Mobile 費用 30 日無料試用版あり、年間$349.00 無料(MIT License) Community free, Professional $2,189/user/year, Enterprise $7,689/user/year 開発言語 Lua HTML, CSS, Javascript HTML, CSS, Javascript ※コメント頂き修正致しました。ありがとうございます。 対応プラットホーム iOS, Android iOS, Android, Blackberry, Symbian, Palm iOS, Android API Corona  API

    richard_raw
    richard_raw 2011/04/26
    分かりやすい比較表。
  • iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々:phpspot開発日誌

    iPhoneAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々 2010年10月21日- HTML5/CSS3やJavaScript、Flashを使ってiPhoneAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組みを色々と調査してみました。 スマートフォンアプリを作るのであれば効率的にクロスプラットフォーム上で動く物で作りたい、というのは開発者の誰もが思うことではないでしょうか? そんな技術の現時点でのまとめ、更にHTML5によるモバイルアプリ作成のフレームワークについても軽くまとめてみました。 Titanium Mobile HTML5/CSS3やJavaScriptベース→Native並の速度のiPhoneアプリ変換。javascriptをベースとしてアプリ開発を行うスタイルを実現する仕組み naoyaさんの「Titani

    richard_raw
    richard_raw 2011/04/26
    開発してみたいです。
  • グーグルがWebを高速化するために何をしているか

    のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」(スピードの重要性)というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters」(スピードの重要性)についてだ。Webは空飛ぶジャガイモより速くなれるだろうか? どのくらい速くなれるだろうか? (参考:オペラがやってくれた! グーグルの空飛ぶジャガイモに対抗)

    グーグルがWebを高速化するために何をしているか
    richard_raw
    richard_raw 2010/07/05
    へーへーへー。/ところでこの記事を読み込むのに1分以上かかるのは吾だけでしょうか。
  • 1