menu

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

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には特徴が3つあります。

○柔軟なカスタマイズ

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

○運営コスト削減

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

○豊富なプラグイン

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

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

◇WP組み込み  20,000円(税別)~

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

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

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

【6月】
コーディング |デザイン
06月15日(木) △ |○
06月16日(金) 〇 |〇
06月17日(土) △ |〇
06月18日(日) △ |〇
(2017年06月15日現在)

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

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

☆リソースのお問い合わせについて
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
━━━━━━━━━━━━━━━━━━━━━━━━━

初めてのお客様はこちらからどうぞ

お見積りはこちらから

資料請求はこちらから

wordpress実装 初期費用0円 ワードプレス構築

下層ページデザインサービス

Coding Pack News Letter

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

お得な情報満載!

バックナンバーはこちら

最新納品実績

  • コーディング

    2P

    2018.05.07

    服飾メーカー

  • コーディング

    1P

    2018.05.01

    不動産

  • コーディング

    1P

    2018.04.30

    専門学校

  • コーディング

    5P

    2018.04.27

    インテリアメーカー

  • コーディング

    1P

    2018.04.27

    美容メーカー

more

pagetop