[B! web] yoheiMのブックマーク

Cool Archive Free Clip Art and Fonts - clipart, fonts, graphics, icons, animations, backgrounds, arrows, sounds

Create a logo with the perfect font, icon, and color scheme for your business or personal brand. Use Logo Maker’s unique design wizard to select styles and our software will generate thousands of different designs — presenting you with high-quality, custom logos. Need inspiration? Browse our library of professionally designed logos to help spark up some ideas. Our free logo maker can create unique

yoheiM 2016/03/20

リンク

[パフォーマンス] スマホ限定！Webの表示が速いなぁと思ってもらうための高速化手法 - YoheiM .NET

こんにちは、@yoheiMuneです。スマホ向けサイトやアプリケーションを制作することが増えた近頃。iPhoneやAndroid向けWebアプリケーションで、いかに高速に表示してユーザーのストレスを低減させられるかを考えてきました。このブログでは、スマホ向けにWebアプリケーションの初期表示について、アプリケーション層で行うことが出来る高速化ポイントを６つ紹介したいと思います。スマホ向けWebアプリケーションで初期表示を高速化させる6つのポイント Webアプリケーションの高速化についてたくさんの議論がされていますが、スマホをターゲットにした場合には、こーゆう点に気をつけて高速化したいなぁと考えました。今回以下の6つの点に分けて、自分の考えや経験を書きたいと思います。 1. 良く紹介されてるやつはやっぱり必要 2. 1stViewの表示速度にこだわる 3. 画面の総容量にこだわる 4

yoheiM 2013/07/25

スマホで高速化

リンク

[パフォーマンス] サイトのパフォーマンス問題を発見できるYSlowというツールを使ってみた。指標の内容一覧など。 - YoheiM .NET

[パフォーマンス] サイトのパフォーマンス問題を発見できるYSlowというツールを使ってみた。指標の内容一覧など。こんにちは、@yoheiMuneです。 Webパフォーマンスに取り組もうと思った今月。まずは、良く聞くYSlowというツールを使った、サイトのパフォーマンス計測を行ってみました。本記事では、YSlowとは何か、YSlowの導入方法、YSlowの使い方、YSlowの指摘事項の内容について、ブログを書きたいと思います。 YSlowとは YSlowとは、サイトのパフォーマンス計測＆パフォーマンス観点での問題点の発見を行うことが出来るツールです。 http://developer.yahoo.com/yslow/ サイトを見る限り、各種ブラウザのアドオン（やエクステンション）として利用できたり、コマンドラインからの利用などが出来るようです。今回は、Google Chromeのエク

yoheiM 2013/07/19

パフォーマンス、YSLow

Web

リンク

[取り組み] フロントエンドでコーディングスピードをアップさせる６つの方法！と思って書いてたら30個も書いちゃった。 - YoheiM .NET

[取り組み] フロントエンドでコーディングスピードをアップさせる６つの方法！と思って書いてたら30個も書いちゃった。こんにちは、@yoheiMuneです。フロントエンドとしてHTML,CSS,JSを中心と開発を行うことを仕事にして早くも半年が経ちました。最近はだいぶ効率的にコーディングが出来てきたとやっと実感してきたので、ブログにも自分のコーディングスピードアップのコツを書きたいと思います！「こんなのよりももっと良いのあるよ」などたくさんの感じる点があるかと思います。ぜひTwitterなどで教えて頂けると助かります。コーディングをスピードアップする６つ＋αのポイント自分が思うにコーディングをスピードアップする最も大切なポイントは以下ではないかと思います。めんどくさいと感じること、そして改善に動くこと幸い自分はかなりのめんどくさがり屋で、コーディング中も「これ手動！？」「マウ

yoheiM 2013/04/15

フロントエンドのコーディングスピードアップ策

効率化

リンク

[Web] Macに最初から入っているApacheのDocrootをDropboxに変更して、複数マシーンで共有する - YoheiM .NET

[Web] Macに最初から入っているApacheのDocrootをDropboxに変更して、複数マシーンで共有するこんにちは、Apache初心者の@yoheiMuneです。本日は、ApacheのDocumentRootを任意の場所に変更する方法をブログに書きたいと思います。 ApacheのDocumentRootをDropboxに変更したかった意図自分のMacのApache上に、ブログサーバー（＝レンタルサーバー）のコピーを再現しています。ブログを書くときには、自分のMacのApacheのDocumentRoot以下にあるブログファイルに書き込んで、ブログを更新しています。多くのブログはMac上で書くので問題ないのですが、時々iPadなどの別の機器でもブログを書きたいことが。そんな時にDropboxにDocumentRootが入っていれば便利だなぁーと思い、今回のブログに至り

yoheiM 2013/01/24

ApacheのDocumentRootへ変更する方法

Web

リンク

[Web] ソーシャルボタンを設置するとページ表示が遅くなる理由、その対策方法 - YoheiM .NET

こんにちは、@yoheiMuneです。ブログですごくお世話になるTwitterなどのソーシャルボタン。読んで頂いた方が情報発信したいと思ったときの手助けになるので大変重宝しています。しかし、そのまま利用するとページの初期化が遅くなり（体感では２〜３秒遅くなる）、せっかく来て頂いたのに待たせることとなってしまう。今回は、ソーシャルボタンを設置すると表示が遅くなる原因と、その対策案（２つ）をブログに書きたいと思います。ソーシャルボタンを設置するとページの初期表示が遅くなる原因ソーシャルボタンは、TwitterやFacebookなどの各サイトでHTML/JSコードを入手することで、簡単に自身のサイトに導入することが可能です。しかし入手したコードをそのままページに埋め込むと、初期表示が遅くなる。遅くなる原因は、主に以下２つかと思います。 scriptタグの埋め込み HTML内にscr

yoheiM 2013/01/16

ソーシャルボタン

リンク

[Web] MacでWebアプリ開発するなら使いたい。無料で簡単に画像サイズを減らすことができる3つのツール - YoheiM .NET

[Web] MacでWebアプリ開発するなら使いたい。無料で簡単に画像サイズを減らすことができる3つのツールこんにちは、@yoheiMuneです。本日は、仕事でもプラベートでもよく使う画像のサイズダウンを行うツールを３つ紹介したいと思います。私も最近まで知らなかったのですが、仕事でご一緒させて頂いた方から聞いてすごく良いツールだったので、今回紹介したいと思いました。画像サイズを減らしてWebページを高速化 Webページの表示速度が遅くなる主な原因の１つに、ページに表示するコンテンツ（HTML,JS,CSS,画像など）のサイズ量が挙げられます。コンテンツサイズが大きいとネットワーク越しにダウンロードしてくる時間がかかり、Webの初期表示がすんごく遅くなります。今回のブログは、そんな重くなりがちなコンテンツの１つである画像のサイズダウンを簡単に行う方法を紹介します。以下ツールを使

yoheiM 2013/01/11

画像サイズダウンのツール３つ

Web

リンク

はてなブックマーク

タグ

関連タグで絞り込む (6)

webに関するyoheiMのブックマーク (7)

お知らせ

月間はてなブックマーク数ランキング（2024年9月）

今週のはてなブックマーク数ランキング（2024年9月第5週）

今週のはてなブックマーク数ランキング（2024年9月第4週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス