grunt-mustache-renderでhtmlを量産する - Qiita
grunt-mustache-renderを使い、テンプレートファイルとデータファイルから、複数のHTMLファイルを量産します。 grunt-mustache-renderの設定 grunt-mustache-renderの設定はこんな感じです。 grunt.initConfig({ ... mustache_render: { mass: { files: (function() { // データを読み込む var allData = require('./data.js'); var files = []; for (var pageName in allData) { var pageData = allData[pageName]; // files配列にオブジェクトを追加 files.push({ // ページデータ data: pageData, // テンプレートファイル（共
ファイルリストを書き出してくれるWebアプリを作りました - Qiita
HTML5の機能調査がてら、フォルダのドラッグ＆ドロップで、ファイル一覧をテキスト書き出ししてくれるWebアプリを作りました。 FilelistMaker [Chromeでお試しください] 以下、散漫とした内容ですが、制作メモになります。 1.ドロップしたフォルダの内容を読み取る ドラッグ＆ドロップのAPIは、ほとんどの主要なブラウザで実装されています。このAPIを使うと、（ブラウザによっては？）単一のファイルだけではなく、複数のファイルを操作することも可能なようです。 ただ、ドロップされたデータが「ファイル」なのか「ディレクトリ」なのかを取得したり、さらにディレクトリ内のデータを読み取ったりするには、File API (Directories and System) が必要になります。このAPIは現在ではまだChromeでしか実装されていません。 このような理由から、このアプリも残念なが
フロントエンド開発今昔物語 - Qiita
フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 いつしかWebデザインは分業化されるようになりました。おじいさんは久しくデザインをしていません。現在の彼の仕事は、デザイナから受け取ったPhotoshopデータを基にWebサイトを制作することです。それはHTML5サイトというとても都合の良いバズワードでまとめらてしまうこともあります。このことについて、おじいさんはやり場のない憤りを抱いています。 HTML/C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
