ドットインストール代表のライフハックブログ
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい(ヘッダ・フッタくらいは共通化したい) JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの?と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
佐藤さんが『ポール・グレアム「Googleがいくつも生まれない理由」』の件を投稿してて僕も朝、電車の中で考えていたんです。このブログ記事に書いてあるとおり、本当に革新的で周囲の人には全く理解できないようなところには投資はなかなかいかないし、きっとアイデアを出した本人も「やっぱり無理かな。」と諦めてしまうケースも多そう。それでも「みんなわかんないなぁ。いけるよ、間違いないよ」と実行した人の中で一握りの人が爆発的な成功をおさめるんだろうなぁ。ここで注意したいのは「一握り」ってとこ。ほぼ全員が撃沈するんだと思う。 それはさておき、爆発的な成功とはどのくらいかな?って考えてみた。きっと僕の想像力の「爆発的」というのは十分ではないんだろうけど、世の中で最近「大成功の目安」と見られがちな1,000万DLとかそういうレベルではないことは確実。世界は広い。取り急ぎAndroidアプリのDL数について調べて
HTML 画像とキャプションのテキストをfigure要素で配置し、divで内包します。 <div class="flip-3d"> <figure> <img src="yacht.jpg" alt=""> <figcaption>Yacht</figcaption> </figure> </div> <div class="flip-3d"> <figure> <img src="bee.jpg" alt=""> <figcaption>Bee</figcaption> </figure> </div> シャドウ用の余分なマークアップは、必要ありません。 CSS まずはfigure要素を3Dにし、各画像をfloatで配置します。 div.flip-3d { perspective: 1200px; width: 30%; float: left; } div.flip-3d figure
フラットのアイコンって使い道が限定されてるよなと思うのですが、見てるだけで楽しい、各アイテムの細部の作り込みカラースキームなど素晴らしいアイコン「Ballicons」を紹介します。 ↓こういう風にアイコンを見せるのもかっこいいですね!
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
長時間かかる処理を動かした時や別のWindowが開くプログラムをターミナルから立ち上げたけど、後からバックグラウンドに切り替えたい時の対処方法。 Ctrl+zで処理を一時停止する bg[background]コマンドで処理をバックグラウンドに移す バックグラウンドで処理中のプロセスを確認する時はjobsを使う。 ちなみにffmpeg でエンコード中に一旦止めて再開したらちゃんと続きからエンコードしてくれましたが、バックグラウンドで処理中も処理内容をずっと画面に吐き出し続けてくれるのでまともにCUIで作業することはできませんでした。 もうちょっと出力の少ないプログラムを動かしてる時に使いましょう。 ちなみにこの bgとかjobs とか fg などはbash限定のコマンドらしくマニュアルが見たい場合は man bg とかではなく man bash して "bg" などで検索してください。 もし
平素よりQA@ITをご利用いただき、誠にありがとうございます。 QA@ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA@ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、@ITの今後のメディア運営方針などを検討した結果、2020年2月28日(金)15:00をもちましてQA@ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA@ITの7年間で皆さまの知識
このエントリは、 東京Node学園祭 2012 アドベントカレンダー 5日目の記事です。 ■ 前置き - AMD とは AMD (Asynchronous Module Definition) は、Javascript のコードをモジュールとして定義して、非同期ないし遅延ロードするための仕組みです。 http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition (現在、接続が遅い模様) CommonJS により提唱されたものですが、昨年あたりからクライアントサイド (ブラウザ) で JavaScript モジュールを構築する仕組みとして各所で一気に取り上げられ、現在ではクライアントサイドの主要なライブラリでもサポートされてきている(AMD によるモジュールとして利用できる)状態にあります。 モジュールに依存性を指定する仕組みも用意
$ tar --use-compress-program=lzop -cf ~/sample.tar.lzo sample $ tar --use-compress-program=lzop -tvf ~/sample.tar.lzo $ tar --use-compress-program=lzop -xf ~/sample.tar.lzo Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
var FPS = 60; var FILE_COUNT = 1000; document.addEventListener("DOMContentLoaded", function(){ //create fragmented disk map var files = []; var total = 0; for(var i = 0; i < FILE_COUNT; i++){ var mean = Math.floor(Math.random() * 20); var part = []; var size = 0; while(size < mean){ var s = Math.floor(Math.random() * (mean - size)); if(s == 0){ s = 1; } var p = { "addr": -1, "size": s }; part.push
CSS3DRenderer.js と PDBLoader.js を使ってみるテスト。 <対応した点> ・Three.js公式サイトの分子表示のサンプルを単一の分子を読み込むよう修正。 <参考> ■ three.js css3d - molecules http://threejs.org/examples/css3d_molecules.html // forked from three.js css3d examples - molecules http://threejs.org/examples/css3d_molecules.html var camera, scene, renderer; var controls; var root; var objects = []; var tmpVec1 = new THREE.Vector3(); var tmpVec2 = new T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く