せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが
Coda2のクリップ機能が便利っす
By: Collin Allen たまには開発ネタを。以前にエディタをDreamweaverからCoda2に変えたという記事を書きました。 もう散々他のデベロッパーズブログで書かれたネタなんですが、そのCoda2の機能の一つに「クリップ」というものがあります。いわゆる、よく使うコード等を予め登録しておいて簡単に挿入できる「コードスニペット」ってやつなんですが、これをある程度入れておくと結構便利です。 クリップを作成してみる まずはエディタ画面を立ちあげます。するとサイドバーに色々と表示されていると思いますので、その中からクリップを選びます。 もしサイドバーを表示されていない場合は「表示」メニューの中から「サイドバー」→「クリップ」で表示することができます。 新規クリップを作成する場合は、サイドバーの上で右クリックし「クリップを追加」を押すか、サイドバー下の「＋」ボタンをクリックすることで作
Panic Blog » Top 20 Secrets of Coda 2
あなたの知らない Coda 2 の機能があるかも知れません。この記事で Coda 2 をより深く知り、これまで以上に使いこなしてください！ 1. 新規ファイルを分割ウインドウで開く 新規分割ウインドウボタン で追加された分割ウインドウに、以下の 3つの方法で任意のファイルを表示させることが可能です: サイドバーかパスバー、もしくはファイルタブで option + ダブルクリックする パスバー上にドラッグ＆ドロップする コンテキストメニューから “分割ウインドウで開く” を選択する ボーナス Tip: “Option” キーを押しながら新規分割ウインドウボタンを押すと、分割方向が切り替わります。デフォルトの設定は Coda 環境設定 ▸ 一般（タブ）▸ 分割ウインドウで変更可能です。 2. HTML + CSS + ライブプレビュー エディタを 3つに分割し HTML ソースコードと CS
おすすめテキストエディタのご紹介
おすすめテキストエディタのご紹介 便利ツール2008年5月4日 「Dream weaverなんて高いもの買えません！」 という方のために、HTML・CSSを記述を手助けしてくれる心強いエディタをいくつか紹介したいと思います。 ぶっちゃけた話、Dreamweaverが無くても、専門に行くにしろ独学にしろ、自分で勉強する程度であればエディタでも十分可能だと思います。 (むしろその方が上達が早いような気がしないでもないです) 実際私も実務ではDreamweaverを使っていますが、ほとんどエディタの感覚で使用しています。 秀丸エディタ 特徴(Vectorより引用) 最大1000万行のファイルまで編集可能。 ファイルサイズは制限なし(制限は行数のみ)。 新規の秀丸の起動時間をほぼゼロにする瞬間起動機能。 強力なUNDO・REDO機能。回数無制限(ただしバッファサイズに制限あり)。 強力なカスタマイ
Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 ぼーっとしている間に妹が高校を卒業していました。さらに、実家に顔を出したら成人式の話をしていました。なんというか、何もかもが衝撃です。 さて。デザイナーならmacじゃないの？という声もよく耳にしますが、コーディング＆（IE）デバッグのことを考えると、Windowsの方が勝手が良いことも多いです。 結果的にデスクトップとノートでWindowsとmacの2つを持っている人も少なくはないのではありませんか。おかげでタイプミスの多さったら。 ということで、今回は制作に関わるWindowsユーザーのみなさまにオススメのフリーソフトをご紹介したいと思います。 Windowsユーザー必見！ 普段使いにも制作にも役立つ便利ツール5選 お手軽キャプチャソフト「LightShot」 Windows標準機能のスクリーンショットは少々使いにくいですよね。 「ちょっとした修正の
整理整頓に!! 画像を次々に複数フォルダに振り分ける事ができるフリーソフト 『PhotoSift』 - PCあれこれ探索
画像を指定したフォルダに次々に 複数フォルダに振り分ける事ができる 整理整頓が捗るフリーソフト 大量の画像を次々に指定フォルダに移動して ストレージドライブを綺麗に出来ます PhotoSift ダウンロードはこちらから ダウンロードと起動 上記リンク先ページを開き「Download」を クリックしてファイルをダウンロードします ダウンロードしたファイルを解凍すれば 実行ファイルが展開されます インストールは不要でそのまま起動出来ます 使い方 初めての起動はこの様なメッセージが表示されます ヘルプファイルを見ますか？という質問なので いいえで大丈夫です まずは「Edit」にて「Settings」で設定をします ABCDE・・・と並んでいる項目がフォルダ振り分けの 項目となっています 一括で写真を登録して順番に表示される画像を Aを押せばAで指定したフォルダ Bを押せばBで指定したフォルダに振
ウサギが居なくなった！落ち着いてまず探すべき場所:ハムスター速報
TOP > ウサギ > ウサギが居なくなった！落ち着いてまず探すべき場所 Tweet カテゴリウサギ 0 ：ハムスター２ちゃんねる 2014年7月12日 22:20 ID：hamusoku 僕が室内で飼っているうさぎ その姿を今日やけに見ないなと 思って五分ぐらい捜索。 とりあえず見つかったのですが こんなとこで何やってんだお前は。 僕が室内で飼っているうさぎ その姿を今日やけに見ないなと 思って五分ぐらい捜索。 とりあえず見つかったのですが こんなとこで何やってんだお前は。 pic.twitter.com/2Cvp84DmlQ— 鈴木俊太朗 (@MontkSs) 2014, 7月 5 3 :ハムスターちゃんねる2014年07月12日 20:30 ID：1CKOEP.UO 箱ごとお持ち帰りしたい 8 :ハムスターちゃんねる2014年07月12日 20:31 ID：L0b0iFbE0 うさぎ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料のウェブ作成ソフトMicrosoft Expression Web 4 [ホームページ作成] All About![無料のウェブ作成ソフトMicrosoft Expression Web 4 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/65b750dd8a3c1a1e5ec50e0f32522775683fc03f/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F6%2F3%2F0%2F7%2F201805291227%2Ftopimg_original.jpg)