Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ
これだけは講読したい！デザイナー向け海外ブログ厳選20本+α | 素材系・ノウハウ系 etc.
使える資金が少なく、宣伝広告にリソースを割けないスタートアップ。ユーザを増やし、サービスを使ってもらうための有力な施策の一つは、良いデザインを採用することです。 先日、日本発のOrigamiがスタートアップ界隈で有名になりましたが、優れたデザインが高く評価されたことは記憶に新しいでしょう（記事：出資元のKDDIがデザインセンスを高く評価、5億円を出資）。スタートアップといえども、デザインを軽視することはできないのです。 Webデザインだけでなく、最近ではアプリのUIなど、デザイナーの仕事は広がっていくばかり。忙しさを理由に、日々の情報収集を日本語のブログだけで済ませていませんか？ 良いデザインを誰よりもいち早くキャッチアップしサービスに活かすため、海外ブログの購読はもはや常識と言っても過言ではありません。 このエントリーで取り上げるブログのカテゴリは以下の通りです。 ● デザイン方法論系
Creative CSS3 Animation Menus | Codrops
Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements. Being in the mood for experimenting with CSS3
プロジェクトの開始までにWebディレクターが用意するものとこと13個まとめ
さて、発注が決まった。クライアントからの要望はまだフワっとしてるけど、納期は何となーく見えている。（もしくは納期だけがカッチカチに決まっている）。 この状態からプロジェクトの本格スタートまでにディレクターが用意するべきものは何があるんだろう？今日はそのへんをまとめてみます。 ゴールまでのざっくりストーリー たとえばコーヒーのポータルサイトだったとして「コーヒーに関する情報なら何でもあります！」って言っても何も始まらない。そこにあるストーリーを多少適当でもいいのでドラマチックに盛り上げてしまいます。 1：店主はかつて2店舗のカフェを切りもりした実店舗の経営者 2：学生の頃からカフェが好きで、なんとか自分の理想のカフェを作りたかった 3：それは、カフェの持つ独特の雰囲気とコーヒーの香りが大好きだったから 4：だから、自慢のカフェの雰囲気を全国どこにいても感じてもらえるサイトを作りたかった。とか
Blog
明示的 意味 แพลตฟอร์มการเรียนรู้และพัฒนาทักษะด้วยเทคโนโลยี https://suin.io เป็นแพลตฟอร์มที่ให้คุณเรียนรู้และพัฒนาทักษะทางเทคโนโลยีอย่างสะดวกสบาย เรามุ่งมั่นในการให้ความรู้และประสบการณ์ที่มีคุณค่าในการพัฒนาตนเอง pascalcase
jQuery Tooltip Plugin Demo
Three elements with tooltips, default settings Link to google Input something please! Code $('#set1 *').tooltip(); Using bodyHandler to display footnotes in the tooltip Some text referring to a footnote. Code $("#foottip a").tooltip({ bodyHandler: function() { return $($(this).attr("href")).html(); }, showURL: false }); An image with a tooltip Code $('#tonus').tooltip({ delay: 0, showUR
The Newbie's Guide to Test-Driven Development | Envato Tuts+
Testing your code is annoying, but the impact of not doing so can be orders of magnitude more annoying! In this article, we'll use test-driven development to write and test our code more effectively. What is Test-Driven Development? Since the dawn of the computer era, programmers and bugs have battled for supremacy. It's an inevitable occurrence. Even the greatest programmers fall prey to these an
サイトを儲かるように作る
お客が集まるホームページの作り方について いまどきホームページも無い企業は信用という点でも問題があるように感じます。 国民の７割から８割がインターネットを利用する時代にホームページが無いのは致命傷だといえます。 しかし個人の趣味のようなデザインでは論外でしょう。あればいいというものでもないです。 企業や商品やサービスを探すのに、或いは調べものや調査でインターネットは頻繁に利用されています。 あなたが新規客にセールスをして、話しを聞いてもらえた、感触もよきので見込みができた。 先方の担当者が上司に報告する、するとどんな会社なのかホームページをコピーするように言われたとします。 ところが探してもホームページが無い。そこで商談は打ち切り。 そうなる前にホームページを見直してください。 ともかくアクセスを集めないと話になりません。ということで検索エンジン対策（ＳＥＯ）ということになります。 ただし
Rubyist Magazine - スはスペックのス 【第 1 回】 RSpec の概要と、RSpec on Rails (モデル編)
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
Mac デ Homebrew ノススメ | CaCi - Takahiro's Kitchen
Homebrewとは HomebrewはMacPorts AlternativeなMac OS X専用のパッケージマネージャです。自家醸造酒 (home brew) を語源としており、Homebrewを通じて導入した各パッケージはCellarと名付けられたフォルダのもと管理されます。（ちょっとオシャレです←ココ大事です） “Homebrew is the bee’s knees, friends. So far it’s a perfect replacement for MacPorts.” Homebrew公式ウェブサイトより bee’s kneesは「飛び抜けて良いもの」という意味だそうです。うーん？ それはさておき、Homebrewの簡単な特徴として、 Rubyで記述されているのでインストールもRubyコマンドで行う /usr/localフォルダにインストールされるため、MacP
SQLer 生島勘富 のブログ
WebシステムにMVCを適用するのは間違っています（正確にはインターフェースが足りません）。 paperface.hatenablog.com このように思考停止したエンジニアにはわからないかもしれませんが、もう一度解説してみましょう。 目次 目次 そもそもMVCとは？ 歴史を振り返ってみましょう インピーダンスミスマッチとORMの登場！ こうあるべきでしょう？ ストアドプロシージャにすることに問題はないの？ Fetch してグルグルしない 文字列連結は要らない どちらが極端ですか？ 分離開発するべき そもそもMVCとは？ MVCができた頃 MVCは、スタンドアロー向けのプログラムがあまりにぐちゃぐちゃだったので、「違う機能は疎結合にしよう！」という考えで作り出されました。 1980年代の頃のお話です。 それ自体は正しいです。 歴史を振り返ってみましょう Webシステムを「MVCに適用させ
inprester.com
Buy this domain. inprester.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
【Eclipse】【PHP】Mac OS XにEclipse PDT + Pleiadesをインストール・初期設定 : バコラー日記
オープンソースのIDE（統合開発環境）であるEclipseをインストールしました。本来、Java言語向けの統合開発環境として利用されることが多いけど、プラグインをインストールすることでJava以外の言語での開発を行うことも可能です。 今回はPHPの開発環境を整えるため、PHP開発用プラグインであるPDT（PHP Development Tools）を入れました。あと、Eclipse本体とプラグインを日本語化するPleiades（プレアデス）というプラグインも入れました。 Eclipse PDT + Pleiadesの環境設定も下記の本を参考にしました。 PDTのAll in Ones をダウンロード、インストールEclipse PDTのAll in Ones を下記のページからDLします。 ・PHP Development Tools (PDT) - Downloads 色々ありますが「P
JavaScript入門
HOME JavaScript入門 ここでは、ビギナーの方を対象としたJavaScriptの解説を行っています。 JavaScriptは、Webページに組み込んでいろいろなアクションを起こすことができます。 是非JavaScriptを覚えて、一ランク上のWebページ作りに励んでみて下さい。 当サイトでは主に「初めてJavaScriptを触る人」、特にプログラム自体初めての方を対象にしています。 初めての方は様々な専門用語が出て来ると非常に難しく感じることがあるので、ここでは極力専門用語を使わないようにしています。 ここで書かれてあることをマスターしたなら、 後は色々なサイトでレベルを磨いていってください。 なお最初に断っておきますが、JavaScriptを理解するにはHTMLをある程度使える必要があります。 HTMLを十分使えない方は、まずそちらを勉強なさって下さい。 HTMLを理解してい
スタートアップ研修記 » PHP クラス定義
uchiumiです。 今日のPHPはクラス定義について学びました。 大きな規模のプログラムになっていくと、今までやってきたような書き方だと変更が大変だったり管理するのに限界がきてしまうとのことでした。 そこで、オブジェクト指向という考え方の「クラス」というものがあるので、それを使っていこうということでした。 クラスとは設計図みたいなもので、クラスを定義するには、 class クラス名{} というように書き、{}の中にフィールドやメソッドを書いていきます。 ・フィールド フィールドの種類は「クラス変数」と「インスタンス変数」があり、 それぞれ以下の様な書き方で定義します。 private static $クラス変数名= 0; private $インスタンス変数名; クラス変数というのはインスタンスを生成しなくても仕様することができ、全体で共有される変数です。 この変数をクラス内で使うときは、
5分で絶対に分かるオブジェクト指向 ― ＠IT情報マネジメント
開発の世界では一般常識化 オブジェクト指向――Object Oriented（OO）という考え方は、JavaやUMLの普及に伴っていまや開発の世界では一般常識化してきました。OO関連の書籍や専門誌特集記事など多数出版されていて、開発に携わっている皆さんはある程度オブジェクト指向の考え方について自分なりに理解できていると思います。そもそもオブジェクト指向の考え方の歴史は古く、最後の“指向―Oriented”は余韻を含んだ言葉ですが、人によりOOの理解の仕方に若干幅があるようです。今回は筆者流にオブジェクト指向の基本的考え方を5枚の図を用いて簡単に整理してみたいと思います。 もう 少し時間のある人は、連載「ここから始めるオブジェクト指向―オブジェクト指向基礎講座」（全8回）をご参照ください。さらに時間と興味のある人は、連載「オブジェクト指向の世界」をご参照ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www38.atwiki.jp/lumen_ryoudo/pages/1.html
bitbucketの使い方
PHPUnit: The PHP Testing Framework
http://dev.mysql.com/doc/refman/5.1/ja/innodb.html