Webアプリケーションを高速化する50のトリック
MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時
iPhoneアプリ開発者があえて言う。iPhoneは終わる。 - 医者を志す妻を応援する夫の日記
私は、もともとWindows開発者(.NET)で、パッケージ基幹業務アプリケーションのベンダーで働いていました。同時に、家ではWeb開発をやっていました。最近は、フリーランスになって、iPhoneアプリ開発がメインになっています。ところが、iPhoneアプリ開発の比重が高まるにつれ、そのことに対する不安感が大きくなってきました。最近では、iPhoneアプリ開発の比重を減らすにはどうすればいいのか考えています。 iPhone 3GSが出てから、かなり売れてるみたいですね。私の住む熊本ではiPhoneユーザーはまだまだ少ないと思いますが、企業、団体、個人によるiPhoneアプリ開発に対する関心が高まっているのを感じています。東京あたりに行くとiPhoneアプリ開発者がゴロゴロいると聞きますが、熊本や福岡では開発者が足りていない状況です。 このような状況で、なぜ私がiPhoneアプリ開発の比重を
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Facebook GraphAPIをコール出来る上限 | tagamidaiki.com
この記事を見ているあなたはFacebookアプリを作成していますか？ 現在Facebookアプリを作成している @DAI199 ですが、いきなり以下のようなエラーが出ました。 (#4) Application request limit reached あーなんか上限に達したんだなってことはわかったんですが、自分自身そこまでAPIをコールしていなかったので意味が分かりませんでした。 FacebookStackOverFlowで検索してみたところ以下の記事が有力です。 Facebook Application Request limit reached この記事によると、 There is a limit, but it’s pretty high, it should be difficult to hit unless they’re using the same access toke
第1回 まずは「クッキー」を理解すべし
Webアプリケーションのぜい弱性がなかなかなくならない。メディアなどでも盛んに取り上げられているにもかかわらず，である。特に，セッション管理がからむアプリケーションのぜい弱性には，気付かないことが多い。具体的には「クロスサイト・リクエスト・フォージェリ」（CSRF），「セッション・フィクセーション」などである。これらはクロスサイト・スクリプティング，SQLインジェクションといった比較的メジャーなぜい弱性に比べて認知度が低く，対策も進んでいない。 原因の一つは，アプリケーションの開発者が原因を正しく理解していないこと。CSRFやセッション・フィクセーションについて言えば，セッション管理に使うクッキー（cookie）の動作を理解していないと対策が難しい。ところが最近の開発環境では，セッション管理の仕組みが隠ぺいされているため，必ずしもこの知識は要求されない。こうした開発者は容易にはぜい弱性に気
Lingr – Group Chat Made Easy
Multiple Rooms Public & Private Mac App iPhone / iPad App Fluid Support Gist & Pastie Images & Movies Remote Workplace Lingr helps remote workers to get things done faster. Distance is no longer an issue. Unlimited Chatters Need 100+ people online in the same room? Planning an event with large audience? Challenge us. :)
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
Facebook いいねボタンを設置
海外では大人気で、最近ではGoogleよりもサイトを広める効果があると言われている「Facebook」の「いいねボタン」を設置しました。 実はこれまでFacebookを利用したことはなかったのですが、ボタンが欲しいという理由だけでアカウントを作っちゃいましたw そもそも「いいねボタンとは？」というのが分かっていない私のような方はこちらもどうぞ。 「Facebook いいねボタンとは」 今回はいいねボタンの設置方法についてご紹介します。（Bloggerの設置サンプルもあります) Facebookアカウントの作成Evernote、Twitter、はてなブックマークなどのボタンと違い、Facebookボタンのソース生成を行う場合は、Facebookアカウントが必要です。 「facebook.com」でアカウントを作成してください。（実名登録が必要らしいです。ハンドルネームのemmettとしたいと
Webサイトのワイヤーフレームを作る時に参考になる10のURL « nia.note
By bschmove WebサイトやWebサービスを作るときにさけては通れないのが、ワイヤーフレームの作成。さまざまなツールやノウハウがネット上に存在しますが、その中から私が良いと思った10のURLを紹介します。 有名なものからあまり見ないものまで、サイトそのものやブログのエントリなどを雑多に紹介しています。気になるものがあればぜひリンク先を確認してみてください。 資料：Wireframe Showcase Web サイトのワイヤーフレームと完成したものを比較できるサービスです。更新頻度は多くないようですが、月に２回程度、新しいサイトの情報が追加されています。 ワイヤーフレームといっても、手書きのものもあればイメージデータのものもあります。また、完成したサイトにどれくらい近いか、という点においても、ばらつきがあることが分かります。 資料：I ♥ wireframes ワイヤーフレームのイ
背景画像のフリー素材サイト10選！デザインで悩んだときに役立ちます | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
1. Subtle Patternsオススメ https://www.toptal.com/designers/subtlepatterns/ 一番よく利用してます。商用利用可の、シンプルで使いやすいシームレスの画像がたくさんあります。 2. Background Labs http://backgroundlabs.com/ 色・タグから検索できます。花柄やイラストがはいった、カラフルで派手なパターンの画像やイラストが多いです。 3. pattern cooler https://www.patterncooler.com/ 選んだデザインの柄の大きさや色をカスタマイズできます。派手派手なデザインがほとんどなので使いどころは難しかもしれません。 4. TextureKing https://www.textureking.com/ テクスチャ画像をお探しのときはこちら。木目・コンクリート
BootstrapのUIをWindows8のModern UI Style風に·BootMetro MOONGIFT
BootMetroはBootstrapをベースにWindows8のModern UI Style風にしたソフトウェアです。 ついにWindows8が発売になりました。機能的なことはもちろん、注目を集めているのはModern UI Style（旧Metro UI）でしょう。そんなUIをWeb上でBoostrapをベースに作られたのがBootMetroです。 デモサイトです。確かにWindows8 UI風です。 設定は右側に表示される仕組みです。 テーマを変更できます。 メニューは左側。 グリッド表示。 正方形のタイル表示。 テーブル。 Bootstrapの各種JavaScriptライブラリにも対応しています。 タブ表示。 追加機能は下に表示されます。 アイコンは多数用意されています。 BootMetroはBootstrapの機能性、汎用性の高さとModern UI Styleのシンプルな表示
これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋
僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが
ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い | バンクーバーのうぇぶ屋
追記：【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー！ 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
Webクリエイターボックス
WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 続きを読む Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 続きを読む WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね
指定した住所のパワーを調べられる「周辺環境スカウター」
タウン情報サービス「30min.（サンゼロミニッツ）」を運営するサンゼロミニッツは、賃貸情報サイト「サンゼロ賃貸」において、住所のパワーを確認できるスマートフォン向けサイト「周辺環境スカウター」の提供を開始した。 サンゼロ賃貸では、30min.に蓄積された飲食店情報や、コンビニ、スーパーへの近さ、該当市区町村の保育園の待機児童の状況などから、住所のパワーを周辺環境スコアという点数で算出している。 今回新たに提供する周辺環境スカウターでは、ブラウザの位置情報や住所を入力すると、指定された位置の周辺環境スコアや、近くのスーパー、保育園の待機児童数などをアニメーションを使ったインターフェースで表示する。周辺環境スコアはFacebookの友達に共有することも可能。
無料で自分のIPアドレス・接続元を隠蔽できるVPNサービス「OkayFreedom」
サイトにアクセスする際に、接続元をドイツ・アメリカ・イギリス・スイスに変更して、安全にサイトを閲覧することなどができるVPNサービスが「OkayFreedom」です。Windowsで使用することができます。OkayFreedomの設定方法などについては以下から。 OkayFreedom http://www.okayfreedom.com/ 上記サイトの「Download OkayFreedom for free」をクリック。 ダウンロードした「okayfreedom_website.exe」をダブルクリック。 メールアドレスを入力して「Next」をクリック 「Next」をクリック 「Install」をクリック 「Accept」をクリック 無料のアカウントを使用するので「Free」をクリック 「Continue」をクリック 「Continue」をクリック 「Continue」をクリック 「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Resources for Designers | Premium Pixels
Smart App - WrapBootstrap
[loftwork.com] 日本最大のデザイナー、 イラストレーター、 映像クリエイター、その他全てのクリエイターのためのポータル![[loftwork.com] 日本最大のデザイナー、 イラストレーター、 映像クリエイター、その他全てのクリエイターのためのポータル](https://cdn-ak-scissors.b.st-hatena.com/image/square/79a4d2e7db08cc193d37a06bc3b516abf95108ba/height=288;version=1;width=512/https%3A%2F%2Floftwork.com%2Fen%2Fwp-content%2Fuploads%2Fsites%2F3%2F2018%2F12%2Fcom_ogp.jpg)
新着記事
