「HTML」に関連する技術ブログ

企業やコミュニティが発信する「HTML」に関連する技術ブログの一覧です。

ショップの個性を左右する「HTML編集App」と「デザインテーマ」

こんにちは。BASE株式会社 Design Groupに所属しているイシグロです。 普段は主にマークアップを担当しています。 今回、ブログ初投稿ということで、ネットショップ作成サービス「BASE」でショップを運営するにあたり、ショップのデザインに大きく関わる「HTML編集App」と「デザインテーマ」についてお伝えできればと思います。 主に下記の方にお役に立てる情報かと思い

PHPカンファレンス福岡2019にBASEが協賛&2名のメンバーが登壇&4名のメンバーが参加しました!

こんにちは!この度、6/29(土)に開催された PHPカンファレンス福岡2019 にて、BASEがスポンサーとして協賛&2名のメンバーが登壇いたしました!今回は川島( @nazonohito51 )・めもりー( @m3m0r7 )・東口( @hgsgtk )・田中( @tenkoma )の4名より参加レポートをお届けします! 会場レポート みなさん、こんにちは!基盤チームのめもりー ( @m3m0r7 ) です!今回、私は参加者と

連載開始:エンジニアが現場からお伝えするメール配信を支える技術とノウハウ【はいくる通信】

id:radiocat です。 配配メール / クルメル の開発チームでは、我々の取り組みを多くの方々に知ってもらうため、 ブログ連 載プロジェクトを発足させました。写真はキックオフの様子です。まずはメンバー同士で期待値をすり合わせるために ドラッカー 風エクササイズなどを行い、その後みんなで投稿テーマのア イデア を出しました。 キックオフの様子 メール配信を

新卒2年目が作るエンジニア新卒研修(2019年度)

こんにちは。ウエディングパーク新卒2年目エンジニアの永井( @__south__373 )です。 今年のエンジニア新卒研修を担当させていただいたので、ウエディングパークの新卒研修ではどんなことをしているのか、どうやって進めたのかについて書きたいと思います。 エンジニア研修の概要 ウエディングパークでは毎年4月から6月まで3ヶ月間のエンジニア研修を行い、7月から本

Vue.jsについて学習してみた <基礎編>

はじめに こんにちは。新卒2年目のaa_cryingです。 最近興味本位でVue.jsについて学習を始めましたので、今回はVue.jsの基礎的な部分について紹介したいと思います。 はじめに Vue.jsとは プログレッシブフレームワークとは Vue.jsの代表的な機能 リアクティブなデータバインディング コンポーネント 高速なレンダリング おわりに 参考にした記事 Vue.jsとは Vue.jsとは、 ユーザ

jQueryを用いてAjaxの学習をした

はじめに こんにちは。新卒2年目のtaku_76です。 今回は Ajax についてざっくりしたことしか分かっていなかったので少し時間を確保してコードから学習することにしました。 はじめに Ajaxとは ローカル環境で実装してみる Ajaxで外部APIへ通信する おわりに 参考にした記事 Ajax とは 以下は Wikipedia の引用です。 Ajax (エイジャックス[1][2]、 アジャックス [3])は、ウェブブ

Alexa Presentation Languageの限界を超えて、アニメーションや相槌を実現する

こんにちは。音声UIの開発をしている武田です。今年も Amazon Alexaのコンテスト が開催されます。このコンテストで専用の賞まで用意されている今熱い デザイン言語 、Alexa Presentation Languageでできることを紹介します。 はじめに APLとは 表示する際のトランジションを追加する トーストを実装する 相槌を打つ さいごに はじめに Amazon Alexaのスキル、「 コーデ相談 by WEAR (

2019年、AMP for Emailでメールは生まれ変わる!

はじめまして。 目指せ、カイゼンマスター! まえしょうです。 レバレジーズのマーケティング部CRMチームに所属しており、日々「最適なタイミングで最適なコンテンツを最適なチャネルで届ける」ため奮闘しています。 今日は、そんな私の重要なチャネルの1つであるメールの話です。 このブログの読者さんは嫌いかもしれませんね・・・。実は、そんなメールが生まれ

npmパッケージを組み合わせてSwaggerの定義ファイルをいい感じに書く

旅行プラットフォーム事業部の龍島です。今回は技術的な内容として、Swagger(OpenAPI)とnpmパッケージ周りのことについて書きます。 フォルシアではAPIを作成する際、案件によってはSwaggerを利用しています。その定義ファイルをいい感じに書ける環境をnpmパッケージを組み合わせて作ったよ。というお話です。 Swaggerとは? SwaggerとはREST API 仕様を記述するフォーマットです

Rendertron導入でDynamic Renderingしている話

こんにちは。 一休.com の開発基盤を担当しています、akasakasです。 今回は、Rendertronを導入してDynamic Renderingをしている話をしたいと思います。 ここでお話しする内容 Dynamic Renderingについて 一休.com/一休レストランでDynamic Renderingが必要になった背景 Rendertron とは Rendertron にした理由 Rendertron 導入イメージ クローキングの懸念 苦労話 Rendertronのモバイル対応がバグってた Ren

iOSアプリのデザインをしてみて

はじめまして。 BUYMA の iOS アプリチームでデザインを担当しています。 この記事を読んでくださりありがとうございます。 2019年2月に、お問い合わせ機能をネイティブ化しました。 より使いやすくするために、Webviewからネイティブ化し、あわせてリデザインすることになりました。 Webとアプリを作業する上で、デザイナーとして苦労した部分を、新しいデザインと一緒

Node.jsのExpressでWebサーバーの構築をしてみた

はじめまして、新卒のtaku_76です。 qiita.com 上記URLからチャット bot を作成したいと思ったのですが、これにNode.jsの知識が必要だと書いてあったので学習してみました。 その結果 フレームワーク であるExpressを使用すると簡単に Webサーバーが構築できることが分かったので試しに使ってみました。 Node.jsとは Node.jsのインストール Expressで新規プロジェクトを作成 おわりに

preloadで画像の表示速度を改善する

宿泊事業本部フロントエンドエンジニアの宇都宮です。先日、ホテルリストページの高速化に関する記事を書きましたが、Resource Hintsのpreloadを利用することで、さらに高速化できました。そこで、preloadによる画像読み込みの最適化方法を紹介します。 以前の記事はこちら: 一休.comホテルリストの表示速度を従&#x6765

一休.comホテルリストの表示速度を従来比2倍にしました

宿泊事業本部フロントエンドエンジニアの宇都宮です。 2018年度下期は、一休.comホテルリストページ スマホ版の速度改善に取り組んできました。その結果、ページのデザインはそのまま、機能面はリッチにしつつ、プロジェクト開始前の約2倍のスピードでページが表示されるようになりました。 本記事では、高速化のためにどのような施策を行ったのか紹介します。 な

SPAをSimpleHTTPServerでテストしたい!

BigQuery大好き瀧川です! 最近弊社ではVue.jsを使ってSPA(SinglePageApplication)!という構成がよく使われています。 普段の開発だとwebpack-dev-serverを利用していて、手軽だしホットリロードもサポートされているし特に不自由なく運用できています。 でも、例えばWebpackでのproductionビルドをテストしたい、生成された静的ページにアクセスしたいということがちょこちょこあるん
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?