最近は個人開発は自分のOSSのメンテで手がいっぱいになってしまったのでサービス開発のようなものは普段あまりやらないのだが、大学院*1で今学期、何作ってもよいという感じの授業を取ってWeb/iOS/Androidアプリ*2を全て作るという体験をする中で、たまたま個人開発のコストを抑える活動をしたので、その時に調べたり考えたりしたことを書いておく。 Herokuで無料にする Herokuでは毎月550時間free dynoが使え、クレジットカードを登録しておくと更に450時間、合計1000時間無料で使える。Herokuは30分アクセスがないと一旦停止するが、今回授業で作ったサービスでこれを使い切らないことは明らかだったので最初はこれでセットアップした。セットアップも簡単だし、PostgreSQLも無料でついてくる。 ただ、コールドスタートに10秒くらいかかり、これがこのサービスではUX的に致命
Webアプリケーションを高速化する50のトリック
MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時
アルゴリズムの世界地図 - Qiita
0. アルゴリズムとは？ まず、アルゴリズムとは何かを説明します。（0 節の説明はスライド「50 分で学ぶアルゴリズム」 の説明を参考にして書きました） さて、次の問題を考えてみましょう。 問題： 1 + 2 + 3 + … + 100 の値を計算してください。 単純な方法として、式の通りに 1 つずつ足していく方法が考えられます。すると、以下の図のように答えが計算されることになります。 これで答え 5050 が正しく求まりました。これはれっきとした アルゴリズム であり、この問題を 99 回の足し算 で解いています。しかし、計算回数が多く、計算に時間がかかるのではないかと思った方もいると思います。 ここで、方法を変えて、「1 + 100」「2 + 99」「3 + 98」…「50 + 51」の合計を求めることで、1 + 2 + 3 + … + 100 の値を計算してみましょう。 50 個の
インターネットには“すごい”エントリーがあふれています。誰も思いつかなかった技術や、途方もない努力で作られた絵画、奇跡的な体験談などその形はさまざま。はてなブックマークでは、“すごい”と思った記事やブログに、多くの人が「これはすごい」タグを付けています。はてなブックマーク10周年を記念し、「これはすごい」タグが多く付いた上位100のエントリーを発表します。（集計期間：2005年1月1日～2015年5月31日） 2005年にはてなブックマークが始まってから最も多くの「これはすごい」タグが付いたのは、「Web上の膨大な画像に基づく自動画像補完技術の威力」というタイトルのブログ記事。画像の一部を自動的かつ高精度に補う画像解析技術を紹介しています。これまで画像処理ソフトなどで時間をかけて作業していたものを、コンピュータが自動的に補完するという、画期的な手法が光りました。はてなにはプログラミングやテ
ZOOMもUberもNetflixも、たった3万円で全てのシステム/アプリを作れるノーコードの衝撃 2021.06.09 Updated by Ryo Shimizu on June 9, 2021, 14:40 pm JST プログラマーというのは長じるとプログラムを書かなくなるものである。 特に最近はWebサイトくらいの簡単なものでも、決まり事が多くて書くのが億劫になってしまった。 大学生が適当に書いたHTMLをネットにバラ撒き散らしていた時代と異なり、今はSSL対応が必須になり、そのための証明書の管理もしなければならないし、スマートフォンでもPCでもタブレットでも綺麗にコンテンツが見えなければならない。 そうなると、もはやそれが専業の人以外は、お手上げだ。というか、できるだけ触りたくない、というのが本音である。 ところで筆者が創設に関わった「全国小中学生プログラミング大会」も今年で第
Update 2015/5/8: 指摘頂いたタイポや誤訳などを更新しました。 2015/5/8: 構成を一部修正しました。 Intro 4/30 mozaiila のセキュリティブログに下記のようなエントリが投稿されました。 Deprecating Non-Secure HTTP | Mozilla Security Blog エントリはそこまで長くないので、ここに翻訳の全文を記載します。 そして、元エントリのライセンスである CC BY-SA 3.0 に則り、 本エントリも同じく CC BY-SA 3.0 とします。 Deprecating Non-Secure HTTP 原文: Deprecating Non-Secure HTTP 今日は、 non-secure な HTTP から、徐々に廃止していくという方針についてアナウンスします。 HTTPS が Web を前進させる手段である
Flashを閃光のごとく高速化するための基礎知識：速いFlash/ActionScriptチューニング入門（1）（1/2 ページ） Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能です Flashを徹底的に軽く作るための3カ条 本連載では、これから数回にわたり、Flash/ActionScript 3.0（以下、AS3）のチューニングの考え方や方法について解説します。 筆者が初めてFlash/AS3のチューニングと本格的に向き合ったのは、2007年の冬の「サグールテレビ」の開発においてでした。当時、開発チームでは「徹底的に軽く作る」という鉄の目標を掲げており、チューニングのためのさまざまな調査を積み重ねていました。結果、2000年に発売された古いPCなど
結局 PWA は来るの？来ないの？
昨日 Twitter でこんな記事を発見しました。 PWA が来るって言っているエンジニアは今すぐ辞めろ 「instagram の PWA が最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな？ Instagram PWA is sooooooo impressive. I probably won't be able to distinguish it with its native app. InstagramのPWAが、デキが良すぎて感動してる。ネイティブアプリと見分けられる自信ない。 pic.twitter.com/DS8TfceBZ6 — Eiji Kitamura / えーじ (@agektmr) 2018年1月26日 確かに、この言い方は若干煽り気味のと
Fedoraで自宅サーバー構築
ルーター経由接続によるインターネット常時接続環境である(当サイトはIIJmioひかりによるインターネット常時接続環境) 固定または非固定のグローバルIPアドレス環境である(当サイトはGMOとくとくBBの固定グローバルIPアドレス環境) OSのインストール時を除き、サーバーの操作はWindowsからコマンド操作で行なう ■コンテンツ ※ホスト名やドメイン名、IPアドレスは各自の環境に置き換えること ※各目次に表記してあるバージョンは、当サイトで確認をとったFedoraのバージョンを示しており、そのバージョンでないとできないということではない ※各ページのソフトのバージョンは、当サイトで確認をとった時点のものであり、最新版の有無は適宜確認してください スポンサーリンク Linuxをはじめる前の基礎情報 Linux基礎 Fedoraインストール Fedora Core 1インストール FC1固有
先月（2013年7月）はトータルでアフィリエイト報酬が40万円を超えました。 その前が20万程だったので100%増です。 僕のブログは、全く大きなメディアではありませんし、 人気ブログでもありません。 その上、記事数も60程度で年期も4か月足らず位のヒヨッコブログです。 そんな僕のブログで40万超える事は、数々の「運」もあったと思いますが、 気をつけている事やわかったことをシェアしたいと思います。 photo credit: Will Lion via photopin cc 稼げるアフィリエイトのデータとコツ [追記] 金額的な明記をすると逆にサイトを懐疑的に見る方が多いようです。胡散臭く思われても本意ではありませんし、規約的にも問題ない範囲かとは思いますが今後どうなるかわからないので個別の金額表示は削除致しました。（別に嘘を書いてからではないですよ。amazonあたりを信じられない方が
ATI Stream テクノロジー/Nvidia CUDA/OpenCLを駆使し、WPA/WPA2-PSKを突破するために必要となる巨大なデータベースを事前に作成することによって極めて高速にパスワードを解析できるのがフリーのオープンソースソフト「Pyrit」です。厳密なライセンスはGNU GPL v3となっています。 pyrit - WPA/WPA2-PSK and a world of affordable many-core platforms - Google Project Hosting http://code.google.com/p/pyrit/ 事前に巨大なデータベースを作成しておくため、ハードディスクの容量は割と必要となりますが、それとトレードオフで解析速度を高速化しようというアプローチになっており、FreeBSD・MacOS X・Linux上で動作し、MinGWを使うこ
Windows再スト完全攻略2007 OS再インストール・リカバリ時に役立つソフトや参考になるサイトを、Windowsを中心にこれでもかと紹介します。去年後半頃から、再ストに使えるソフトが立て続けに出ているので要チェックです。 究極の最ストソフト（窓の杜紹介） 窓の杜 - 【NEWS】不要コンポーネントを省いたWindowsのインストールCDを作成できる「nLite」 窓の杜 - 【NEWS】インストールCD作成ソフト「nLite」の最新版が公開、CD/DVD書き込み機能を搭載 「nLite」軽量WindowsインストールCD/DVD作成ソフトウェア！ 窓の杜 - 【NEWS】OS再インストール時に各種ドライバーを一括インストールできる「DriverMax」 窓の杜 - 【NEWS】ドライバー一括バックアップ・再インストールソフト「DriverMax」がVista対応 面倒なドライバの再イ
みなさん、こんにちは! 突然ですが…皆さんには、ひいきにしている ゲームのキャラクターはいらっしゃいますでしょうか。 手ごわいボス敵や頼れるパートナー、愛嬌のある動きをするモンスター達は 一体どのような仕組みで動いているのでしょう？ 今回の記事ではそんなゲームの中のキャラクター達を 魅力的に動かす仕組み、AIについて御紹介したいと思います。 改めまして本記事を担当させて頂きます、Cygamesエンジニアの佐藤です。 これまでコンシューマ機でのゲームAI開発に携わり、 ゲームならではのキャラクター表現の楽しさを追いかけてきました。 このブログを通じて、皆さんのゲームのキャラクターを より表情豊かに魅力的なものにする方法について、皆さんと一緒に考えていければ幸いです。 今回はゲームのAIをデザインするにあたって重要となる、 「知識表現を定義する」というステップと、 知識表現の一つである影響マッ
【お薦め動画】 iPhone5 iOS7 使い方 Windows8 Windows 7 使い方 iPad mini 使い方 動画マニュアル まとめサイト エクセル 使い方 ワード使い方 パワーポイント使い方 Windows XP Vista イラストレータ使い方 フォトショップ使い方 iPhoneの使い方 まとめ ウェブ集客 SEO Skype 使い方 介護 サポート 定番アプリから オンライントレード、ビジネスマナー、一般常識まで8,400以上の動画マニュアルを配信中 インターネット 無料のパソコンスクール How toムービー集 それが動画マニュアル.comです。 有名アプリ、便利アプリ、ウェブサービスの使い方、スマートフォンの使い方を続々公開 毎日更新！ 掲載動画マニュアル一覧 漢字検定3級 漢字検定4級 英語テスト 漢字検定2級 Audacity 日本史 問題集 一般常識問題集 音
PCの高速化はライフハッカーの一大テーマです。いくつかのアイデアがありますので、参考にしてみてください。 基本的なメンテナンス すでに基本的なメンテナンスはされていると思いますが、念のため、以前ご紹介した、Windows、Mac、それぞれのおすすめメンテナンス方法を確認してください。また、OS とアプリケーションを最新の状態にして、一時ファイルは削除しておきましょう。 不要なアプリケーションを削除するだけでパフォーマンスが大きく改善することもあります（アプリケーションの削除には『PC Decrapifier』がオススメ）。OS のユーザーガイドは必ずチェックするようにしてください。 診断ツールで問題点を見つける アプリケーションがフリーズしたり、スピードがものすごく遅いなどの症状が出ているなら、診断ツールを使って問題点を見つけましょう。 「Solute」は以前ご紹介したように、どのアプリケ
無題のドキュメントとは ブックマークして頂けると光栄です。 「管理人にまとめさせたいスレ」 を募集しています。 面白いスレがあったら、そのスレの URLを教えて下さい！ メールフォームはこちら TOP絵も募集中です！ 今までに頂いた絵←多謝!! 「あなたが悪いのよ、クララ…」 みくる「み、み、実が出る、便出るんるん♪」 ダウンタウン松本の迷言 バスケって何で日本では注目度低いの？ 近 付 く ク リ ス マ ス MacがWindowsに負けたのって右クリなかったから？ やる夫がゴミ問題に興味を持つようです 癒されるAA貼ろうぜ あたしニート ツナ缶のうまい食い方教えてくれ 女子アナ画像ください！！！！！ 漢字怖すぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ ２ ０ ０ ８ 年 最 も 笑 っ た
This domain may be for sale!
残業しない会社のつくりかた - ゆとりずむ
こんにちは。 以前、とりあげた記事が、気がついたら1000ブックマークをこえていてびっくりしました( ﾟдﾟ) 色んな人に共有されて良かったなあ(∩´∀｀)∩とのんきに考えていたところ、ある方から連絡を頂きました。 おいこら、勝手に何しとんねん(^^) 昔ネトゲで仲良くなった、この会社の役員様からでした((((；ﾟДﾟ))) あ、すんません消しときます(´・ω・｀) まさかここまでシェアされるとは思わず・・・。企業秘密だったりしました？と言ったところ いやー、別にかまへんよ。親父がみんなに愛されてて面白かったわ。 と、あっさりOKを頂きました。わたしと同い年でも、二十歳で役員に任じられた男は懐の深さが違いますね。（ちなみに、社長さんの息子ではありません） ただうちは、『世の中の人がまだ見つけていない、技術の新しい活用法を発見する』ことに軸足をおいてきた会社。いい仕事をするために、働きやすい
ウェブで執筆を行うすべての人たちへ ウェブを活用しながら執筆をおこなう『ウェブライター』の人にとって便利なChrome拡張機能をまとめてみました。Google Chromebookの発売も近くなり、Chrome OSだけでどう仕事をこなすか真剣に検討をはじめている人もいることでしょう（まだ気がはやいですか？）。作業環境をすべてブラウザ上に移行するという勇者はまだ少ないかもしれないけど、Googleの急速なウェブアプリへのシフトにより、ウェブで執筆をおこなっている人たちにとって便利な環境が整いつつあるのは確かで、全部ブラウザとはいわないものの、ある程度ブラウザ上で作業ができるようにしておくことで作業効率を上げることができる時代に入った、とは言えるでしょう。 というわけで、ウェブで執筆をおこなう人にとって便利なChrome拡張をまとめてみたので、活用してください。実はこれ、記者が自分用にメモし
作成：2013/02/25 更新：2014/11/01 Webサービス > Webデザイン 急に仕事をふられたけど いちから作っている時間はない だけど、素早く「それなり」に見せたい 見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業を大幅になくすWebサービスを、用途ごとに分けてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．企画書 / 請求書 / 履歴書 / 退職願 / プレゼン ２．パワーポイント ３．エクセル ４．フライヤー / ポスター / チラシ / ロゴ ５．名刺 ６．文章 / 手紙 ７．Web制作 / ホームページ ８．Webデザイン ９．HTML/CSS 企画書 / 請求書 / 履歴書 / 退職願 / プレゼン フォームに入力するだけで、整形された紙面(PDF)が完成 職務経歴書テンプレート一覧 - ルーシ
DeepLearning Advent Calendar 2016の17日目の記事です。 はじめに はじめまして。 Liaroという会社でエンジニアをしている@eve_ykと申します。 今年もあと僅かとなりました。 ここらで、今年のDeepLearningの主要な成果を振り返ってみましょう。 この記事は、2016年に発表されたDeepLearning関係の研究を広く浅くまとめたものです。今年のDeepLearningの研究の進歩を俯瞰するのに役立てば幸いです。 それぞれの内容について、その要点や感想なんかを簡単にまとめられたらと思います。 特に重要だと思った研究には★マークをつけておきます。 非常に長くなってしまったため、興味のある分野だけ読んでいただければと思います。 言い訳とお願い 見つけたものはコードへのリンクも示すので、プログラミングに関係ある記事ということで… 分野的にかなり偏っ
業務で携わっている案件なのですが、アクセス数の急増が見込まれるイベントがありまして。準備期間も少なく、バックエンド側でできることがほぼないという状況でサイトを落とさないようにがんばる！というお仕事でした。レガシーソースてんこ盛り。CSSプリプロセッサとか何それ状態。 そこで実施した対策のまとめです。サーバー・アプリケーション・サイトの構成によって、効果の大小はありますが、比較的効果があったと思われるものをつらつらと。 リクエストの削減とファイルサイズの最適化 まず一番最初に考えなければいけないのがリクエスト数です。すごいおおざっぱに言うと、WEBサーバー（ApacheとかNginxとか）への負荷は、PV数×リクエスト数です。PVがそんなに無くてもそのページのリクエストがめちゃくちゃ多いとそれだけでかなりの負荷になります。リクエストを半分にできれば2倍の人数がさばけるってことに、すげーおおざ
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
米国で行われているMySQL Connectというイベントで、ついにMySQL 5.6 RC（リリース候補版）が発表された。リリース候補版ということは、これが次の正式版になるということだ。MySQL 5.5は5.1から凄まじい進化を遂げたバージョンであった。だが、MySQL 5.6はさらにそれを上回る進化を遂げている！正直ここまでの進化を誰が予想しただろうか、いや誰も出来なかったであろう。これまで、α版が出たときから何度か新機能について紹介してきたが、今回改めてMySQL 5.6の新機能を振り返ってみようと思う。すべてまとめるともの凄い内容だ。興奮して夜も眠れなくなること請け合いだ。MySQLの進化が止まるのでは？などという心配は吹き飛び、もはやもうちょっと小出しにしなくて良かったのか？と心配してしまうレベルである。 それではMySQL 5.6の新機能について紹介していこう。 InnoDB
縁あって、カロリーメイトリキッドのプロモーション用にちょっとした Ruby プログラムを書かせてもらいました。 www.otsuka.co.jp ↑のリンクを開いて、cd .Quine したところにある CML_quine.rb がそれです。 cat CML_quine.rb とすると中身が見えます。ruby CML_quine.rb すると動きます。 CalorieMate-Liquid-Quine 実行してみましたか？サイト上で気楽に実行できるので、ぜひ試してみてください。 これがどういうプログラムなのか、簡単に解説しておきます *1 。 ローカルでの遊び方 サイト上で ruby CML_quine.rb をするだけでも楽しめますが、自分のパソコンに保存するとより楽しめます。 まず、cat CML_quine.rb した中身をまるごとコピーしてください。 n=2;で始まる行の頭から、'
モバイルアプリサービス部の五十嵐です。 Dockerは軽量でポータビリティに優れ、環境を汚さないので開発環境には無くてはならない存在ですよね！今回はまだDockerを使っていない人向けに、私が自分が辿ってきた経験を元に、『こういうシーンでDockerを使うと便利』というのをステップ・バイ・ステップで説明していきます。 対象読者 Dockerはなんとなく知っていて興味はあるけど、使い所や導入するメリットが分からないという人を対象にしています。 環境 Docker for Mac（Docker 1.12.3） Dockerについて Dockerは複数のコンポーネントからなるプラットフォームですが、本記事では主にDocker EngineのことをDockerと呼びます。 Dockerはコンテナと呼ばれる仮想化技術を用いています。従来の仮想化技術と異なる点は、ホストのカーネルをコンテナと共有し、ホ
なぜ動くか？ ここ最近、技術者と名乗る人々と会話して思うのが、「なぜ動くか」ということを知りたいという興味が失われているということです。 問題 例えば、下記の書籍を紹介します。 「ネットワークはなぜつながるか」という本で、あらゆる技術者に読んでほしいと思っています。目次は以下のようになっています。 ブラウザにURLを入力してからWebページが表示されるまでの道筋をたどりながら、その裏側で働くTCP/IP、LAN、光ファイバなどの技術を説明していきます。インターネットを通ってサーバーまで行って帰ってくる道筋の途中には、今のネットワークの主要な技術要素が全部あります。そこでの機器やソフトウエアがどのように動き連携しているのかを探検すればネットワーク全体の動きがわかります。 第2版では、全体の構成を見直し、探検の途中で、今、ネットワークのどの部分にいるのかを明確にしました。また、各技術の基本的な
Google Chromeが「軽さ」を売りにしていたのは過去の話。最近は先進的な機能を盛り込んだ分、重くなっており、ちょっと古いマシンで重いページを開くと、固まってしまうこともしばしば。軽量化のためのチューンアップが欠かせないのだ。基本である初級編から、ちょっとリスクのある上級編まで、Chrome軽量化のテクニックをおさらいしよう。 Chromeが重いときの対処法としては、まず、履歴やキャッシュが溜まっていないかを確認しよう。これらのデータを全て削除し、ネットワークの自動検出の設定を無効化する。ここまでが基本の設定。パソコンのスペックが充分な場合は、これでChromeは快適に動くようになるはず。 それでもまだ重い場合は、ブラウザ動作の体感速度をアップさせる工夫が必要だ。Chrome標準の「先読み」機能を有効にして、ウェブの読み込み時間を短縮。さらに、タブを複数開いているときに、使っていない
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
ウェブサイト高速化勉強会 : ATND 2012/09/29 ウェブサイト高速化勉強会 #tnmk0929 - Togetter さくらのVPSにてサーバ＆ドメイン取得を行った流れもあり、個人用鯖にも何らかのWebコンテンツを配備・公開して行く事になるだろう(てかそういう風にして行きたい)と言うのもあり、ちょうど目にしたこちらの勉強会に目が留まり、参加して来ました。 なので現状のWebサイトを高速化させるために、ってのではなくて今後のために、という意味合いが強いですね。 会場は横浜タネマキ。最近は個人的にはYokohama.groovy等で2週間に一遍は使ってる感じですね。 タネマキ 【コワーキング ＆ シェアオフィススペース】 開始間際、ディスプレイ接続で調整が上手く行かず10分程押した後スタート。 Web Site Optimization for Beginners こもり まさあき
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
2. 解析動機 2013年5月18日Tokyo WebMining #26 2 最後の春だし画像処理の勉強でもしとくか 後輩からAV女優の類似画像検索の話を聞く （ぱろすけ 2012） DMMにはアフィリエイトあったよな これでウェブサービス作れば儲かるかも 決して下半身からの要望で解析したのではありません http://blog.parosky.net/archives/1506 3. 計算環境 2013年5月18日Tokyo WebMining #26 3 使用言語：Python ２．７ （少しだけR） 使用モジュール：Numpy, Scipy, OpenCV 科学技術計算用のライブラリ MATLABにできることは大体できる numpy.ndarray 型付き多次元配列 numpy.linalg 線形代数計算 scipy.cluster 今回はこれのk-means法を使用
算数の教養がほとんどないプログラマが1年間AtCoderをやった結果の振り返り｜きりみんちゃんノート
こんばんみんみん。 バーチャル幼女プログラマーという肩書でインターネットをやっているきりみんちゃんというものです。 去年の7月に競技プログラミングのAtCoderを始めてだいたい1年くらい経ったので、勉強したこととかを振り返りたいと思います。 で、誰？YouTubeでAtCoderの過去問を解く配信をしたり、Twitterで無限にAtCoderについてつぶやいたりしているVTuberです。 普段の仕事での専門分野はAndroidアプリ開発です。 半年くらい前にAtCoderを普通の社会人エンジニアに布教するエントリを書きました。 また、技術書典で「AtCoderの歩き方 -数学が得意じゃないエンジニアにこそ競技プログラミングを布教したい！-」という本を出したりもしました。 現在のAtCoderコミュニティの中心層は理系の学生やもともと数学がかなり好きなタイプの人たちです。 一方きりみんちゃ
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス
Geekなぺーじ : みんなが知らずに使ってるAkamai
Akamaiさんでのセミナーに参加してきました。 個人的にはAkamaiさんと言えば「あまり一般的には知られていないけど使っていない人はほぼいない」企業というイメージがあります。 あまりに内容が楽しかったので、セミナーで色々質問しまくって聞いてしまいました。 想像以上に色々凄いと思いました。 ブロガーのyasuyukiさんが企画し、Akamaiさんにお願いして実現したプライベートセミナーでした。 元々はyasuyukiさんがAkamaiさんのセミナーを聞いて「面白い」とtwitter上で囁きまくっていて、その後「プライベートなセミナーやったら来ますか？」とのオファーを頂きました。 昔からAkamaiさんのCDN技術には非常に興味があったので「是非お願いします」とお願いしました。 セミナー参加者募集はyasuyukiさんのブログとtwitter上で行われ、16人の参加者がいました(アカマイさ
今まで、ブログを作っては消していた。AmebloやLivedoor、Blogger、他にも名前を忘れてしまったけど、今までどれも続かなかった。最初の３日間は頑張るんだけど、気づいたら放置。そんな人、案外多いのではないだろうか。 最近、ブログを書く人が以前と比べて増えてきているように思うし、ブログの重要性というものが高まっているように思う。ソーシャルメディアが普及しているからこそ、ブログというメディア兼コンテンツを持つことはかなり強い。事実、僕もこのブログを持っていることで色んな恩恵を得てる。Twitterだけじゃもったいない。 僕のブログは、Wordpressというものを使っている。WordpressとはカスタマイズできるWebサイトで、多くのブロガーたちが利用している。Wordpressの良さや利用するメリットは数多くあるが、最初の導入の敷居が高く、現に僕も一つ作るのに1週間以上かかった
ライフハック テンプレート ライブラリ最強のライフハックは紙とペン──。自分で印刷して使えるツール、「ライフハックテンプレート」シリーズの提供をスタートしました。印刷して使ってもらえることを想定して作っています。ペンを片手にご活用ください。 ライフハックシート： ＃016 FFFTPを使いこなして快適FTP生活！ Webページ作成時に必要なのがFTPツールです。その中でも定番ツールのFFFTPのショートカットキーをまとめてみました。これらを使いこなしてささっとサイトの更新を行いたいものです。（06/02） ライフハックシート： ＃015 PowerPointを使いこなしてプレゼンテーションの達人に！【発表編】 仕事の山場といえばやはりプレゼンの作成と発表。そこでプレゼンテーションツールの定番、PowerPointのショートカットキーをまとめてみました。これらをマスターしてプレゼンテーション
AppBankです。 先日、iPhoneにちょっとした不具合が見つかりました（内容は秘密）。バックアップからの復元では直らず、工場出荷後の状態で復元すると不具合が直りました。iPhoneの挙動もすこぶる早くなるというおまけもついてきましたのでよしとします。 ということで、バックアップ状態に戻せないので、iPhoneをまっさらの状態から設定し直しました。幸い必要だったデータは連絡先データと写真のみでしたのでなんとかできそうです。 最近 iPhone を手に入れた方が本当に多いと聞きます。 現在、私がどのような iPhone の設定をしているかメモ代わりにご紹介したいと思います。自分でも知らなかった設定がわんさかありましたので、みなさんも一度目を通してみてくださいね。 参考記事： iPhoneの使い方や設定方法のまとめ 追記： コメントがありましたのでアップルに確認しました。「バッテリーの残り
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
個人開発を黒字にする技術 - k0kubun's blog
はてなブックマーク10周年で最も“すごい”エントリーは？ 「これはすごい」タグ数ランキング - はてなニュース
ZOOMもUberもNetflixも、たった3万円で全てのシステム/アプリを作れるノーコードの衝撃
HTTPS 化する Web をどう考えるか - Block Rockin’ Codes
Flashを閃光のごとく高速化するための基礎知識
稼げるのはどれ？アフィリエイトの種類と稼ぐコツについて～7月データ
無線LANのWPA/WPA2-PSKをGPUで超高速解析してパスワードを見つけるフリーのオープンソースソフト「Pyrit」
萌え理論Blog - OS再インストール関連情報まとめ
ゲームAI -基礎編- 『知識表現と影響マップ』
ソフトウェアの使い方から生活全般ノウハウまで 日本一のHow to 動画ポータル
PCが遅いと感じたときの診断と改善方法 | ライフハッカー・ジャパン
無題のドキュメント やる夫で学ぶクラブミュージック
ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう！
ウェブ執筆者におすすめのGoogle Chrome拡張機能＋ウェブアプリ厳選33個まとめ|ガジェット通信 GetNews
そうとう楽！WEB制作、ビジネスを助ける「テンプレート」まとめ | コムテブログ
DeepLearning研究 2016年のまとめ - Qiita
とあるサイトの高速化についてフロントエンドでやったことまとめ。 - Toro_Unit
WordPress高速化｜1秒前半で表示させるための8つ＋3つの方法を解説
開発スピードアクセル全開ぶっちぎり！日本よ、これがMySQL 5.6だッ！！
カロリーメイトリキッドのQuineを書きました - まめめも
開発環境で使うDocker入門 | DevelopersIO
「なぜ動くか」に興味を持たない技術者が増えている憂い - orangeitems’s diary
最近Chromeが重いと感じたら…軽さを取り戻すための6つの爆速化設定 | 教えて君.net
ウェブサイト高速化勉強会に参加してきた #tnmk0929 - Diary of absj31
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
セクシー女優で学ぶ画像分類入門
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ
本格的にブログを始めたい人向け！誰でも簡単に、WordPressをインストールする方法
ライフハック テンプレート ライブラリー - ITmedia Biz.ID
iPhone の「設定」をゼロから見直して、自分に合うように最適化する。
2024年に最適なfont-familyの書き方 - ICS MEDIA