生まれ変わったDreamweaver CC 2017をいじってみた！Codaから出戻る…かも…
2016年11月7日 便利ツール 数日前Adobeのエディターツール、Dreamweaver CC 2017が新機能とともにリリースされました。過去にDreamweaverからCodaに乗り換えた私ですが、苦楽をともにしてきたCodaさんがどうもアップデートのたびにプラグインがうまく動かないなど、使いづらくなってきて…。そんな時に新生Dreamweaverの情報を耳にしたので、さっそく試してみました。 ↑私が10年以上利用している会計ソフト！ Dreamweaver CC 2017をインストール Adobeのツールはサブスクリプションモデルなので、Creative Cloudに契約する必要があります。Photoshop CCやIllustrator CCなど、多彩なAdobeツールが使い放題のコンプリートプラン（月額4,980円）、Dreamweaverのみ利用できる単体プラン（月額2,1
Sassに移行したのでどんな環境でサースってるのかをまとめてみた件
皆さん元気にSassってますか? 大変いまさらなんですけども、ようやっと当ブログのデザイン面の環境をSassに移行しました。 というわけで、どんな環境でSassってコンパイルしてアップロードしてるのかってのをまとめてみましたよ。 結構前から「いい加減そろそろ覚えて使うようにしないと･･･!」と思っていたんですがねー。 現在やってる仕事がひたすら系なもんで、その合間の気分転換にしようじゃないかってことで、ようやく今頃になって手を付けました。 いやー、実際やり始めると楽しい楽しい。今までなんで放ったらかしてたんだろうと激しく後悔。CSS書くのがめっちゃラクですなー。 Sassってなんじゃい? もう話題になってからずいぶん経ちますし、別にいまさら説明するもんでもないんですけど一応。 SassはCSSを記述するために開発されたメタ言語のことで、これを利用することで長くなりがちなCSSのコードを短く
Coda2でSassを使う方法 | 埼玉のWebコンサルタント ColdSleep Works
（投稿日：2014年09月15日） CSSをもっと効率的に管理したい！ってことで話題の「Sass」を使ってみることにしました。今回はCodaでSASSを使う方法を紹介します。 Sassってなに？ CSSを拡張するメタ言語…って言われても全然ピンとこないですよね。CSSを効率的に編集できる機能拡張みたいなものです。変数が使えたり、構文をネスト化できたり、良く使うスタイルを定義して呼び出したり、プログラミングっぽい感じでCSSを編集できます。 黒い画面を使うので敬遠してましたが、Codaを使えば黒い画面をほとんど意識しないで簡単に使えます。 CodaでSassを使えるようにする手順 ステップ１：Codaのターミナルでローカルホストに接続 最初だけ黒い画面（ターミナル）を使います。でも一瞬だけだから我慢してください。下記のコマンドを入力するだけで自動的にインストールされます。 sudo gem
Coda2.5 プラグイン紹介 | Gatespace's Blog
Coda2からの変更点 Coda2自体にも公式サイトでプラグインのリンク集はありましたが、GitHubへのリンクだったり、インストールしてもアプリケーション側で何をインストールしたか分かりづらいものでした。 Coda2.5でも公式サイトにプラグインディレクトリはありますが、インストールからアプリケーション側での管理方法などが変わりました。 また、ユーザーがCoda用のプラグインを作るための 「Coda Plug-in Kit」 が配布されるようになりました。 プラグインディレクトリ Coda2.5のプラグインは公式サイトで配布されています。 Coda Plug-ins プラグインの種類に応じて Picks：ピックアップ（おすすめ） Plug-ins：コンパイル、ミニファイやcssフレームワークのコンポーネントなど。「プラグイン」メニューに追加される。 Themes：カラーリングのスタイルセ
パニック - Coda 2 - プラグイン
Provides PHP, CSS, HTML and Javascript validation, configurable tidying of PHP, HTML, CSS, Javascript and Minify functions.
Introduction to Sass and How to Setup with Mac + Coda
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
Coda2の使い方をマスター出来るチュートリアル[完全版]
ふとCoda2の使い方を調べてみると詳しい記事がそこまでなく、困っている人もいるんだろうなって考えまして、このチュートリアルを書かせて頂く事になりました。 一応、全機能を網羅していきたいと思いますが、間違っている箇所や足りない部分がありましたらTwitterの方へご連絡頂くと助かります。 Coda2とは? Panic社が作成しているテキストエディターです。そしてそのCoda2はデザイナー視点で作られているのでUIが直感的にわかりやすく、機能もシンプルで使いやすいのが特徴です。 パニック - Coda 2 パニック - Coda 2 本家サイトに行きまして「Codaツアー」を見て頂けるとCoda2の概要は理解出来るかと思います。 ダウンロード方法 現在、ダウンロード方法は2つありましてパニック社のサイトから購入するか、App Storeから購入するかの2パターンありますが、どちらもメリット・
![Coda2の使い方をマスター出来るチュートリアル[完全版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1c0dab4fc7228ce6045811be518eabe7a8a9ba2/height=288;version=1;width=512/http%3A%2F%2Fprogrammerbox.com%2Fassets%2Fimg%2Fpress%2F2013%2Fsquare_200px%2F2013-07-29_coda2_master_tutorial.jpg)
Coda 2のトップ20シークレット…。（Coda 2について書かれた記事を意訳してみました） | Appdrill
Panic のブログに「Top 20 Secrets of Coda 2」 という記事があったので意訳してみました。Coda 1 の時からある機能も載っていましたが、それらもそのまま載せています。 別々のファイルを分割表示する方法 別々のファイルを分割表示する方法です。大きく分けて２つのやり方があります。 1. ウィンドウを分割した状態で、別のファイルをOption+ダブルクリック、またはパスバーにファイルをドラッグ＆ドロップ。 HTML + CSS + ライブプレビュー 縦に3分割してHTML、CSS、プレビューを表示させると開発が楽です。 HTML、CSSどちらを修正しても自動でプレビューが更新されます。 サイトをグループで管理可能 iPhone のホーム画面のようにサイトをグループで管理できます。 タブをアイコンではなくてテキストで表示 タブバーの下をドラッグするか右クリックから「テ
CSS Nite in Ginza, Vol.65「Coda 2」 on Vimeo
Vimeo About Vimeo Vimeo Blog Pro Guidelines Developers Jobs Help Help Center Basics FAQ Forums Developers Upgrade Vimeo Plus Vimeo PRO Vimeo for Business Upload Upload multiple videos at faster speeds with our new uploader. You’re using the new Vimeo Learn more about it » Keyboard Shortcuts Just think about it… What if you were trapped under something heavy and the mouse was out of y
Coda2のBookにCompassとWordPressのリファレンスを追加しよう | Gatespace's Blog
最近はもっぱらCoda2でコーディングをしています。 さらに、SASSやCompasの勉強も始めたので、コーディングをしながらリファレンスを開いていることが多いです。 今までは検索したりブラウザでリファレンス（ドキュメント）を開いたりしていたのですが、Coda2のブックに任意のリファレンスを登録できるのでそのやり方をメモしておきます。 Coda2 のブック Coda2にはブックという機能があってリファレンスをアプリケーション上で見る事ができます。 デフォルトでは以下のリファレンスが登録されています。 HTML CSS JavaScript DOM jQuery PHP Haml Sass Python Ruby on Rails ColdFusion Lasso MySQL Subversion Git 左のCSSのリファレンスのようにCoda2独自フォーマットのブックもありますが、右のS
CodaでClipを使ってWordPress開発を速くするススメ。Codaについてのプレゼンしたよ。 - Shinichi Nishikawa's
CodaでClipを使ってWordPress開発を速くするススメ。Codaについてのプレゼンしたよ。 2012 7/28 “こけむさズ”というコワーキングスペースで、Coda & Espresso 勉強会が開かれました。 そこで、Coda側の一員として”Coda * WordPress”という発表をしてきました。 その中で、プレゼンしたことをざっと書きますと、 エディタとしての使いやすさ 階層構造を見ながらファイルブラウジング 画面分割 など プラグイン zen-coding gist php & webkit WordPressの関数をCodaで補完 clip phpの基本的なもので、全体の効率を上げる WordPress特有のよく使うものを入れておく といったところです。 プレゼンの様子はこちらの、2時間5分ごろから。前後も見てね！ Video streaming by Ustream
Creamo – ゲーム開発
日本は世界に知られるゲーム大国でもあり、「スーパーマリオ」「ドラゴンクエスト」「どうぶつの森」などなど、これまで数々の世界的ゲームを生み出してきています。そんなゲームを生み出す「ゲームデザイナー」。必然的に人気の職業でもあります。 ゲームデザイナーは「ゲームプランナー」とも呼ばれ、ゲームの基本設計（＝開発）をする仕事です。広範囲の開発技術や知識を要するだけでなく、ゲームの流行にも敏感でなければいけません。ゲーム設計は高度な技術を要しますが、一つの大きな世界観を生み出し世界に発信できる可能性がある面などは、やりがいのある仕事といえるでしょう。 キャラデザインは別の職業 ちなみに、ゲームデザイナーはゲームの登場人物のキャラクターデザインをする仕事のように勘違いされることもありますが、それは勘違い。キャラクターデザインをするのは、グラフィックデザイナー（CGデザイナー）の仕事となります。 ゲーム
CodaでCSSのプロパティをソートするプラグイン | nagomu.me
Jan 26, 2010 CodaでCSSのプロパティをソートするプラグイン Twitter上で「CodaでもCSSのプロパティ順を揃えるプラグインがあったらいいのにな」的なつぶやきを見つけたので、「じゃあ、作ってみようか」と思って、とりあえず、「どっかにあるかも？」と探してみたトコロ、Codaのプラグインではないが、とても素晴らしいPerlのスクリプトがあったので、流用させていただく事にしました。 MITだったから多分大丈夫だと思うけど、後で取り下げたりしたらすみません。 とりあえず、そのまま使えそうなスクリプトが見つかってしまったので、自分の作業は「Plug-In Creatorで書き出すだけ」なんですが、カスタムしたい人もいると思うので、その工程を晒しておきます。 スクリプトの入手 Codaのプラグインを探していたら、hail2u.netさんにすてきなPerlスクリプトがあったので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flatis
http://webourgeon.com/2013/03/09/coda2-sass-compass-terminal/
自然体
Diet Coda, MAMP with Vhosts and WordPress | Jordan Memari Freelance Web Designer in Portsmouth UK
CSS Nite「After Dark」（5）フォローアップ：たにぐちまことさんのセッション｜CSS Nite公式サイト