HTML、CSS、JavaScriptをChromeでライブコーディング！

menu

2017年6月12日

こんにちは！
コーディングパックを運営しております、
株式会社だいずらぼの沖浦奨です。

みなさん、いかがお過ごしですか？
梅雨入りしていますが、
晴れの日が多くこの先もまとまった雨がなく、
長い梅雨の中休みになるようですね。

－－－－－－－－－も　く　じ－－－－－－－－－－－
★HTML、CSS、JSをChromeでライブコーディング！
ChromeタブをWeb開発ツールに変える拡張機能！
『Web Maker』の紹介

★ スタッフのおすすめの本
『小さな会社のWeb担当者のための
HTML5/CSS3とWeb技術の常識』

★ CP TIMES 6月号について

－－－－－－－－－－－－－－－－－－－－－－－－－

━━━━━━━━━━━━━━━━━━━━━━━━━
★HTML、CSS、JSをChromeでライブコーディング！
ChromeタブをWeb開発ツールに変える拡張機能！
『Web Maker』の紹介
━━━━━━━━━━━━━━━━━━━━━━━━━

HTML、CSS、JSのコードをデバッグするために、
簡単に表示を確認できたらってことはないですか？

実はそんなことができるツールがあります。

ChromeのタブをWeb開発ツールに変える拡張機能、
『Web Maker』というツールがあります。

HTMLやCSSはもちろん、
JavaScriptも気軽にコードが書けて、
リアルタイムでプレビューできます。

jQuery等の定番ライブラリもリストから呼び出せ、
オートコンプリートやemmetにも対応しているので、
普段業務で使用している環境と変わりなく、
スムーズにコードを書けるんです。

さながら、CodePenやJSFiddleのように、
ブラウザ上でライブコーディングが行えます。
完成したコードはボタンひとつでHTMLとして、
ダウンロードしたり、CodePenで公開することも。

とても軽快な動きで、
ブラウザからスピーディーに立ち上げられるので、
検証作業にとても重宝しています。

保存機能もあるので、
ちょっとしたメモや備忘録としても使ったりと、
私の開発環境では欠かせないものになっています。
(ato)

☆Web Makerについて
https://webmakerapp.com/

━━━━━━━━━━━━━━━━━━━━━━━━━
★スタッフのおすすめの本
━━━━━━━━━━━━━━━━━━━━━━━━━
『小さな会社のWeb担当者のための
HTML5/CSS3とWeb技術の常識』
H2O SPACE (著)

目まぐるしく変化し続けるWeb業界。
新入社員から
「なぜブラウザによって見え方が変わるんですか？」
と聞かれ、
あたりまえじゃん！と思いながら、
いざ説明しようと思うと「はて？」となる。

本書では、Webに関係する基礎知識から、
コーディング、サーバーに関することまで、
まるっと1冊に収まっております。

ディレクター、デザイナー、コーダーが、
Webの基礎となる部分を共有できていれば、
不要な質問や手戻りが減り、
仕事の効率化ができるのではないでしょうか。

たくさんの情報の中から、
基礎的な情報をピックアップしてくれているので、
短時間でWebの知識を勉強したい方におすすめです。
(saori)

☆amazonでの詳細について
https://www.amazon.co.jp/o/ASIN/4883379280/

━━━━━━━━━━━━━━━━━━━━━━━━━
★CP TIMES 6月号発刊！
━━━━━━━━━━━━━━━━━━━━━━━━━
今回の特集記事は、

『グラフィックデザイナー向け
WEBデザイン制作のポイント』

です！！

定期購読のお客様宛てに配送が完了しました。

まだ一度もCP TIMESを見られていない方は、
6月号の在庫がある分のみに限られますが、
ご希望の方には無料でお送りいたします。

☆CP TIMES 6月号の配送希望について
https://www.codingpack.jp/request/

☆CP TIMES 4月号(バックナンバー)について
https://www.codingpack.jp/news/1704/

━━━━━━━━━━━━━━━━━━━━━━━━━
★下層ページデザイン、人足りていますか？
━━━━━━━━━━━━━━━━━━━━━━━━━

【下層ページデザイン＆コーディング】

こんなお悩みのある方は、1ページ～お試しください！

・新規デザインのための
クリエイティブな時間を確保したい・・・

・案件が重なっても、
良い案件を逃さず受注できる体制を作りたい・・・

◇1ページあたり（コーディング込み）
15,000円（税別）～30,000円（税別）

☆下層ページデザインについて
http://c1c.jp/3972/C7nt69/0

━━━━━━━━━━━━━━━━━━━━━━━━
★これって、WordPressで対応できるの？
━━━━━━━━━━━━━━━━━━━━━━━━━

WordPressってどんなもの・・・
どこまでのことが実現できるの・・・

実は、WordPressには特徴が３つあります。

○柔軟なカスタマイズ

会員・商品管理機能、検索システム、ECサイト機能など
お客様のご要望通りにサイト構築ができます。

○運営コスト削減

一度初期導入を行えば、
情報発信やシステムの運用が自社で行えるため、
運営コスト削減につながります。

○豊富なプラグイン

プラグインが豊富にそろっており、
機能追加も比較的スムーズに容易にできます。

ご要望に合わせてご提案いたします。

◇WP組み込み　　20,000円（税別）～

◇更新箇所　　　20,000円（税別）～(1ループ)

☆WordPressについて
http://c1c.jp/3972/r5p6Mf/0

━━━━━━━━━━━━━━━━━━━━━━━━━
★リソース状況
━━━━━━━━━━━━━━━━━━━━━━━━━

【リソース状況の見方】
○：有り　△：調整可能　×：無し

リソース状況は日々変わりますので、
詳しくはお問い合わせください。

☆リソースのお問い合わせについて
http://c1c.jp/3972/u6HxQN/0

最後までお読みいただきありがとうございました！

スタッフ一同、満足いただけるように努めてまいります。
今後ともよろしくお願い申し上げます。

メールマガジンの解除について
http://c1c.jp/3972/UJyVem/0

━━━━━━━━━━━━━━━━━━━━━━━━━
コーディング専門代行コーディングパック運営

株式会社だいずらぼ（http://www.daizu-lab.jp/）
神戸市中央区元町通4-6-21　ジュネスビル6-1
TEL：078-341-7550/FAX：078-341-7560
HP http://www.codingpack.jp/
FB https://www.facebook.com/codingpack/
Email：codingpack@daizu-lab.jp
━━━━━━━━━━━━━━━━━━━━━━━━━

コーディングパックのメールマガジン

HTML、CSS、JavaScriptをChromeでライブコーディング！｜コーディング代行・外注のコーディングパック

HTML、CSS、JavaScriptをChromeでライブコーディング！

スタッフブログ