2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 CSSの初めでUA固有の表示設定を解除するリセットCSSと、フォントサイズ指定、そしてタグ自体の基本的な振る舞いを規定する指定、この３つを合わせたもの。 この部分はいつでもどんなサイトでも大抵は使いまわせるので、自分なりのものを用意している人も多いと思います。ちなみにSig.は「base.css」という名前で用意してますが、「default.css」とか「master.css」とかって命名も良く見かけますね。それはともかく。 このところデフォルト設定に関するレポを良く見かけるので、いちど当サイトでも纏めておこうかと思った次第です。（ま～「良い感じの方法を見つけたんだけ

初心者から上級者まで、ドリームウィーバーの使い方を学べるサイトです。基礎から上級編まで、ドリームウィーバーの使い方の全てはここで学べます。

うわさの「PHP×携帯サイト デベロッパーズバイブル (www.amazon.co.jp)」を軽く見ましたが……「ゆるいなぁ」、というのがひとまずの感想。 メモ的なコメントを順不同でだらだら列挙しておきます。 最初の1行掲示板のサンプルがいきなり脆弱。「完成版」になっても脆弱。「auではテキスト入力欄で改行が入力できる」という発想の仕方がどうも……。auに限らず、テキスト入力欄に限らず、改行が入力されることは常にあり得ると考えたほうが良いと思うわけで。Cache-ControlをHTTP応答ヘッダではなくmeta要素で指定。20世紀のフリーCGIみたい?Content-TypeをHTTP応答ヘッダとmeta要素の両方で指定する必要があるように読めますが、metaは不要なはず。しかも、何故かmetaにだけcharsetがついており、肝心な方についていないので、これをそのまま実装するとはせがわ

写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 2です。 Softer Background Effect Bourne Ultimatum Color and

色調補正ツール Adobe Photoshopには、色調を調整するためのツールがたくさん用意されています。「フィルタ」などで劇的な変化が楽しめたり、思いがけない結果を得られるのもPhotoshopの魅力ですが、まずは写真をレタッチする基本として色調を自分の思い通りにコントロールできるようにすることが重要です。 色調を調整していく作業でのポイントは、オリジナルの写真の状態は変更しないで、いつでも確認できるようにしておくことです。そのためには、色調補正はメニューの「イメージ→色調補正」からではなく、レイヤーパレットの下にある白黒の丸マーク「塗りつぶしまたは調整レイヤーを新規作成」から使用してください。そうすることにより、オリジナルは常に「背景レイヤー」として残り、いつでも確認することができます。 「イメージ→色調補正」からの補正は写真のレイヤーを直接補正することになり、やり直す時などに融通が利

写真に光線を入れてちょつとプロっぽい感じにする方法 光線を入れていない写真はこんな感じです。 光線を作っていきます 光線を作っていきます。まず300px×300pxぐらいで（値は適当（光線を入れたい写真に近い値））#ccccccで塗潰します。 ノイズを加える メニューより「フィルタ」「ノイズ」「ノイズ加える」より、値を量を400％、ガウス分布にチェック、グレースケールノイズにチェックを入れます。 ぼかし（移動） メニューより「フィルタ」「ぼかし」「ぼかし（移動）」より、値を角度-90度、距離を999pxに設定します。 変形 メニューより「編集」「変形」「自由な形に」を選択し、以下のように台形の形にします。 光線を入れたい写真に持っていく 光線を入れたい写真に、これまで作ったものを持っていきます。 最後の仕上げ 移動させてきた光線の基を、オーバレイにして、不透明度75%ぐらいに設定します。次

2008年も残すところあとわずかですが、PCの大掃除はできましたでしょうか？今年も様々な対策集がでてきましたもので、せっかくなのでまとめておきます。 ◆対策前に行うこと ■レジストリ系の対策は、下手すれば起動しなくなります。必ずバックアップを。 ■まず使わないプログラムはアンインストール。 ■デスクトップはなるべく物を置かない。 ■Windowsのテーマはクラシックのものを。 ■残念だが、壁紙ははずす。 などなど、以下でも出てきますが一応これだけはやっておいたほうがいいかなと。 ◆まずは、基本的な対処法 ■Windows　ＸＰの高速化について - 教えて！goo ■Windowsを速くする ■実際に効果があった「WindowsXPを速くする」方法は？ - Yahoo!知恵袋 ◆年末お掃除系 ■パソコン、本体も“中身”も大掃除：日経ネットナビ ■年末の大掃除、パソコンでは身近なところから:G

