https://b.hatena.ne.jp/luccafort/HTML/ HTMLに関するluccafortのはてなブックマーク (85) https://engineering.mercari.com/blog/entry/2018-04-04-172310/ mkdirしたあとで!is_dir()で判定してるの意図はわかるんだけどその前にも同じことチェックしていてめちゃくちゃモヤッとする。mkdirで失敗したら問答無用でif文内にいれたら駄目だったのかな？ luccafort 2018-04-05T01:36:43Z Apache html テンプレート エラーログ Mercari cache キャッシュ ファイル 21 <blockquote cite="https://engineering.mercari.com/blog/entry/2018-04-04-172310/" title="US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fengineering.mercari.com%2Fblog%2Fentry%2F2018-04-04-172310%2F" alt="" /> <a href="https://engineering.mercari.com/blog/entry/2018-04-04-172310/">US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング</a></cite><p><a href="https://engineering.mercari.com/blog/entry/2018-04-04-172310/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/21e09c3f9883c9501cdab6b959b275767ffbb12b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fengineering.mercari.com%2F%2Fimg%2Fogp%2Fogp_a.jpg" alt="US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング" title="US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング" class="entry-image" /></a></p><p>こんにちは。バックエンドエンジニアの @naopr です。 3/20にUS版メルカリでリブランディングを実施し、ロゴやアイコン、デザインを一新しました！ 今回は、リブランディングに伴うHTMLメール変更にまつわる地味で泥くさいお話をご紹介します。 メルカリでのHTMLメールの実装 メルカリはコア部分をPHPで実装しており、HT...</p><p><a href="https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/2018-04-04-172310/"><img src="https://b.hatena.ne.jp/entry/image/https://engineering.mercari.com/blog/entry/2018-04-04-172310/" alt="はてなブックマーク - US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング" title="はてなブックマーク - US版メルカリ リブランディングの舞台裏〜HTMLメールの検証にまつわる泥くさい話〜 | メルカリエンジニアリング" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/engineering.mercari.com/blog/entry/2018-04-04-172310/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/liukoki/items/8a6cd4543e7e7e906461 "ここで大きな問題が立ちはだかります。どんなにすごい機能をつけても、いい感じのデザインのWebサービスでないとそもそも使ってもらえないのです。"わかる…が最近はBootstrapとかMaterialUIとか選択肢が増えてきた。 luccafort 2018-03-23T04:47:50Z bootstrap フロントエンド CSS HTML vuejs webサービス web rails programming 443 <blockquote cite="https://qiita.com/liukoki/items/8a6cd4543e7e7e906461" title="フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fliukoki%2Fitems%2F8a6cd4543e7e7e906461" alt="" /> <a href="https://qiita.com/liukoki/items/8a6cd4543e7e7e906461">フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita</a></cite><p><a href="https://qiita.com/liukoki/items/8a6cd4543e7e7e906461"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a38608b3249bdda1629f8c0e1c25bed1623e7094/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmxoNi5nb29nbGV1c2VyY29udGVudC5jb20lMkYtN0sxelFiYThfTEUlMkZBQUFBQUFBQUFBSSUyRkFBQUFBQUFBQUIwJTJGbW5HMVkyUlpRRUElMkZwaG90by5qcGclM0ZzeiUzRDUwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1jMzRlMGIzYzUzZTQ0MDI2YjgxZTYyNjlmYmFjZTgzYw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dabeb6827e461af24c6050faa43b10f08%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUU1JTg1JUE4JUU3JTg0JUI2JUUzJTgyJThGJUUzJTgxJThCJUUzJTgyJTg5JUUzJTgxJUFBJUUzJTgxJTg0JUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgxJThDJUUzJTgwJTgxJUUzJTgxJUExJUUzJTgyJTg3JUUzJTgxJUEzJUUzJTgxJUE4JUUzJTgxJUE3JUUzJTgyJTgyJUU4JUE2JThCJUUzJTgxJTlGJUU3JTlCJUFFJUUzJTgxJUFFJUUzJTgxJTg0JUUzJTgxJTg0V2ViJUUzJTgyJUI1JUUzJTgzJUJDJUUzJTgzJTkzJUUzJTgyJUI5JUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThEJUUzJTgxJTg2JUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgyJTg0JUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgxJTkzJUUzJTgxJUE4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGNhZGEwMzI3YWViNWE2MjRkMWY0ZmY4MmM2YjcyZWM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBsaXVrb2tpJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MDgzYWE3NDY5N2JiM2EzZWFmZWYyMDM2MDc4MTI1M2Y%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dcaa9230aca7242e0912762b6a667462d" alt="フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita" title="フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita" class="entry-image" /></a></p><p>はじめに サーバーサイドプログラミングを勉強していると、自分でWebサービスを作りたいという気持ちがわいてくるものです（私はそうでした）。しかし、ここで大きな問題が立ちはだかります。どんなにすごい機能をつけても、いい感じのデザインのWebサービスでないとそもそも使ってもらえないのです。 試しに、Qiitaのト...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/liukoki/items/8a6cd4543e7e7e906461"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/liukoki/items/8a6cd4543e7e7e906461" alt="はてなブックマーク - フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita" title="はてなブックマーク - フロントエンド全然わからないマンが、ちょっとでも見た目のいいWebサービスを作ろうとしてやったこと - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/liukoki/items/8a6cd4543e7e7e906461"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://anond.hatelabo.jp/20180321171652 PWAは全てのネイティブ(iOS|Android)を置き換えるものではないと思うので「何言ってんだこいつ」くらいの感想ですが個人的にはWebで出来る可能性が広がるという意味でぼくは好意的に解釈しています。 luccafort 2018-03-22T03:09:20Z html instagram JavaScript html5 PWA web 289 <blockquote cite="https://anond.hatelabo.jp/20180321171652" title="PWAが来るって言っているエンジニアは今すぐ辞めろ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20180321171652" alt="" /> <a href="https://anond.hatelabo.jp/20180321171652">PWAが来るって言っているエンジニアは今すぐ辞めろ</a></cite><p><a href="https://anond.hatelabo.jp/20180321171652"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ec6a459bb9b383ee013c4fa73ad41a2bd0d9813/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif" alt="PWAが来るって言っているエンジニアは今すぐ辞めろ" title="PWAが来るって言っているエンジニアは今すぐ辞めろ" class="entry-image" /></a></p><p>PWAとかいうhtml5のリブランドが技術者界隈で騒いでるが、こんなの受け入れられないだろ。 PWAの実物見た？触った？？ instagramのPWAが最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、 オワコンであった。 ネイティブと見分けつか...</p><p><a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20180321171652"><img src="https://b.hatena.ne.jp/entry/image/https://anond.hatelabo.jp/20180321171652" alt="はてなブックマーク - PWAが来るって言っているエンジニアは今すぐ辞めろ" title="はてなブックマーク - PWAが来るって言っているエンジニアは今すぐ辞めろ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20180321171652"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://stocker.jp/diary/html-basic/ "strong要素はそのコンテンツに対する強力な重要性、深刻性、または緊急性を表す"なるほどストロングgfx問題のことか。 luccafort 2017-09-29T06:55:45Z html CSS HTML5 コーディング web 338 <blockquote cite="https://stocker.jp/diary/html-basic/" title="意外と知られていないHTMLの基本の話"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstocker.jp%2Fdiary%2Fhtml-basic%2F" alt="" /> <a href="https://stocker.jp/diary/html-basic/">意外と知られていないHTMLの基本の話</a></cite><p><a href="https://stocker.jp/diary/html-basic/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b1d926125dfefcd0d1a402062b27e82c7d148ed9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fhtml-basic1-500x282-1.png%3Ffit%3D500%252C282%26ssl%3D1" alt="意外と知られていないHTMLの基本の話" title="意外と知られていないHTMLの基本の話" class="entry-image" /></a></p><p>私はWeb制作が初めての方向け講座だけでなく現役の制作者の方向けに様々なWeb講座をしていますが、現役のWeb制作者の方でもHTMLに関して意外と知られていないんだなと思うことがいくつかあります。 特に、HTML5以前の古いHTMLの使い方のまま覚えている方が多いように思われますので、この記事ではそれを中心に取り上げて...</p><p><a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/html-basic/"><img src="https://b.hatena.ne.jp/entry/image/https://stocker.jp/diary/html-basic/" alt="はてなブックマーク - 意外と知られていないHTMLの基本の話" title="はてなブックマーク - 意外と知られていないHTMLの基本の話" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/html-basic/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.h13i32maru.jp/entry/2017/07/31/081614 こういうお役立ちツールがどんどん盛り上がっていってエンジニアやデザイナーにとって住みよい環境になっていくの趣がある。メンテされていかないDocsほど悲しいものもない。あとDocが嘘ついてたときつらい。 luccafort 2017-08-02T06:23:34Z html 開発 API JavaScript document documentation esdoc ドキュメント 118 <blockquote cite="https://blog.h13i32maru.jp/entry/2017/07/31/081614" title="ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.h13i32maru.jp%2Fentry%2F2017%2F07%2F31%2F081614" alt="" /> <a href="https://blog.h13i32maru.jp/entry/2017/07/31/081614">ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source</a></cite><p><a href="https://blog.h13i32maru.jp/entry/2017/07/31/081614"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0da0a3bf831bece152e10d476c6f847694b1457f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F14c388b02611cbe21c3bfe8c8bba5ed42ebcdb96%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fh%252Fh13i32maru%252F20170729%252F20170729130255.png" alt="ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source" title="ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source" class="entry-image" /></a></p><p>こんにちは丸山@h13i32maruです。 僕は2015年からESDoc*1というJavaScript向けのドキュメンテーションツールを開発しています。 https://esdoc.org https://github.com/esdoc/esdoc Star 最初のリリースから2年、昨日ようやくv1.0をリリースできました🎉 いやー、ここまで長かったです。今ではRxJSやSketchAPIなど、様々...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.h13i32maru.jp/entry/2017/07/31/081614"><img src="https://b.hatena.ne.jp/entry/image/https://blog.h13i32maru.jp/entry/2017/07/31/081614" alt="はてなブックマーク - ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source" title="はてなブックマーク - ESDocという(多分)モダンなドキュメンテーションツールの紹介 - maru source" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.h13i32maru.jp/entry/2017/07/31/081614"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://k0kubun.hatenablog.com/entry/ruby-committer 紹介文が非常に簡潔でわかりやすいｗ luccafort 2017-05-16T00:46:17Z html github ruby コミッタ Ruby Haml 高速化 コミット 94 <blockquote cite="https://k0kubun.hatenablog.com/entry/ruby-committer" title="Ruby コミッターになりました - k0kubun&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fk0kubun.hatenablog.com%2Fentry%2Fruby-committer" alt="" /> <a href="https://k0kubun.hatenablog.com/entry/ruby-committer">Ruby コミッターになりました - k0kubun&#39;s blog</a></cite><p><a href="https://k0kubun.hatenablog.com/entry/ruby-committer"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/970bf2421e2f51300914cca19f566e5a67ea06ea/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12921228815719283850%2F10328749687246703646%2F1494855719" alt="Ruby コミッターになりました - k0kubun&#39;s blog" title="Ruby コミッターになりました - k0kubun&#39;s blog" class="entry-image" /></a></p><p>m_sekiさんとhsbtさんの推薦で、ERBのメンテナとしてRubyのコミット権をいただきました。 以下が初コミットです。 github.com 普段テンプレート言語Hamlの高速化やその更に高速な別実装Hamlitの実装をやっていてテンプレートエンジンの高速化に知見があり、ちょこちょこERBにも知見を還元したりしていたのですが、一昨日...</p><p><a href="https://b.hatena.ne.jp/entry/s/k0kubun.hatenablog.com/entry/ruby-committer"><img src="https://b.hatena.ne.jp/entry/image/https://k0kubun.hatenablog.com/entry/ruby-committer" alt="はてなブックマーク - Ruby コミッターになりました - k0kubun&#39;s blog" title="はてなブックマーク - Ruby コミッターになりました - k0kubun&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/k0kubun.hatenablog.com/entry/ruby-committer"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ics.media/entry/14340 Autoprefixer便利そう。ただ気になるのはベンダープレフィックスが最近のブラウザシェアでは不要って話だけどこれモバイルも含んだ上での話しなんだろうか？ luccafort 2016-12-19T11:05:17Z コーディング html CSS html5 CSS3 974 <blockquote cite="https://ics.media/entry/14340" title="2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fics.media%2Fentry%2F14340" alt="" /> <a href="https://ics.media/entry/14340">2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA</a></cite><p><a href="https://ics.media/entry/14340"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5d05998749981af639392976e6470a71a0702273/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fics.media%2Fentry%2F14340%2Fimages%2Feyecatch.jpg" alt="2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA" title="2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA" class="entry-image" /></a></p><p>HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のI...</p><p><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/14340"><img src="https://b.hatena.ne.jp/entry/image/https://ics.media/entry/14340" alt="はてなブックマーク - 2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA" title="はてなブックマーク - 2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/14340"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://fortkle.hatenablog.com/entry/2015/11/24/211009 昨日開催で昨日中に参加ブログがあがってるのありがたい。 luccafort 2015-11-25T01:56:10Z php Array html メモリ フレームワーク phpblt slideshare 40 <blockquote cite="https://fortkle.hatenablog.com/entry/2015/11/24/211009" title="『PHP BLT #1』に参加しました！ - fortkle blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffortkle.hatenablog.com%2Fentry%2F2015%2F11%2F24%2F211009" alt="" /> <a href="https://fortkle.hatenablog.com/entry/2015/11/24/211009">『PHP BLT #1』に参加しました！ - fortkle blog</a></cite><p><a href="https://fortkle.hatenablog.com/entry/2015/11/24/211009"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3e8463868a4f329d59ae5af196d888efd504ac69/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ff%2Ffortkle%2F20151124%2F20151124210917.jpg" alt="『PHP BLT #1』に参加しました！ - fortkle blog" title="『PHP BLT #1』に参加しました！ - fortkle blog" class="entry-image" /></a></p><p>PHP BLT とは 全員がLTで発表するというコンセプトのPHP周辺/Web/サーバサイド全般の勉強会 phpblt.connpass.com 以下メモ 『自作ArrayでPHPのメモリ節約』&quot;よや&quot; yoya@awm.jp speakerdeck.com 「PHPの配列は重たい」という問題提起 原因はArray管理データが大きい事 SplFixedArray はArray管理データがごそっと減ってい...</p><p><a href="https://b.hatena.ne.jp/entry/s/fortkle.hatenablog.com/entry/2015/11/24/211009"><img src="https://b.hatena.ne.jp/entry/image/https://fortkle.hatenablog.com/entry/2015/11/24/211009" alt="はてなブックマーク - 『PHP BLT #1』に参加しました！ - fortkle blog" title="はてなブックマーク - 『PHP BLT #1』に参加しました！ - fortkle blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/fortkle.hatenablog.com/entry/2015/11/24/211009"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/takehora/items/04b8aca8f26cb519573d あとで読んだ。技術的な内容というのとはちと違うかもしれんが面白い。技術力=標準偏差が小さいというのは感覚的には理解していたがなるほどそういうことか！と明文化されて目から鱗な思いだった。 luccafort 2015-04-19T22:10:10Z performance 設計 ネットワーク 統計学 html development パフォーマンス web 496 <blockquote cite="https://qiita.com/takehora/items/04b8aca8f26cb519573d" title="Webパフォーマンス管理の基本 1 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftakehora%2Fitems%2F04b8aca8f26cb519573d" alt="" /> <a href="https://qiita.com/takehora/items/04b8aca8f26cb519573d">Webパフォーマンス管理の基本 1 - Qiita</a></cite><p><a href="https://qiita.com/takehora/items/04b8aca8f26cb519573d"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c8d7f5c41efcf444a5d3d13697ef37b271a03d9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjEyMzQlMkZwcm9maWxlLWltYWdlcyUyRjE1MDk1NTc2OTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZjI1Nzk3MWY3NjYwYTQ1MTg5OGY3YmZiYjNhYTA3NzE%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D09093eee2daacec3ab4384c55d511492%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9V2ViJUUzJTgzJTkxJUUzJTgzJTk1JUUzJTgyJUE5JUUzJTgzJUJDJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgyJUI5JUU3JUFFJUExJUU3JTkwJTg2JUUzJTgxJUFFJUU1JTlGJUJBJUU2JTlDJUFDJTIwMSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWI1NTI2ZTk1NjU5OGMxZDNiZjBlYTUzYzEzNjUwOGNk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0YWtlaG9yYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTY3YzY3MTZiZGQ3MDAzZGMzNmM5N2Q4Y2Q3M2IyNzRm%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-U3BlbGxkYXRh%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D0599c209312830dc159003a5df11c61c" alt="Webパフォーマンス管理の基本 1 - Qiita" title="Webパフォーマンス管理の基本 1 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Webパフォーマンスはパフォーマンスエンジニアリングの1つの分野 Webパフォーマンス管理は、Webサイトの非機能要求の性能や可用性を扱います。 専門用語では、コンピュー...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/takehora/items/04b8aca8f26cb519573d"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/takehora/items/04b8aca8f26cb519573d" alt="はてなブックマーク - Webパフォーマンス管理の基本 1 - Qiita" title="はてなブックマーク - Webパフォーマンス管理の基本 1 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/takehora/items/04b8aca8f26cb519573d"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html 「H2MD.jsはエンコーダなどともに有償で同社から提供される製品です。」この一文を一番上のほうに書いて欲しかった。とはいえ透過レイヤを持つ動画ってのはいいな。 luccafort 2015-03-12T23:53:57Z H.264 Canvas html js JavaScript HTML5 API 動画 290 <blockquote cite="https://www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html" title="HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fhtml5_canvasjavascriptpch2mdpr.html" alt="" /> <a href="https://www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html">HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］</a></cite><p><a href="https://www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e5bec4c8fe6bb0165c478c6ec3a1ae0ba987dd09/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fh2md02.jpg" alt="HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］" title="HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］" class="entry-image" /></a></p><p>Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。 最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html" alt="はてなブックマーク - HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］" title="はてなブックマーク - HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/html5_canvasjavascriptpch2mdpr.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.sonicgarden.jp/blog_articles/201501_interview_designer1 前編だけでも結構な量で後半どうなるのかなーと思ったらまさかの中編へ続くでびっくらこいた。 luccafort 2015-01-15T05:51:55Z programming html design management sonicgarden エンジニア 会社 デザイン webデザイン 309 <blockquote cite="https://www.sonicgarden.jp/blog_articles/201501_interview_designer1" title="【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.sonicgarden.jp%2Fblog_articles%2F201501_interview_designer1" alt="" /> <a href="https://www.sonicgarden.jp/blog_articles/201501_interview_designer1">【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう</a></cite><p><a href="https://www.sonicgarden.jp/blog_articles/201501_interview_designer1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4c599197d9647f9a826582834a3c7b916f5285bb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsonicgarden.imgix.net%2Fuploads%2Fimage%2Ffile%2F1577%2Foriginal.jpg%3Fixlib%3Drails-4.3.1%26fit%3Dcrop%26crop%3Dfaces%26ar%3D1.91%253A1%26w%3D1200%26auto%3Dformat" alt="【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう" title="【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう" class="entry-image" /></a></p><p>ソニックガーデンはプログラマが中心の会社です。そのため「デザインはどうしているの？」という疑問を持たれる方が多くいらっしゃいます。すべての工程を担当するのが「納品のない受託開発」のポイントですが、デザインは一体どうしているのでしょうか。採用に応募するエンジニアの方も、「デザインセンスに自信がない...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.sonicgarden.jp/blog_articles/201501_interview_designer1"><img src="https://b.hatena.ne.jp/entry/image/https://www.sonicgarden.jp/blog_articles/201501_interview_designer1" alt="はてなブックマーク - 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう" title="はてなブックマーク - 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.sonicgarden.jp/blog_articles/201501_interview_designer1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://takuya-1st.hatenablog.jp/entry/2014/11/29/040537 フルスクリーンモードクソウザすぎてワロタｗ動画とかフルスクリーンで見ることが多いと助かる場合あるだろうけど画像とかでやられたらめっちゃうざいことこの上ないｗｗｗｗ luccafort 2014-12-01T02:38:26Z screen Web ブラウザ JavaScript HTML CSS webデザイン design web制作 250 <blockquote cite="https://takuya-1st.hatenablog.jp/entry/2014/11/29/040537" title="画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftakuya-1st.hatenablog.jp%2Fentry%2F2014%2F11%2F29%2F040537" alt="" /> <a href="https://takuya-1st.hatenablog.jp/entry/2014/11/29/040537">画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！</a></cite><p><a href="https://takuya-1st.hatenablog.jp/entry/2014/11/29/040537"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/20c49b2848f8d3bb79f5776115b1d52f53ffa145/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F33ba778893944db16aef5f0d599e5632b3a60900%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ft%252Ftakuya_1st%252F20141129%252F20141129034938.jpg" alt="画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！" title="画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！" class="entry-image" /></a></p><p>フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 &lt;div id=&#39;img01&#39; onclick=&quot;this.webkitRequestFullScreen();&quot; &gt; &lt;img src=&#39;http://cdn-ak.f.st-hatena.com/images/fot...</p><p><a href="https://b.hatena.ne.jp/entry/s/takuya-1st.hatenablog.jp/entry/2014/11/29/040537"><img src="https://b.hatena.ne.jp/entry/image/https://takuya-1st.hatenablog.jp/entry/2014/11/29/040537" alt="はてなブックマーク - 画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！" title="はてなブックマーク - 画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/takuya-1st.hatenablog.jp/entry/2014/11/29/040537"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/msakamaki/9486/ あとで読む luccafort 2014-08-21T07:16:45Z js mvc JavaScript backbone.js backbone web AngularJS HTML5 Sencha html 200 <blockquote cite="https://html5experts.jp/msakamaki/9486/" title="エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Fmsakamaki%2F9486%2F" alt="" /> <a href="https://html5experts.jp/msakamaki/9486/">エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方</a></cite><p><a href="https://html5experts.jp/msakamaki/9486/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/78b1eb5a33273dd4f87d93fddc4f4f6f7aac3c96/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2014%2F08%2F2a88bcbe7f516dcefdfd2218cea0988b.png" alt="エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方" title="エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方" class="entry-image" /></a></p><p>エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方 酒巻瑞穂（html5jエンタープライズ部） 現在エンタープライズシステムの開発現場では、シングルページアプリケーション（SPA: 単一のWebページで構成されているWebアプリケーションのこと）アーキテクチャの採用が模索されるなど、根本的な...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/msakamaki/9486/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/msakamaki/9486/" alt="はてなブックマーク - エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方" title="はてなブックマーク - エンタープライズで使える！実践から学ぶJavaScript MVCフレームワークの選び方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/msakamaki/9486/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ozpa-h4.com/2014/04/25/sublime-text-markdown/ Kobitoを使い出してからSublimeTextで書くことがほぼなくなったなぁ。 luccafort 2014-04-25T06:08:50Z sublime text Markdown エディタ html Mac 179 <blockquote cite="https://ozpa-h4.com/2014/04/25/sublime-text-markdown/" title="Sublime TextでMarkdownを快適に書くためのプラグインと設定"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fozpa-h4.com%2F2014%2F04%2F25%2Fsublime-text-markdown%2F" alt="" /> <a href="https://ozpa-h4.com/2014/04/25/sublime-text-markdown/">Sublime TextでMarkdownを快適に書くためのプラグインと設定</a></cite><p><a href="https://ozpa-h4.com/2014/04/25/sublime-text-markdown/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fcf5568e4a657384a9335e20cf0cac789452a27d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F140425_markdown_sublime1.jpg" alt="Sublime TextでMarkdownを快適に書くためのプラグインと設定" title="Sublime TextでMarkdownを快適に書くためのプラグインと設定" class="entry-image" /></a></p><p>メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMac、iPhone、iPadに導入したエディタアプリ で、↑の記事ではMacでMarkdownを書く時にMouを利用し、とき...</p><p><a href="https://b.hatena.ne.jp/entry/s/ozpa-h4.com/2014/04/25/sublime-text-markdown/"><img src="https://b.hatena.ne.jp/entry/image/https://ozpa-h4.com/2014/04/25/sublime-text-markdown/" alt="はてなブックマーク - Sublime TextでMarkdownを快適に書くためのプラグインと設定" title="はてなブックマーク - Sublime TextでMarkdownを快適に書くためのプラグインと設定" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ozpa-h4.com/2014/04/25/sublime-text-markdown/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://teppeis.hatenablog.com/entry/2014/04/html-form-put-delete あっても使わないかなというのは多分多くの人がそう思っているけどもそれとなくてもいいというのは一緒ではないと考えるかなぁ。とはいえそれに対して多大なコストをかける価値があるかというと…うーん。 luccafort 2014-04-09T01:47:54Z form js javascript web development html dev 桜JS 76 <blockquote cite="https://teppeis.hatenablog.com/entry/2014/04/html-form-put-delete" title="HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fteppeis.hatenablog.com%2Fentry%2F2014%2F04%2Fhtml-form-put-delete" alt="" /> <a href="https://teppeis.hatenablog.com/entry/2014/04/html-form-put-delete">HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog</a></cite><p><a href="https://teppeis.hatenablog.com/entry/2014/04/html-form-put-delete"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/97790cfcc7dc5da313b721501621b65bf0c86e7e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673850602%2F12921228815721601738%2F1396965990" alt="HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog" title="HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog" class="entry-image" /></a></p><p>先日、都内某所で開催された#桜JSに参加したので、個人の日記レベルの感想を書いてみる。 #桜JS - Togetterまとめ 桜JSでご飯を食べながらLT大会をした | Web scratch 細かいことはazuさんのまとめを見てもらうとして、個人的におもしろかったのがHTML FormのPUT/DELETEについての議論。 なぜ html の form は PUT / DEL...</p><p><a href="https://b.hatena.ne.jp/entry/s/teppeis.hatenablog.com/entry/2014/04/html-form-put-delete"><img src="https://b.hatena.ne.jp/entry/image/https://teppeis.hatenablog.com/entry/2014/04/html-form-put-delete" alt="はてなブックマーク - HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog" title="はてなブックマーク - HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/teppeis.hatenablog.com/entry/2014/04/html-form-put-delete"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://photoshopvip.net/archives/60717 フリー素材のまとめ系サイトっていつもブクマするんだけど必ず忘れて結局ググっちゃうんだよなぁ…なんでだろ。 luccafort 2014-02-20T02:32:18Z html フリー素材 web制作 デザイン webデザイン レイアウト design テンプレート 素材 template 415 <blockquote cite="http://photoshopvip.net/archives/60717" title="HTMLテンプレート素材まとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fphotoshopvip.net%2Farchives%2F60717" alt="" /> <a href="http://photoshopvip.net/archives/60717">HTMLテンプレート素材まとめ</a></cite><p><a href="http://photoshopvip.net/archives/60717"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fa7f22e3511859abcaf78df9be7dc097ea365d7a/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2014%2F02%2Ffreehtml2014_top.jpg" alt="HTMLテンプレート素材まとめ" title="HTMLテンプレート素材まとめ" class="entry-image" /></a></p><p>『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。</p><p><a href="https://b.hatena.ne.jp/entry/photoshopvip.net/archives/60717"><img src="https://b.hatena.ne.jp/entry/image/http://photoshopvip.net/archives/60717" alt="はてなブックマーク - HTMLテンプレート素材まとめ" title="はてなブックマーク - HTMLテンプレート素材まとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/photoshopvip.net/archives/60717"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.mah-lab.com/2014/02/01/angular-fullstack/ 批判系のコメントがないので便利そうだけど実際はどうなのか？という点において若干の不安を感じた。 luccafort 2014-02-19T08:27:42Z angular heroku JavaScript development AngularJS generator Rails webアプリケーション node.js html 185 <blockquote cite="https://blog.mah-lab.com/2014/02/01/angular-fullstack/" title="AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.mah-lab.com%2F2014%2F02%2F01%2Fangular-fullstack%2F" alt="" /> <a href="https://blog.mah-lab.com/2014/02/01/angular-fullstack/">AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365</a></cite><p><a href="https://blog.mah-lab.com/2014/02/01/angular-fullstack/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ce767a354516bc5f9aca6232e98a7497034b3fb7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.mah-lab.com%2Fwp-content%2Fuploads%2F2014%2F02%2Ffullstack-demo_herokuapp_com.png" alt="AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365" title="AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365" class="entry-image" /></a></p><p>HOMEソフトウェア開発AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは AngularJSはあくまでクライアントサイド...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.mah-lab.com/2014/02/01/angular-fullstack/"><img src="https://b.hatena.ne.jp/entry/image/https://blog.mah-lab.com/2014/02/01/angular-fullstack/" alt="はてなブックマーク - AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365" title="はてなブックマーク - AngularJSでWebアプリケーションを作ろうと思った時に構成に悩んだら、generator-angular-fullstackからはじめるのが良いのでは | mah365" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.mah-lab.com/2014/02/01/angular-fullstack/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men うーん？どうだろ、パフォーマンスでない気がするけどここは根性で頑張るメソッドなのだろうか…。 luccafort 2014-02-17T08:07:08Z HTML5 html ios Android iPhone アプリ アプリ開発 開発 349 <blockquote cite="https://speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men" title="HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fanatoo%2Fhtml5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men" alt="" /> <a href="https://speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men">HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜</a></cite><p><a href="https://speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b55ac2883002d1101181d88b03a95032973da6c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F1de7533076e5013148666268bd6e389b%2Fslide_0.jpg%3F2606895" alt="HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜" title="HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜" class="entry-image" /></a></p><p>ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewp…</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men" alt="はてなブックマーク - HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜" title="はてなブックマーク - HTML5でiOSアプリAndroidアプリを作ろう 〜HTML5ハイブリッドアプリ開発入門〜" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/anatoo/html5deiosapuriandroidapuriwozuo-rou-html5haiburitudoapurikai-fa-ru-men"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704 luccafort 2014-02-14T06:38:04Z angular backbone web CSS html jade Markdown coffee grunt command 392 <blockquote cite="https://www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704" title="フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Fi-wanna-bea-frontendengineer%2F31162704" alt="" /> <a href="https://www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704">フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜</a></cite><p><a href="https://www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ee8524c72e27f66be30b252a0e08840df5e90fbb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fiwannabeafront-endengineer-140213043825-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜" title="フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜" class="entry-image" /></a></p><p>フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜AI-enhanced description Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer&#39;s responsibilities as including JavaScript, version control with Git, modular code, browser develop...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704" alt="はてなブックマーク - フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜" title="はてなブックマーク - フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/i-wanna-bea-frontendengineer/31162704"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8 開発者には不要だろうけどもそれ以外の人に説明するときにわかりやすい…のではないかという気がする。 luccafort 2013-12-16T07:57:25Z HTML security MySQL xss escape 文字列 基礎 117 <blockquote cite="https://tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" title="バリデーション、エスケープ、フィルタリング、サニタイズのイメージ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftumblr.tokumaru.org%2Fpost%2F69573778661%2F%25E3%2583%2590%25E3%2583%25AA%25E3%2583%2587%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2582%25A8%25E3%2582%25B9%25E3%2582%25B1%25E3%2583%25BC%25E3%2583%2597%25E3%2583%2595%25E3%2582%25A3%25E3%2583%25AB%25E3%2582%25BF%25E3%2583%25AA%25E3%2583%25B3%25E3%2582%25B0%25E3%2582%25B5%25E3%2583%258B%25E3%2582%25BF%25E3%2582%25A4%25E3%2582%25BA%25E3%2581%25AE%25E3%2582%25A4%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B8" alt="" /> <a href="https://tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8">バリデーション、エスケープ、フィルタリング、サニタイズのイメージ</a></cite><p><a href="https://tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/913b3f97f86e2425a15f0074e1154eddfb9b9d61/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2F64.media.tumblr.com%2Ff5ed7af3492e677775f336113429c1cd%2F0f414542401d3482-20%2Fs500x750%2Fe0b9bc3c580336a66c299fdaefefdb4b62f40aa3.png" alt="バリデーション、エスケープ、フィルタリング、サニタイズのイメージ" title="バリデーション、エスケープ、フィルタリング、サニタイズのイメージ" class="entry-image" /></a></p><p>バリデーション、エスケープ、フィルタリング、サニタイズの用語は分かりにくいので、イメージで説明します。 “&gt;&lt;script&gt;alert(‘xss’);&lt;/script&gt; という入力文字列が、それぞれどうなるかを示します。 ※1 厳密な定義ではありません（要件や文脈により変化します） ※2 バリデーションという用語は非常に幅があります（こ...</p><p><a href="https://b.hatena.ne.jp/entry/s/tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8"><img src="https://b.hatena.ne.jp/entry/image/https://tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" alt="はてなブックマーク - バリデーション、エスケープ、フィルタリング、サニタイズのイメージ" title="はてなブックマーク - バリデーション、エスケープ、フィルタリング、サニタイズのイメージ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tumblr.tokumaru.org/post/69573778661/%E3%83%90%E3%83%AA%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%A8%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%97%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>