「JavaScript」に関連する技術ブログ
企業やコミュニティが発信する「JavaScript」に関連する技術ブログの一覧です。
全792件中 646 - 660件目
Alexa Presentation Languageの限界を超えて、アニメーションや相槌を実現する
2019/05/23
ブックマーク
こんにちは。音声UIの開発をしている武田です。今年も Amazon Alexaのコンテスト が開催されます。このコンテストで専用の賞まで用意されている今熱い デザイン言語 、Alexa Presentation Languageでできることを紹介します。 はじめに APLとは 表示する際のトランジションを追加する トーストを実装する 相槌を打つ さいごに はじめに Amazon Alexaのスキル、「 コーデ相談 by WEAR （
【ありがとう平成】年代別にIT技術まとめてみた
2019/04/26
ブックマーク
平成も残るところわずかとなりましたね。 ティム・バーナーズ＝リーによって、WWWの原型が生み出されたのが平成元年(1989年)なんですよね。 そんなことをエンジニア達で話していて、せっかくなので 平成に登場した情報技術を時系列にしてまとめる 自由研究をしてみることにしました 。 「自分の生まれ年になにができたのか」 「こんな技術もあったなあ」 など思いを
E2EテストをSelenium Webdriver からCypress.io に移行した話
2019/04/23
ブックマーク
こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 今回は、E2EテストをSelenium WebdriverからCypress.ioに移行した話をしたいと思います。 一休のE2Eテスト事情 あれから、数年が経過して、、、 どうしてこうなった？？？ SeleniumではSPAへの対応が難しくなってきた なんでもかんでもSeleniumで頑張ろうとした弊害 いざリプレイスへ・リプレイスをする上で気をつけ
1px の変化も見逃さない！ビジュアルリグレッションテスト導入で快適フロントエンド開発
2019/04/21
ブックマーク
こんにちは！dely でフロントエンドの開発をしています @all__user です。 今回は kurashiru のフロントエンド開発に導入されたビジュアルリグレッションテストについてご紹介したいと思います。 【反応を多くいただいた点について記事の最後に追記しました】 目次 目次 ビジュアルリグレッションテストとは 導入の背景 フロントエンドのテスト？ SPA移行前後の比較 ツール
Meguro.es # 20 @ DrecomでJavaScript + Dockerの知見について発表しました
2019/04/12
ブックマーク
こんにちは。ブロックチェーンチームでエンジニアをしている id:odan3240 です。 4月4日に行われた Meguro.es #20 で「JavaScript + Dockerの知見」というタイトルで登壇してきました。今回の記事はその発表の紹介です。 発表の背景 モバイルファクトリーに入社してからの約1年間でいくつかのサービスに関わってきました。 サービスサイト: https://uniqys.net ブロックチェーンアプリ
スモールスタートではじめるSSR
2019/04/03
ブックマーク
こんにちは。delyでフロントエンドを担当している @all__user です。 今回はkurashiruでSSR（Server Side Rendering）を導入した事例についてご紹介したいと思います。 目次 目次 要約 経緯・背景 SSRの導入 SPAのSEO対策 SSRのコスト Rendertronの採用は見送り kurashiruのSSR構成 ルートメタフィールドを利用したデータ取得の仕組み 消極的SSRから積極的SSRへ まとめ 要約 SPAにしたい。SEOのこと
SchooでJavaScriptについて学習してみた
2019/03/19
ブックマーク
はじめに はじめまして、新卒1年目のエンジニアのmrym_618です。 今回は、Schooで JavaScript について学習してみましたので、その感想を書いていきます。 目次 はじめに 目次 Schooとは 実際に学習してみた Schooとドットインストールの比較 まとめ Schooとは Schoo(スクー)とは、大人たちがずっと学び続ける生放送コミュニティであり、参加型の生放送授業と、4,600授業以上の動画
Rendertron導入でDynamic Renderingしている話
2019/03/12
ブックマーク
こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 今回は、Rendertronを導入してDynamic Renderingをしている話をしたいと思います。 ここでお話しする内容 Dynamic Renderingについて 一休.com/一休レストランでDynamic Renderingが必要になった背景 Rendertron とは Rendertron にした理由 Rendertron 導入イメージ クローキングの懸念 苦労話 Rendertronのモバイル対応がバグってた Ren
Node.jsのExpressでWebサーバーの構築をしてみた
2019/03/05
ブックマーク
はじめまして、新卒のtaku_76です。 qiita.com 上記URLからチャット bot を作成したいと思ったのですが、これにNode.jsの知識が必要だと書いてあったので学習してみました。 その結果 フレームワーク であるExpressを使用すると簡単に Webサーバーが構築できることが分かったので試しに使ってみました。 Node.jsとは Node.jsのインストール Expressで新規プロジェクトを作成 おわりに
preloadで画像の表示速度を改善する
2019/03/04
ブックマーク
宿泊事業本部フロントエンドエンジニアの宇都宮です。先日、ホテルリストページの高速化に関する記事を書きましたが、Resource Hintsのpreloadを利用することで、さらに高速化できました。そこで、preloadによる画像読み込みの最適化方法を紹介します。 以前の記事はこちら： 一休.comホテルリストの表示速度を従来
一休.comホテルリストの表示速度を従来比2倍にしました
2019/02/27
ブックマーク
宿泊事業本部フロントエンドエンジニアの宇都宮です。 2018年度下期は、一休.comホテルリストページ スマホ版の速度改善に取り組んできました。その結果、ページのデザインはそのまま、機能面はリッチにしつつ、プロジェクト開始前の約2倍のスピードでページが表示されるようになりました。 本記事では、高速化のためにどのような施策を行ったのか紹介します。 な
エレベータープログラミングしてみた
2019/02/22
ブックマーク
こんにちは、fuj_takです。 エレベーターがなかなか来なくてもやもやすることありませんか？ かく言う私もエレベーター待ちになると、いつ来るんだろうと悩まされます。 自分にエレベーターの制御をやらせれば、もっといい感じにできる 皆さんも一度は考えた事があるのではないでしょうか！ そんなあなたにこちらをご紹介します。 Elevator Saga Elevator Saga - the elevator pro
次世代の管理画面を作るフロントエンドの取り組み
2019/02/06
ブックマーク
フロントエンドエンジニアの松原( @simezi9 )です。BASEでは現在 ショップ向けの管理画面をリニューアルするプロジェクトが進んでいて 、UI/UXの更新と同時に創業当時から継ぎ足して作ってきたフロントエンドの技術スタックを一新しようとしています。この記事では、具体的にそのフロントエンドの更新でどのようなことに取り組んでいるのかをいくつかご紹介したいと思
一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと
2019/01/17
ブックマーク
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか
Web UIテスト自動化の実行環境をSelenium Gridで
2019/01/11
ブックマーク
どうも品質管理部エンジニアチームの木村です。 最近の話ではないんですがWeb UIテスト自動化をしようとなった時の事を書きます。 まずは初期段階の実行環境についてです、自動テストスクリプトの構築や処理そのものはまた次回。 Seleniumでテストを自動化したい！ ZOZOTOWN に限らず最近のサービスはなんでもリリース頻度が高いです。 そして何故なのか、いついかなる