PR TIMESデザイナー&エンジニアブログ BREAK TIMES

PR TIMES Developer Blog(デザイナー&エンジニアによる開発者ブログ)

PR TIMES Developer Blog
デザイナー&エンジニアによる開発者ブログ

Javascript

AMPページを改善する 〜PVを上げるためにPR TIMESでおこなったこと

PR TIMESフロントエンジニアの山田です。 AMPに関する前回の記事で導入の顛末をまとめました。 AMP対応はGoogleの検索結果にも影響!PR TIMESへの導入記。 - PR TIMESデザイナー&エンジニアブログ BREAK TIMES 実はその後もいくつかの施策を試しながらアクセ…

AMP対応はGoogleの検索結果にも影響!PR TIMESへの導入記。

PR TIMESフロントエンジニアの山田です。AMPという言葉をご存知でしょうか。 Accelerated Mobile Pagesの略で、スマートフォンページを素早く表示するためのHTMLページ構造になります。 Googleなどが提唱して進めているので、対応してるかどうかでモバイルで…

React NativeでサクッとIOSアプリを作ってみた

PR TIMESエンジニアの吉です。本日はスマートフォンアプリ開発について話したいと思います。 基本的にIOSアプリはSwiftかObjective-C、AndroidはJavaで開発しますが学習コストが必要です。シンプルなアプリあるいはプロトタイプのアプリなど早くアプリを作り…

$.ajaxファイルアップロードでの進捗表示

こんにちは。フロントエンドエンジニアの本間です。 今日は$.ajaxファイルアップロードでプログレスバー表示についてです。 UIUXにおいて体感速度を短縮するのは重要で、同じ待ち時間でも進捗表示することによって体感速度が向上します。さらにプログレスバ…

javascriptのアニメーションライブラリ TweenMax(基礎編)

PR TIMESフロントエンジニアの山田です。フロントエンドを担当していると、重要になってくるのがUI設計やユーザーを惹きつける気持ちの良いアニメーション。 javascriptで作成する場合、jQuery animateを使っている方が多いと思います。 今回はそのjQuery an…

WWDC フロントエンジニアの注目ポイント

PR TIMESフロントエンジニアの山田です。先週はWWDCが開催され、注目された基調講演以外にも開発者向けの発表が数多くあって盛り上がりましたね。 その中でもフロントのエンジニアとして気になるのはこれ。 ・What's New in Web Development in WebKit and S…

アニメーションを活用しよう1

PR TIMESエンジニアの山田です。 アニメーションを組み込んで動きのあるサイトを作成する場合、どのような手法を使っているでしょうか。jQuery・CSS3アニメーション… 様々な手法がありますが、今回はスプライトシートアニメーションを解説してみることにしま…

jQueryを使ってみよう!

PRTIMESのいちエンジニアです。jQueryという単語、もはやWeb系のデザインや開発では使わないところの方が少ないのではないでしょうか。 これは一体どういうものなのか、簡単にいえばWeb開発でよく使用するJavaScriptの記述をより短く簡単に書くことを助けて…

Ajaxと組み合わせて便利なHistory APIを使おう

こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユー…

HTML5ビデオのコントロール

PR TIMESのサービス説明ページではHTML5を使って動画を埋め込んでいます。 しかしただ埋め込んだだけでは、垂れ流しとなり動画を適切に見てもらうことができません。 そこでjavascriptなどから動画を制御することで、他のコンテンツを見るときの邪魔にならず…