Website Design | Freelancing | Photoshop FreebiesSo you want to master Photoshop huh? You’ve come to the right place. This is the third and final installment of a three part series that will help you to master Photoshop in and out in just one week. Today’s part showcases advanced tutorials that will really push the skills you learned in part 1 and part 2. I am in full understanding that a program

web design & graphic design blogNew Design Related Sites This Week 3 Quality Sites Launched This Week! Interview with Mike Smith / Blog Theme Machine Check out the interview with Mike Smith of Blog Theme Machine! Need a PSD to HTML Conversion? Just add your design. 8 hour turn around. Really it was that fast. Last month I was working on a freelance web design project for a company called Huson Ph

img要素におけるwidth,height属性の指定というのはHTMLを勉強しはじめたときから「必須」のものであると考える人が多いと思うのですが、 これは「必須」ではありません。 また弊社では社内のガイドラインとして 「img要素にはwidth,height属性は指定しない」としました。 この方が現状メリットが大きいと考えたからです。 width,height属性の指定が「必須」であるか「任意」であるか 結論からいうと、仕様書上「任意」とされています。 これは弊社サイトで多く採用されている XHTML1.0（Transitional）においてはもちろん、strictであれ、HTML4.01であれ「任意」とされているのは同じです。 しかしそれがなぜ「必須」というような流れになったか？ その大きな理由としてはNetscape Navigator 4.xのような今となっては古くなったブラウザへの

画像位置 横位置 縦位置 正方形 スタイル バックグラウンド 白バック 切り抜きパス付き コピースペースあり パノラマ データの種類 ベクターのみ hana QxQ IMAGES 素材辞典 LIP imagenavi CREATOR RF IN RF Values アフロRF a.collectionRF absodels RF AID ARC RF Artbox Images Aurora Photos ビブロス Blend Images BLOOM eyes BLOOMimage Blue Jean Images RF Caiaimage Cpalette creator's farm Cultura RF d.collection DAJ digital images Design Pics RF DEX IMAGES EGAOIMAGES Foodcollection Fotose

ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。

ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様

アクセス数を伸ばすためのキーワード選定を完全サポートする“キーワードファインダー”とは？ 需要があり、競合が多いキーワードで上位表示させることが難しい…と思っていませんか？なぜ様々な施策を行っても効果が出ないのかというと… 続きを見る SEO対策しても検索順位が上がらない…なぜ？ SEO対策しても検索順位が上がらない…なぜ？ 検索順位が上がらない理由は、SEO対策の質が低いからです。 例えば、ユーザーの検索意図を無視したり、関連性の低いコンテンツを増やす、内部リンクの最適化など疎かにします。 この場合、SEO対策の質が下がります。 そうなれば、ページやサイト自体の品質が上がらないので、Googleに評価されづらくなります。 結果、検索順位が上がらないというわけです。 こうした悪い状況を回避する為に、サイトの欠点を調査して上位化に必要な対策をご案内します（無料）。

平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。

10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの？」

Design デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』 デザインに使える記事を探している。 そんなあなたにおすすめなのが、『10 lists every designer should bookmark』。デザイナーならブックマークしておきたい記事10選だ。 以下にご紹介する。 » 101 ideas to get more freelance work and generate new clients leads フリーの仕事を増やすアイディア101選 » 25 best free quality fonts 無料で使えるクオリティの高いフォント25選 » Where can i find textures and background images? テクスチャと背景画像配布サイト集 » Free

Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。

