AUTOCODINGを使って８ページのコーディングとWordPress化を４時間でやってみた-前編- by Risa · 2015年4月24日 こんにちは、Risaです。 満を持してがっつり実践に沿った記事を書きたいと思います。 記事が長いので、前編・中編・後編の3分に分けさせていただきました。 中編・後編の公開は今しばらくお待ちくださいませ。 中編・後編も公開しました！ AUTOCODINGを使って８ページのコーディングとWordPress化を４時間でやってみた-中編- AUTOCODINGを使って８ページのコーディングとWordPress化を４時間でやってみた-後編- 今回はAUTOCODINGを使用して、たった4時間で、コーディングからWordPress化まで制作をしてみました！ ガチンコタイムアタックです。 コーディングはAUTOCODINGを使用し、WordPress化の部分は手

AUTOCODINGはデザインデータを基に、HTMLを自動で生成するエンジンです。 Photoshopデザインデータをアップロードするだけで、 HTMLとCSS、画像ファイルが出力されます。 SEOに最適化された美しいHTMLを出力します。 セマンティックコーディングを重視したHTMLですので、 その後の運用対応も柔軟に行うことができます。

サイト丸ごと生成！HTML自動制作エンジン「AUTOCODING」が新バージョン公開 ネットサービス 株式会社プレートは、デザインデータからHTMLコーディングを自動で制作するエンジン「AUTOCODING」の新バージョンを公開した。これまでLPやキャンペーンサイトなどの単一ページ制作を得意としていたが、複数ページある一般的なサイト制作も可能となり、より「使える」サービスへと進化を遂げた。 ニュースリリース　　　　　　　　　　　　　　　　　 　　　　　　　　　　　　　　　　　2015年4月23日 報道関係者各位　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　株式会社プレート サイト丸ごと生成！HTML自動制作エンジン「AUTOCODING」が新バージョン公開 2015年4月23日　株式会社プレートは、デザインデータからHTMLコーディングを自動制作するエンジン「AUT

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

What do people in Silicon Valley plan to do once they are over 35?

昨日4/21より、Googleのモバイルフレンドリーアップデートが開始となります。モバイル対応していないと、モバイルの検索ランキングが下がるというものです。 本格的なスマフォ時代の到来を感じます。実はすでに、ほとんどの人はスマフォからウェブを見ているんですよね。 いつの間にか、スマフォサイトを作れないと話にならない時代になってしまいました。 PCでウェブサイトを見ている人は少数派に わかったブログの最近１か月のデバイス割合の円グラフです。モバイル+タブレットからのアクセスは64%です。 2013年4月は40%、去年2014年4月は53%と、モバイルからのアクセスは着実に増えています。今後はもっと増えていくでしょう。最終的には70%くらいまで行くのではないでしょうか。 スマフォサイトを作れないと話にならない ちょっと前までは、スマフォ用デザインはPCサイトのオマケのようなものでした。これから

よくプログラマー（エンジニア）は、 数学が得意な人じゃないと出来ないとか言われたりしますが、 個人的には数学というより、 英語が出来る（好きな）人の方が有利だと思っています。 だってプログラミングってコメント以外英語ですし。 「なでしこ」とかはありますけどｗ 僕は学生時代、どちらかと言うと数学が苦手なタイプでしたが、 英語はわりと出来る方でした（というか好きだった）。 もちろん、数学も出来た方が有利に決まっていますが、 普通にご飯を食べていく分にはそんなに必要無いと思います。 ということで、 英語の意味を理解すると、仕事が更に捗るんじゃないかと思いまして、 プログラミングとかウェブで出てくるけど、 ちょっと意味が分かりづらい英単語30個をまとめてみました！ プログラミングで出てくる英単語30選 英単語読み方意味 allocate アロケート 割り当てる attr（attribute） アト

こんにちは、Risaです！ CSS3が普及してから、CSS3を利用してグラデーションを制御することも多くなってきました。 AUTOCODINGでも、もちろんCSS3でのグラデーションの書き出しに対応しています。 ▼AUTOCODINGで出力した角丸四角のCSS3グラデーションサンプルです。 DEMOを見る AUTOCODINGでは、photoshop上でグラデーションを指定したシェイプを置いておくことで上記のようにhtmlとcssで出力されます。 CSS3って言われてもよくわからない・・・というデザイナーの方でも Photoshopデータを作るだけで簡単に書きだすことが出来るので、ぜひ活用してください！ 今回は、グラデーションの中でもよく使われている組み合わせや、使いやすいと思われる汎用的なグラデーションを コピペで使用できるようにまとめました。 角丸も組み合わせたい場合にはDEMOのCS

今回はAUTOCODINGでBackgroundを指定する方法を紹介したいと思います。 【1枚の大きな画像を書きだそう】 １枚の大きな画像として書き出したい場合は#bgタグをつけることで、背景画像として切りだされます。#bgタグをつけるだけ。簡単ですね。 【background-colorで背景を書き出そう】 ベタ１面(黒一色など)の場合にも#bgタグをつけることで自動でbackground-color:#000000;などベタ塗りされている背景色のカラーコードが書き出されます。 白一色の場合には、背景画像を非表示にしておくことで、自動的に白背景が書き出されます。 【パターン化される背景を書きだそう】 パターンを敷き詰めた背景画像を指定する場合のみPhotoshop上で上記タグ以外の準備が必要になります。 例：パターンをしきつめた背景画像を指定する場合 デザイン上では上の画像のように、既に

