2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ: gulp タグ:gulpタスクランナー タスクランナーの一つであるgulp(ガルプ)。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは? gulpで何ができるのか? 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.
Webアクセスにおけるスマートフォン比率が高まるにつれ、多様な「変換サービス」が出揃ってきた。これまで企業サイトのスマホ対応はスクラッチ(ゼロからの独自開発)での制作が主流だったが、今後は、ワンソースでマルチデバイスに対応できる「PCサイト → スマホサイト変換」サービスの導入が常識になるだろう。企業担当者からすれば、開発、運用におけるサイトのコストパフォーマンスやマーケティング的な利便性が重要となってくるからだ。 検索するだけでもさまざまな変換サービスを見つけることができるが、今回は企業サイトに相応しい変換サービスの選び方とともに、「PC → スマホ」変換に絞り、製品をピックアップして紹介する。 ADPLAN SG(オプト) ショーケース・ティービーのエンジンを採用、ADPLANシリーズの各種ツールと連携Mobify(ドーモ) 米スターバックスほか、海外で2万件以上の実績を有するツールの
レスポンシブWEBデザインはその特徴から、レイアウトの自由度が低いと言われています。どのようなデザインにするのかは悩ましい問題とも言えるでしょう。 そこで今回は前回のレスポンシブWEBデザインの基本に続き、実際の事例とともにデザインや設計における注意点を紹介していきます。 1、各デバイスのサイズを把握しましょう! レスポンシブWEBデザインの最大の特徴はなんと言っても、色々な端末から見れるということ。設計する前に端末のサイズを把握していなければ、始まりません。 参考までに主要なディスプレイサイズを図にしてみました。 ユーザーがいつどんな環境でサイトを見るのか、考えてみることが大切ですね。 2、よく使うブレークポイントはこれだ! どの画面サイズでも見やすいサイトになるよう適切なブレークポイントを設定しましょう。 ちなみにSRE BLOGでは1160,1080,1024,985,960,940
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.7倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.7倍くらいの感じじゃないでしょうか? 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
Pros Super easy to use A comprehensive amount of data that’s easy to filter Easy to download and manipulate reports Link analysis - excellent tools and data Cons Chrome writing assistant extension doesn’t work properly Some advanced features poorly executed Older historical data seems inaccurate The information below is a comprehensive review of the SEMrush product written with the beginner in min
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く