Illustrator CSで作ったものをコピーしてFireworksにペーストする方法が見つかった。下図のようにIllustratorの環境設定 - ファイル管理・クリップボード を開いて［AICB（透明サポートなし）］にチェックを入れるだけ。 これだけで、普通にイラストレーター、ファイヤーワークス間でコピペできるようになる。 いままでこれに気づく前はIllustratorでバージョン8形式で保存してからFireworksへ読み込んでいた。面倒なことをしていたもんだ。InDesignにもオブジェクトとして編集可能な状態で取り込みができるようだ。 ちなみにコピー＆ペーストできないといっても、何も持って来れないわけじゃない。ビットマップ形式ではコピペできるから、場合によってはその方が都合がいい場合もないわけじゃない。 AICBというのは、何の略だろ。アドビイラストレータークリップボードかな。

Fireworksで作成した，アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。 移転のお知らせ ただいま、icon Labo(アイコンラボ)の主要な記事を下記ブログへ移行しています。 »FindxFine -Web制作に関するメモ - アイコンラボの記事は主に移転先ブログFindxFineのGraphicのサブカテゴリーFireworksに移転します。 移行に伴いRSSが変更されますので、購読いただいている場合は変更をお願いします。 RSSへのリンクを記載します。ソーシャルブックマークなども変更いただければと思います。 »FindxFine(全体) »FindxFine(Gallery除く) »FindxFine(Galleryのみ) FindxFineでは通常の記事のほかに気になるウェブサイトをGalleryカテゴリーで紹介しています。 配信回数が多くなり

必赢电子游戏网站-中国有限分公司是包含了新葡京、威尼斯人、金沙、BBIN电子、MG真人视讯、BET365等多个官方平台，游戏、体育、娱乐的第一首选，点击进入最新的游戏平台网址:www.813net,www.55402com,www.2018com,www.js9905com,使必赢电子游戏网站-中国有限分公司成为亚洲一流的娱乐平台,必赢电子游戏网站-中国有限分公司欢迎大家体验试玩.。

こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．

あけましておめでとうございます、赤堀です。 今回はFireworks CS3ショートカットキーまとめデスクトップ壁紙を無料で配布します。 なぜデスクトップ壁紙かというと、今年はFireworksを使いこなしたい！と考えているときに ショートカットキーを壁紙にしてみたらいんじゃないかな？と思ったからです。 「Fireworks CS3 ショートカットキーまとめデスクトップ壁紙」でさらに作業を効率化！ Fireworksのデフォルトのショートカットを覚えて あなたの席でも私の席でも効率化！を目指しちゃいましょう。 無料でダウンロードできるので、ショートカットキーが苦手な方や Fireworks初心者の方にぜひ使っていただきたいです。 このデスクトップ壁紙のショートカットキーは Fireworks CS3をインストールしたときそのままのショートカットキーです。 デスクトップ壁紙はWindows版

「Dreamweaver 8」連載企画　第2回 開発者のお仕事を楽にするための 「Dreamweaverコーディング」のヒント 「Webアプリは“Dreamweaver 8”でコーディングが新しい」に続く、連載第2回目の今回は、Web開発者の作業を楽にするDreamweaver 8の機能拡張の実例を見てみよう。Movable Type連携、XSLTオーサリング、コーディング支援機能の柱の1つであるコードリファレンスなど、Dreamweaver 8の知って得する機能を紹介する。 Dreamweaver® 8には、「Dreamweaver Extension」と呼ばれるモジュールの組み込み機能を拡張できる仕組みがある。具体的には拡張子が「.mxp」となっているのがエクステンションファイルで、「Extension Manager」を用いてインストールし、Dreamweaver 8内部から利用する

2005.10.25 update 自分の作業の効率化のために制作したコマンドです。コマンドのインストールにはExtension ManegerとMacromedia Fireworks MX以上が必要です(一部のコマンドはjsfにて提供しているものはFireworks4でも動作すると思います)。コマンドに関するバグ、ご意見・ご感想はakira_maru@mac.comまで。 Dreamweaverのカスタムコードヒントを作ってみました。

March 25, 2007 最近DWのスニペットを多用するようになりました。汎用的に使うものはすべてスニペットに登録。作業効率がぐーんとアップしました。 ところがフォルダを作ってフォルダ名に日本語を使うとDWを再起動した時に文字化けしてしまって、せっかく名前をつけたフォルダなのに良く分からなくなってしまう。 スニペットのデータが入ってるフォルダ内を見てみると、_folderinfo.txtと言うテキストファイルがあって、そのファイルを開いてみるとフォルダ名が記述してあり、文字コードがUTF-8になってた。これが原因か...と思い、Shift-JISにエンコードしなおすと無事文字化けがなおりました。 文字化けしてんだよな〜と思ったらここを見てみるときっとなおります。