Web Design ScratchWebデザインからガジェットまで、web制作に役立つまとめ情報をお届けします

AUTOCODINGはCSS3での書き出しにも対応しております。 ・角丸長方形ツールを使用した角丸の処理をCSS3で行う 必ず「角丸長方形ツール」を使用して作って下さい。 それ以外の方法で作られた角丸の図形はCSS3として反映されない可能性があります。 また、ラスタライズされている場合は、画像として書き出されるのでCSS3で書き出したい場合はラスタライズをせず、シェイプのまま残しておくようにして下さい。 色の指定は、シェイプ自体に指定するか、レイヤースタイルで指定するかのいずれかにして下さい。 両方で指定をしている場合、書き出しに失敗する可能性があります。 【シェイプの設定で処理をしたい場合】 【レイヤースタイルで処理をしたい場合】 ・各種影などの処理をCSS3で行う -境界線 -シャドウ(内側) -光沢(内側) -カラーオーバーレイ -グラデーションオーバーレイ -光沢(外側) -ドロッ

「どうせなら、切りとる部分は二流のエンジニア発言か、法律の循環的複雑度計算の部分だよねー。pv的にも」 先日掲載した開発者イベント「デベロッパーズサミット2015」基調講演記事について読者のおひとりからそんな声をいただいた。リクエストにお答えして、ドワンゴ川上量生会長兼CTOが法律の循環的複雑度（とはなんぞや）について語ったところを書いちゃおうと思う。めちゃ面白い話なのだ。 ドワンゴでCTOとしてやった唯一の仕事 まずドワンゴ川上会長はCTO（チーフ・テクニカル・オフィサー）という肩書きでありながら、本人いわくCTOらしい仕事をしておらず「象徴CTO」（川上会長）のような存在だ。そんな中でCTOとしてやった唯一の仕事が「循環的複雑度」の話だ。 循環的複雑度とは何か。要は、プログラムにどれだけバグが出やすいかを判別するための計算方法だ。 さかのぼること2年前、ドワンゴの生放送サービスである「

「主婦ゆに！」は、主婦でプログラミング経験が全くない主婦さんこと@Somelu01氏が、３ヶ月間Twitter上でUnityを勉強して、最終的にはOculus Riftを使った初音ミクのゲームを作ってしまった企画だ。 なお、その記録はTogetterに全てまとめられている。 【主婦ゆに！】「もしも、プログラミング経験がない文系の主婦がUnityをはじめて1ヶ月でミクさんを出してダンスさせることができたら」 – Togetterまとめ 【主婦ゆに！】 第二章 【主婦ゆに！】 – Togetterまとめ 主婦ゆに！ 第三章 – Togetterまとめ 主婦ゆに！ 第四章 – Togetterまとめ 「主婦ゆに！」が書籍化されました！（2015年2月19日追記） 「主婦ゆに！」に参加するまで、ゲームづくりだけでなくプログラミングの経験もなかったという＠Somelu01氏。PCに触るのは家計簿をつ

HTMLとかCSSのコーディング業務ってチマチマしてて嫌になる時ありませんか？ 僕はあります。一つ一つ細かい箇所を潰していく作業は発狂しそうになります。 今までもAdobeのDreamWeaverやMUSEだったり、Photoshopの書き出しの機能として 直感的にコーディングを行ってくれるもの。 または、WixやJimdooのようなWEBサイト作成サービスは沢山ありますが、どれも内部のソースがぐちゃぐちゃだったりするので、業務で使うには厳しいものばかりでした。 ところが先日発表されたAUTOCODINGというサービスは、そんなデザイナやプログラマにとって、かゆい所に手が届くサービスになっているようです。 サービスの謳い文句としては ・SEOに強いコーディングが可能。 ・最新のフロントエンド技術に対応。 ということで、これが本当ならWEBに携わる人にとって救世主になりそうですね。 無料体験

株式会社プレートさんが、AUTOCODINGというサービスを開始されました。デザインファイルからコーディングを自動生成してくれるというサービスですが、さわりだけ聞くといかにも眉唾な感じです。ほんまにちゃんと作ってくれるんかいな？　ということで試してみました。 試すには無料体験に申し込む必要があります。わたしの場合、入力したメールアドレスが間違っていたらしく、後日プレートの方から電話があり正しいメールアドレスを聞かれるというステップを踏みました。プレートの担当者様、たいへんお手数をおかけしました。ありがとうございます！ 無料体験に申し込むと、ログインページのURLとID、仮パスワードがメールで送られてきます。そのIDでログインしたところがこちら。 チュートリアルは手とり足とり教えてくれるというよりは、管理画面の概要をかんたんに説明してくれるコンテンツです。まずはマニュアルを読んでみました。

HTMLコーディング制作スピードを4倍にするASPサービス「AUTOCODING」を発表 ネットサービス 株式会社プレートは、デザインデータから、HTMLコーディングを自動で生成するエンジン「AUTOCODING」を発表、販売を開始した。AUTOCODINGは、コンピュータがWebデザインデータを解析し、HTMLコーディングを自動生成するASPサービス。価格は１枚1080円（税込）から。 株式会社プレートは、デザインデータから、HTMLコーディングを自動で生成するエンジン「AUTOCODING」を発表、販売を開始した。価格は月額利用料32,400円（税込）とコーディングを生成するごとに発生する従量課金が１枚1080円（税込）から。 AUTOCODINGは、コンピュータがWebデザインデータを解析し、HTMLコーディングを自動生成するASPサービス。 今までは制作者が手作業で行っていた「HT