捗るかもしれないフロントエンド開発環境LiveReload connect + proxy + easymock testem mocha + expect + sinon assemble、foreman.... などを試してみた話です
Assemble doc
assemble_doc.md Assemble AssembleはNode, Grunt, Yoman向けに作られた静的サイト生成ツール。 将来的にはCLIを用意する計画 当面はGruntに依存した形 最速でAssembleの使い方を学ぶには、assemble/buttons、assemble/grunt-init-assemble、assemble/generator-assembleあたりから始めるといいかもしれない About Assembleは@jonschlinkertと@doowbによって、デザイナーとデベロッパーが共通の画面を得られるように開発された。 What you won't find in Assemble "Blog awareness" これが意味するのは、”特定のフォルダに投稿を作ったとき、投稿を検知してそれをブログにレンダリングする”こと。 Special
Web サイト案件ふりかえり
開発部の稲尾です。 今回、業務で初めてパラッラクスサイトのコーディングから実装までを行いました。作業過程で色々と新しい事を試す機会がもてて有意義でした。今回はその中から個人的に共有したいと思った点を紹介したいと思います。 大きく分けて以下の 3 点が今回のトピックになります: Grunt によるタスク自動化HTML/CSS/JavaScript の役割分担Backbone.js によるフロントエンド MVC と OOP の実践それでは順に紹介して行きたいと思います。 Grunt によるタスク自動化Grunt とはGrunt は Node.js 界隈でもはや定番となったビルドツールの一つです。 Makefile や Ant、もしくは Maven や Rakefile と言ったものをご存知の方もいるでしょう。ソフトウェアをソースコードから実行形式に変換する際、決まりきった変換作業を、変換の度に
Jade をもっと便利に使う Tips | blog.makitasako.com
Jade をもっと便利に使うための Tips。インターネットでかき集めたものを実際に試して咀嚼してみた。 Gruntfile の設定のみで出力コードを変更する 地獄の“大開発者”養成ブログ — grunt-contrib-jadeのめんどくさいパラメータ渡しをラクにしよう 例えば about/about.html というページがあって、titleタグだけ index.html と変えたい場合。外部コンフィグファイルを2つ用意する。 ベースとなる config.json { "title": "My website", "description": "My website description", "keywords": "hoge, hoge, hoge", "items" : [ { "pic": "apple.jpg", "alt": "りんご", "link": "http://り
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
Jadeのテンプレート機能を使ってみる | バシャログ。
GTA5の発売が待ち遠しい三十路、minamiです。 前回インストールからファイルをコンパイルするところまでさわってみたJadeで、更に便利な機能を使ってみました。 extendsとblock Jadeではテンプレートの継承を行うことができます。サンプルとして下記のような_layout.jadeを作りました。 !!! 5 html(lang="ja",dir="ltr") head block meta block title body block header block content block footer 短すぎてなんのことやらわかりませんが、これはテンプレートのひな形です。 これを拡張する形で、index.jadeを作ります。 extends _layout block meta meta(http-equiv="content-type",content="text/html
マークアッパー的 Jade 入門 21 の手引き | e2esound.com業務日誌
元ネタ: マークアッパー的 Haml入門21の手引き Slim 版書いた: マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌 Jade は, JavaScript 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Haml の影響を受けています。関係としては, Haml > Jade > Slim といったように影響を受けているため, それぞれ似通った機能を持っています。 Haml と Slim の同様の記事があるのでどうせなら Jade もあれば比較できるのかな? ということで書いてみます。 Jade は実務で使用したことがないので誤りがある可能性があります。一通りドキュメントは確認していますが誤りがあればご指摘いただけるとありがたい。 ※ ターミナルでコマンド実行を記述する場合$ command のように頭に $ をつけて記述して
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jade Template Syntax Documentation by Example