5 Ways Website Page Speed Affects Marketing The key to marketing in the 21st century may not be what most predicted. With the rise of ever-more-precise demographics and targeted ads, the world of promoted commerce understandably presumed the process of selling a product in the age of social media would be to point the right ad at the right customer. Unfortunately, as with most things in business,

Dreamwerver上でSmartyを扱いたい。 求める機能は以下4点。 ・TPLファイルを関連付けさせる ・ヘッダーなどの<{include file="○○.tpl"}>を、デザインビュー上できちんと表示させる ・独自デリミタ（<{～}>）に対応させる ・CSSやJavascriptの読み込みに対応させ、画像もデザインビュー上で表示させる いろいろ探したのだが、各方法一長一短。 どうにも設定が反映されないことも多く、半日以上右往左往＿|＼●_ ３つの方法を組み合わせつつ、やっとこさまぁまぁの環境を実現。。 以下メモ。。。 ■手順１■ まずは、Macromedia Extension Managerを使って以下のエクステンションをインストール。 →DreamweaverでSmarty テンプレートをイケてる感じで編集しよう。 エクステンションなので簡単にインストールできます（感謝☆）。

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

神森 勉氏 アンカーテクノロジー株式会社 ソリューション推進部 QA エンジニア／ エキスパート 目次 はじめに Wordデータの活用 テキストデータの活用 WYSIWYG環境でXSLT作成 印刷用に表示 作成日:2008年２月22日 ユーザレベル:初心者 製品:Dreamweaver CS3 はじめに Dreamweaverは、デザインビューとコードビューという2つの顔を持っています。デザインビューはWYSIWYGベースでページ制作を行うことができ、コードビューはソースコードを直接書きながらページ制作を行うことができるものです。Web制作者は、ソースコードを中心に書くことが多く、比較的多くの方がこちらをメインで使われていると思います。反対に、デザインビューは、ソースコードを意識しないという利点があるものの、Web制作のプロの目からはどうしても初心者的な感じを受けることが多いところで

先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 １）XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML（C-HTML）、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な

Dreamweaver8入門・動画講座（ホームページの作り方） ドリームウィーバー8の使い方を動画で紹介します。 できるだけ現在主流になっているタグが使えるように、また、きれいなソースが書けるように、初心者デザイナーさんに役立つ内容です。 ※Adobe® Dreamweaver® はAdobe社（アドビ システムズ社）の商標です。 （１）ライブラリーの新規作成 ドリームウィーバーのライブラリーの使い方ということで、数回に分けて解説してみます。ホームページを作る上でやっかいなのが、ナビ部分やトップやフッターなど、共通部分に変更が出... 2008/01/06 （2）ライブラリーを挿入する 前回は、ナビゲーション部分をlibraryに登録してみました。ファイルパネルをみると、libraryというフォルダができていて、その中に作ったライブラリーが保存されてるの... 2008/01/05 （3）

林 岳里（はやし たけさと） アドビ システムズ株式会社 ビジネスデベロップメントマネージャー 作成日:2008年３月19日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 はじめに Dreamweaverを長年使っている方でも意外と知らないまま過ごしている機能があります。その機能を知らなくても自力で解決できるかもしれませんが、もし知っていたらどうでしょうか？なんども検索/置換を繰り返すことや、数多くあるHTMLファイルのコードを手作業でフォーマットする面倒な作業から解放され、他の作業に時間を割けるようになります。Dreamweaver使いのための「生活に役立つ小ネタ集」と題して、コードのフォーマット、検索/置換、正規表現を解説します。なお、[検索および置換]で行う設定はクエリーの保存/ロードで読み書きできます。サンプルに同梱している拡張子.dwrのクエリーファイル

免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

