「SublimeText 3」をDreamweaver感覚で使えるようカスタマイズ！便利なプラグイン12選まとめ こんにちは！　デザイナーのすーちゃんです。 変温動物ぎみなので冬は常時手が冷たく、コンビニのお釣りを受け取るのにとても気を遣います。あの、ちょっと上から落としていただいて構いませんので……。 さて、わたしは普段Dreamweaverでコーディングをしているのですが、ちょっとした修正などには「Sublime Text 3」を使っています。ただ、たまにしか使わないので、Dreamweaver感覚で使おうとすると凄まじいストレスが……！ そこで今回はしっかり腰を据えて、Sublime Text 3をDreamweaver感覚で使えるようにプラグインでカスタマイズしてみましたので、その方法をご紹介したいと思います！ わたしがSublime Text 3を使う4つの理由 まず、なぜDre

■ ご契約の流れについて 評価 ご依頼頂くことで30日間の「無償評価ライセンス」を発行させて頂きます。 30日間を超えて評価頂く場合、またはプロトタイプ開発に合わせて評価を行いたい場合などのご要望により 「有償評価ライセンス」もご用意しております。詳しくは担当営業までお問合せください。 ご導入 ご導入にあたって以下のライセンス契約を締結させて頂きます。 – ソフトウェアライセンス基本契約書 – ソフトウェアライセンス個別契約書(タイトル毎) – 機密保持契約書（NDA) – 反社会的勢力排除に関する覚書 ご延長 ライセンスは有料によりご延長可能です。 ご延長は基本的に自動継続となります。 終了されたい場合はご契約期間終了の1ヵ月前までにご連絡くださいませ。 ■ ライセンス許諾費用について 各ビジネスやご事情に応じて、違いがございますので担当営業までご相談ください。 ■ テクニカルサポートに

OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…

お疲れさまです、デザイナーのサリーです。 LIGにSassがもたらされて1年… たまにあるCSSで書かなきゃいけない機会にネストして書いてハッとしてキーーッてなったりしますよね（Sassあるある）。 私はDreamweaverを使いつつたまーにSublimeText2を使っているのですが、DreamweaverはSassのコードヒントが出ないので、Compassのmixinを呼び出すのがかなり面倒です。 簡単に呼び出せるようにスニペット機能を使おうと思ったのですが、Emmetのスニペットを使う方が簡単そうだったので、やり方に慣れていることもありEmmetを使うことにしました。 今回はDreamweaverまたはSublimeText2で、Emmetにオリジナルスニペットを登録する方法を紹介します。 Emmetをインストールする すでにEmmetをインストール済の方はこの項目は飛ばしてくださ

本連載「爆捗！ WordPressテーマ作成ショートカット」では、初回の「Dreamweaverで始めるWordPressサイト構築の基礎知識」で、「Adobe Dreamweaver CC」（以下、Dreamweaver）でWordPressのテーマをカスタマイズできるようにする設定の方法を紹介。第2回の「WordPress初心者でも爆捗！ テンプレートカスタマイズ＆ショートコード作成超入門」でWordPressの内部構造、Dreamweaverを使ったテンプレートのカスタマイズ方法、ショートコードの作り方について解説した。 第3回の「CSSコーディングで泣かないためのSassの基礎知識と10の利点」では、さらなる爆捗のために、「Sass」についての概略を解説した。第4回の「いまさら聞けないSassの使い方入門―― インストールとコマンド、Dreamweaver連携」では、Sassの実践

作成：2013/10/7 Webデザイン > 保守レポート、請求書、競合調査、検索ボリュームなどもそうですけど、Web屋さんに限らず仮説の答えになるデータを探したり、お客さんの提出物や社内レポート関係も必ずエクセルをつかいますよね。今回は「こういう便利な使い方があったのか！」と参考になったサイトをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング １．Dreamweaver ２．HTML生成 ３．正規表現／ソース編集／ニュース取得 ４．テーブルに変換 グラフ ５．グラフと表 ６．パイチャートやダイヤル ７．白黒印刷 ビジュアライズ ８．ガントチャート／ハイライト／擬似グラフ ９．表の罫線をテキストに変換 業務効率化 １０．作業スケジュール １１．入力と演算を分けて効率化 配色／フォント １２．綺麗にみせる配色ルール １３．フォント種類

サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレート機能を使う JavaScriptを使う PHPを使う SSIを使う Node.jsやRubyのツールを使う がんばって直に書いてるものを置換する とりあえず普通にコーディングして、修正などある場合はソフトの一斉置換を使ってなんとかする方法です。 数ページものならあまり気にならないがページが増えていく毎に大変になる。リンクや画像が相対パス指定だと階層が増えると更に大変になります。 <footer>

※この記事は2013年7月10日に執筆された記事です。現在は仕様が異なる可能性があります。 大変です！ あなたは、公開間近でクライアントから少々面倒な修正依頼を頂きました。 対応したいのですが、大型案件の為、納品するページ数は膨大にあり、該当する箇所がどれほどあるのか想像がつきません。 さて、この場合どのような対応がベストでしょうか？ 今回は、ベストな対応をしたい方の為に便利な正規表現の使い所をご紹介します。 公開間近でクライアントからこんな修正依頼が、、、 クライアントから下記の修正依頼を頂きました。 該当するページ数は未だ不明ですが、調査対象は明日公開予定の膨大な数のHTMLファイルです。 1. ¥を円の表記に統一（¥9,000→9,000円） 2. 「しております」「してます」を「しています」に統一 3. 外部リンクのaタグは別窓指定 4. 素材と販売元の行を入れ替える 5. 最後の

Eclipseのようにコードの移動や複製がやりたかったので作りました。 提供する機能は以下のとおりです。 Code-delete：選択行のコードを削除します。 Code-move-up：選択行を１行上に移動します。 Code-move-down：選択行を１行下に移動します。 Code-duplicate-up：選択行を上に複製します。 Code-duplicate-down：選択行を下に複製します。 確認環境：windows xp sp3、Dreamweaver 8～CS5 ダウンロードはこちら CodeEditUtils.zip 確認環境：windows7、Dreamweaver CC zxp版のダウンロードはこちら CodeEditUtils.zxp Zipファイルを解凍するとMXPファイルができますので開いてインストールしてください。 「メニューを更新できません。拡張機能はインストー

PhoneGap Buildで会社案内アプリを楽して作る：無料でCreative Cloudを使い倒せ（3）（1/3 ページ） 会社案内のWebサイトを楽してiPhone/Androidアプリにしたい方、必見。DreamweaverとPhoneGap Buildで作るとこうなります。 Adobe Creative CloudにPhoneGap Buildというサービスがあります。これは、HTMLで作られたコンテンツをネイティブアプリに変換し、iOS、Androidはもちろん、Blackberry、WebOS、symbianでも実行可能なパッケージを作成してくれるサービスであるPhoneGapを、ブラウザ上で手軽に利用できるサービスです。 さすがにここまでたくさんのOSに対応しているとなると「やり方が面倒なのでは？」と疑いたくなりますが、PhoneGap BuildはDreamweaver

こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡

こんにちは！　もう年の瀬でかなり寒くなってきました。寒いと手がかじかんで上手く動かず、作業スピードが落ちてしまいますよね……。 少しでも作業効率を上げるために手を温めるのもいいですが、普段使っているDreameaverをカスタマイズするというのもいかがでしょう？　ちょっと手を加えるだけで驚くほど便利になっちゃいますよ。 なお今回はDwのconfigurationファイルの書き変えを行うものもあるため、カスタマイズ前にファイルのバックアップを必ず取ってください。 ・CSSのコードヒントの順番を変える CSSで横幅を指定する時、「wi」と入力しコードヒントからwidthと打つつもりが、 ↑のようにwidowsという何に使うんだか分からないものを誤入力……なんて経験ありませんか？ そんな誤入力を防ぐ為に、コードヒントの順番を変えてしまう方法があります。 Program Filesから Adobe

CSS Preprocessor Advent Calendar 2012の11日目。 エディターは何をお使いでしょうか？ CSS Preprocessor を利用しているイケてる皆さんは Sublime Text 2 や、Coda 2、Vim などを利用しているかと思います。 僕は CSS Preprocessor は利用しているのですがそれほどイケてませんので、エディターは未だに Dreamweaver 一本です。 というわけで、ドリで Sass や Compass を使う方向けに。 ドリに .scss ファイルなんかを認識させる 以下のまーしーさんの記事を読むとよいでしょう。僕もこれを読んで設定しました。 ※ちなみ Sass のインストールなんかは Codekit にまかせています。その辺は明日西畑さんが書くと思います。 SassとDreamweaverのコードヒントでCSSをさらに

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert