せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙（@xxmiz0rexx）です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが
Transmitのお気に入りをCoda 2で読み込む方法
Transmitのお気に入りをCoda 2で読み込む方法 2013年10月5日 アプリケーション Coda Transmit Warning: Trying to access array offset on value of type bool in /home/xs654077/daisukebe.net/public_html/wp/wp-content/themes/daisukebe/functions.php on line 75 月曜日は「スシロー」、金曜日は「くら寿司」でお寿司を食べました。たしろだいすけ（[my_twitter]）でございます。 「Coda 2」は「Transmit」のお気に入りを読み込むことができます。サーバ接続情報を先にTransmitのお気に入りに登録しておけば、Coda 2で同じ情報を入力する必要がなくなるので便利ですね。 今回はその手順を紹介しま
「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ！
Photoshopでデザインカンプを作成して、いざコーディング！となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前（○○.jpgや○○.png）を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の
Slicyはあっと驚くほど便利だった。 - colopixie
Slicyは、PSDをD&Dするだけで、Photoshopでレイヤーやフォルダに指定した方法で名前をつければ書きだしてくれるアプリです。 これがめっちゃ便利！驚いたたまげた。 App Storeで買いました。 今回は、Slicyの公式のデモファイルを使って、解説していきます！ちょうべんり！ 公式のデモファイルは、下記からダウンロードできます（いきなりZIPダウンロードになります） 通常 (Basic Tagging) 「Basic Tagging」のフォルダーを開き、PSDを開いてみましょう。 PSDを開くと、フォルダーやレイヤーに”.png”や”.jpg”など追加します。 そうすると・・・？ そのPSDを”Slicy”にドラッグアンドドロップすると、ぽこん！と先ほどの”.png”のついたフォルダーやファイルが出てきます。 これを上の”Copy”を押して全て保存するか、個別のファイルをドラ
Dont-be-afraid-kuroigamen | FJORD, LLC（合同会社フィヨルド）
Webデザイナーの為の「本当は怖くない」”黒い画面”入門シリーズ一覧 komagataです。 Webデザイナーの皆さま。プログラマーがよく使ってる文字が一杯出てる黒い背景のソフト。あれって取っ付き辛くないですか？ Web業界ではアレをデザイナー、プログラマー間で”黒い画面”と呼ぶことが多い気がします。 デザイナー「ページのこの部分を変更したいんですが・・・大変ですかね？」 プログラマー「うーん。簡単なんですが、”黒い画面”で変更する必要があるんですよね。」 デザイナー「あぁ、じゃあ辞めておきます・・・。」 最近、デザイナーの@machidaさんが下記のようなことを言っていました。 「仕事が無いからFlashを勉強しようというWebデザイナーが多いけど、Flashが使えるWebデザイナーはもう沢山いる。”黒い画面”が使えた方がエンジニアからの仕事が増えるし、Webサイト全体のことが分かるので
Webプログラマーを志す学生さんが、学生のうちにやっておきたい11の事 - Aggressive Style
0.本記事の対象についてコンピューター系の企業と言っても様々ある。例えばエアコンなどの制御をするファームウェアを担当するような組み込み系プログラマーやSE、スーパーのPOSシステムや銀行のシステムを担当するプログラマーやSE、そしてテレビゲームのプログラマー、そして今回説明するWebサービスのユーザーを管理する部分や、データーベースの結果をサイトに反映する部分を設計をするwebプログラマーなど様々だ。1〜7節まではwebプログラマーの業務に直結しやすいと思った事、8以降は業務に直接関係は無いがやっておきたい事を纏めた。 本記事はC言語やJava言語でif文for文で何らかのプログラムを作った事のある学生さん(特に大学1年生〜3年生)などを対象として、Webプログラマーの面接を受けるまでにやっておきたい事を11点に分けて話そう。このうち、「これはやっておきたい」と言うものを実践してくれればと
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
Mac用テキストエディター選手権
今日はちょっとテキストエディターについて語ってみたいと思います。ちなみにTerminalから直接呼び出して使う系のエディターにはまだ手を出してません。viとかvimっていうんですかね。これはjとかkとかでカーソル移動させるしちょっと初心者には敷居が高いです。以下が僕が持ってる＆日頃ぼちぼち使ってるテキストエディターの一覧です。 CotEditor Coda Espresso CSSEdit（CSS専用） Dreamweaver Xcode CotEditor 単純にテキストを書くならCotEditorが良いですね。軽いです。P_BLOGのコードも書いておられるnakamuxuさん作のテキストエディターです。国産。もちろんコード書くのにも向いてます。AppleScriptでわしわし機能強化とかも出来そうです。CodaゲットするまではCotEditor一本でした。いまでもWindowsでいう秀
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーランス歴7年のWebエンジニアが使っているMacアプリ25選
KURESOKU - 話しのネタに使えるニュースを毎日お届け！
designmap.info