若葉のDreamweaver入門は、Macromadia Dreamweaverを使用してのＷＥＢサイト作成法を、主に初心者向けに解説しているサイトです。「若葉のDreamweaver入門」は主に初心者の方を対象に、「Macromedia Dreamweaver」を使用してＷＥＢサイトを作成する方法を解説しているサイトです。 Dreamweaver のバージョンは「Dreamweaver MX」を基本に解説していますが、ＭＸ以前のバージョンもフォローしています。 何かしら Dreamweaver ユーザーの方のお力になれれば幸いであります。(^-^ゞ しばらく放置状態が続いていましたが、 現在、サイトのリニューアルを計画中です。 まだしばらく時間はかかりますが、 Dreamweaverの最新バージョンに合わせて サイトの内容を変更するつもり。 目下、奮闘中であります！(^_^

200804/29[超いまさら]Dreamweaverテンプレートって便利だね CATEGORY:Webネタblog,ツール紹介　TAG:Adobe,Dreamweaver フリーになってからというもの、個人で請け負える範囲でのお仕事をと考えると、どうしても小・中規模サイトの案件が多くなりがち。 それにくわえて、ここ最近の案件でPHPを好きに置いちゃいけないとか、クライアント側で更新したいとか、いろいろと制約のある案件が重なり、そんななかで効率的な制作進行をするためにはどうしたもんかと 思案し「Dreamweaverテンプレート」（以下DWT）を選択したのですが、これがなかなか使える機能だったりしましたので今さらながらに紹介しておこうと思います。 すでにDWTを使用したことがある方には、ホントいまさらなTIPSになるのですが、使ったことのない人のためにざっくり説明しますと、DWTって

きっかけは、hamashunさんのブログでエディタのショートカットでコードを出力する項目を見て「これいいなー。いいなー。」と思ったのですが、「でも、今更Dreamweaverから他に移行もできないしなー」と思いながら考えた結果。 Dreamweaverのスニペット機能という物を使うことにしました。 まずは、ファイルタブのスニペットタブをクリック。下記のようなファイルが展開されるかと思われます。 まずは、自分のショートカットを構築するフォルダを作成してください。 フォルダを右クリックし、新規スニペットを作成してください。 ここには、ショートカット名とショートカットの内容を記述しましょう。 "前に挿入"はコードブロックの前構造、"後の挿入"は後構造になります。こちらは実際ショートカットを使えば実感できるので後々。さて、ここからショートカットの作成、先ほど作成したスニペット上を右クリックし、"キ

シリーズ目次 マルチモニタ編 キーボード・マウス編 ツール編 エディタ編 AutoHotkey編（初級）（近日公開） エディタをそのまま使っていませんか？ コーダー・マークアッパーの人たちは基本的にコードを書く事が仕事なので、IDEや各種エディタを使っていると思います。 それらの多くは設定可能な項目を持っていて、自分好みにカスタマイズする事ができます。 今回は参考までに、僕が設定している項目をご紹介します。 ショートカットキーを設定する HTMLを書くのって、実は結構面倒です。 閉じタグとか超面倒ですし、そもそも"<"とか">"のたびに毎回Shiftキーを押すのが面倒です。 あーめんどくさいめんどくさい。 ショートカットキーを設定できるエディタなら、この問題を解決できます。 例えば僕は、Ctrl+Alt+PでP要素の開始タグ～閉じタグを出して、更にカーソルを開始タグと閉じタグの間に移動する

Perl でのモバイルウェブ開発。CPAN モジュールつかいまくって簡単に開発がすすめられます。 端末情報を制する(HTTP::MobileAttribute) HTTP::MobileAttribute をつかうと、HTTP ヘッダから情報をぬきだし、ケータイ端末の情報をあつかいやすくすることができます。 use HTTP::MobileAttribute plugins => [ qw/ IS / ]; my $ma = HTTP::MobileAttribute->new(); $ma->is_docomo(); 絵文字をふくむ文字列をUTF8にまとめつつ相互変換(Encode::JP::Mobile) Encode::JP::Mobile をつかえば、絵文字の相互変換は容易におこなえます。ユーザがポストした発言などにふくまれる絵文字を、各キャリア用に相互変換することができます。 E