これからjQueryを始める方へ -入門書の選び方・読み方-
これからjQueryを始める方へ -入門書の選び方・読み方- 先月「Web制作の現場で使うjQueryデザイン入門(以下、ドーナツ本)」の改訂版を出版し、昨年末は「やさしくはじめるWebデザイナーのためのjQueryの学校(以下、jQueryの学校)」の監修をおこなっていたので、ここ半年はずっとjQueryを始める方が、何を求めているか何でつまづいているかを改めて考えなおしておりました。 まず、最初に重要なのはどの入門書を選ぶかということ。 「ドーナツ本」は3万部を売り上げた人気書籍なわけですが、すべてのユーザーにマッチする本ではないと思っています。 この書籍を執筆はじめた当時はjQueryの書籍といえば「jQueryで作る Ajaxアプリケーション」や「実践!Ajaxフレームワーク jQuery」などしかなく、競合書籍として確認しましたが、プログラマー向けの書籍でした。そこで「ドーナツ本
NFC（Near Field Communication）
「おさいふケータイ」「Suica」のようなサービスを実現する近距離無線通信の国際規格「NFC」。スマートフォンにもよく搭載されている（「iPhone 6」に搭載との噂も）。今後主流となりそうなこの技術のポイントや最新動向を解説する。 連載目次 「NFC（Near Field Communications）」とは、広義では携帯電話や非接触ICカードなどの各種デバイス間において無線技術を用いた非接触の近距離通信を行う技術の総称である。より狭義で具体的には、「ISO/IEC 14443」と「ISO/IEC 18092」の2つの標準によって定められた近距離無線通信規格を指す。これらは、技術的には世界中で広く利用されているMifare（Type A／B）、主に日本や一部アジア地域で利用されているFeliCa（Type F）といった規格の上位互換にあたる。「至近距離でなければ通信できない」というセキュ
ベンダープレフィックスの順序｜Web Design KOJIKA17
CSS3を扱う上でベンダープレフィックスの話題は外せません。 そのベンダープレフィックスの順序について書いてみます。 ベンダープレフィックスとは ベンダープレフィックス(vendor prefix)は、ブラウザが独自の拡張機能を実装、勧告候補前の仕様を先行実装する場合に、 将来的に仕様が変更されるリスクに備えて、プロパティや値につけられる識別子のことです。 その識別子は、ベンダー識別子(vendor identifier)によってブラウザの種類が付けられています。 主要なブラウザのベンダープレフィックス -webkit- Google Chrome、Safari、(Opera) -moz- Firefox -ms- Internet Explorer -o- Opera ただしCSS3などの仕様が勧告候補になった場合には、ブラウザベンダー側がベンダープレフィックスを外すことが推奨されていま
文章は接続詞で決まる→（保存版）接続詞の常識チートシートにまとめてみた
文や語句を一定の意味関係・論理関係のもとに結びつけて、論旨や文脈を展開していくうえで、接続詞の役割は重要である。 単なる文の羅列でも意味は通じるかもしれない。 しかし、その場合には、受け手に論理構成を委ねており、受け手の側が正確に論理構成ができない場合には誤解が生じる。 対して、接続詞を適切に用いれば、読み手に論旨の展開を予告することができ、論理構成を誘導し、誤解が生じるリスクを下げることができる。 今回は 「文は短く」は俗説か？ー〈短文信仰〉を屠り、短文のレトリックと長文のロジックを取り戻すために 読書猿Classic: between / beyond readers や他の記事で紹介した『よくわかる文章表現の技術（全５巻）』シリーズの著者、石黒 圭 氏が接続詞だけを集中的に扱った、その名も を参考に、日本語における多彩な接続詞について、できるだけコンパクトにまとめて、文章を書く助けと
青空文庫 注記一覧
ここでは、テキスト版に用いる注記のうち、書式の定めのあるものを一覧にしています。 青空文庫では、テキスト版をプログラムで変換して、XHTML 版を作っています。そのプログラムは、ここにまとめた書き方を前提に動作します。 各種の青空文庫ファイル表示ソフトにも、この書式への対応を期待できます。望ましい、安定した変換結果や表示を得るため、これに従ってください。 青空文庫に収録されたテキストのうち、古い時点で作成されたものには、過去に推奨されていた古い記法が残っている可能性があります。また、テキスト点検の過程で、暫定的な新規注記が採用されている場合もあります。基本的には、本文書を優先してください。 その上で、2015年以降のタイムスタンプがあるファイルで、ここにない注記を見つけた際は、まだ暫定的なものだと理解した上で、各自で導入を判断してください。 ※ここでは、基本的に縦組の底本を念頭に置いて、説
コーディングスピードはまだ上がる！！ <br>Zen-Coding カスタマイズ
コーディングスピードはまだ上がる！！ Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍！10倍！上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
今こそ安心できるWordPressバックアップを！復旧作業まで実際にやってみたWordPress丸ごとバックアップ法
※BackWPup3が公開されました。BackWPup3でのバックアップ＆復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね！疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね？ でも、 「WordPress全体をバックアップできていますか？」 そして、 「実際にリストア（復元）作業を試してみたことはありますか？」 GoogleでWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない！ リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ
SEOを発注する前に必ず知っておくべきこと など11+4記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
グーグルのウェブマスター向け公式ブログが「サイトの制作や集客を外注しているサイトオーナーのみなさまへ」と題して、SEOの施策を社外に委託するときの注意点を説明した。 制作会社やSEO会社がガイドラインに反した施策をしてしまったことで検索トラフィックを失うような自体にならないためには、どうすればいいのか。 記事では、たとえば次のようなことに対して念を押している。 ウェブマスター向けガイドラインの品質に関するガイドライン に目を通しておくSEO 業者は慎重に選ぶウェブマスター ツールを常にチェックするこのコーナーの読者の大半はSEO専門職ではなく一般のウェブ担当者のはずだ。外部のSEO会社やSEOコンサルタントにSEOを依頼する人も少なからずいると思う。 そうした場合でも、この記事で書かれていることを怠ったがために、意図せずグーグルのガイドラインに反し、ペナルティを受けてしまうことがある。 取
Adobe CS6 バージョンJavaScriptリファレンス
Adobe CS6 バージョン JavaScript リファレンス Adobe Systemsから発売されているアプリケーションはJavaScriptによって制御することができます。旧マクロメディア製品であるDreamweaver、Fireworks、Flashはベースが異なるので、ここで掲載しているサンプルは動作しません。これ以外のPhotoshop CS6, InDesign CS6, Illustrator CS6, Bridge CS6, ExtendScript Toolkit CS6、AfterEffects CS6、Encore CS6、Premiere CS6、MediaEncoder CS6などはアプリケーション固有部分を除いて同じスクリプトを動作させることができます（Premiere CS6はJavaScript制御に未対応）。このページでは、この共通の部分（コアオブジ
Adobe Photoshop CS6自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS6をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMac OS X (10.6.8)上で動作させたものです、このためWindows上での動作とは異なる可能性があります。また、3月24日時点ではPhotoshop CS6はβ版としてAdobe Systemsが配布しているため正式版では動作が異なる場合があるかもしれません。あらかじめ、ご了承下さい。 Photoshop CS6は基本的には以前のCS1〜5からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CS6、AfterEffects 6.5〜CS6、Illustrator CS2〜CS
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
Use Split Frequency Healing to Retouch a Photo in Photoshop | Envato Tuts+
Split Frequency Healing is a technique that you can use in Photoshop that will allow you retouch photos without affecting the photo's respective tone or texture. In this tutorial, commercial retoucher, Daniel Meadows, who has worked for clients such as Harper's Bazaar, Elle, Marie Claire, Chanel, and L'Oreal Paris, will explain this technique and how it can be used in your workflow. Let's get star
画像単体表示時に各ブラウザが適用するスタイル
ブラウザで画像ファイルを単体で開いたとき、ブラウザによって表示の仕方が違っていたのが気になったので、画像表示ページのCSSを調べてみました。 なかなか面白かったですし、何かの参考になるかもしれません。 Google Chrome & SafariChrome 20.0.1115.1 dev-mとSafari 5.1.5で調査。 画像は表示領域の左上にぴったりと表示される。画像が表示領域内に収まりきらない場合は縮小して全体表示。スタイルは各要素にstyle属性で直接指定されます。 body { margin: 0px; } img { -webkit-user-select: none; cursor : -webkit-zoom-in; /* 縮小表示時 */ }FirefoxFirefox 12.0とAurora 14.0a2 (2012-05-01)で調査。 表示領域は暗い感じに塗りつ
無料でここまでできる→外国語を書くのに役立つサイト24選まとめ
外国語を書くのに、すべて丸投げしておまかせできるウェブサービスは存在しない。 有料で、向こうにちゃんと翻訳できる人がいる場合でもできるのは、〈外国語で書く〉という問題解決を支援することである。 複数の情報源（ソース）から得られたものを突き合せて信頼性を高めるのが情報に関する問題解決の基本スタンスである。 どのような辞書も事典も専門家も、間違えることは必ずあるから、ひとつの情報源だけに頼ることは避けられる。 突き合わせるだけで問題が解決する訳ではないが、突合せにより浮かび上がる情報源の間の違いが、問題解決の糸口になる。 機械翻訳 英語←→フランス語、日本語←→韓国語などに比べて日本語←→英語その他の外国語の機械翻訳は、現在のところ実用レベルにはほど遠い。 しかし、とても信用できない機械翻訳も、異なる機械翻訳から得られる複数の結果を突合することで、見えてくるものがある。 ◯翻訳比較くんwith
塗りに特化したPhotoshopのブラシ設定などを解説した、ToLOVEる塗り職人のブログが凄い！ ｜ お絵かき速報！萌え絵上達法
今回は、ToLOVEるの美しい塗りコラで有名な、山岩珠胚氏（通称塗りあき）のブログを紹介します。 山岩氏のブログでは、Photoshopで塗りを行うためのブラシ設定を解説されたり、 パフォーマンスを向上させるための環境設定、効率よく作業するためのレイアウトなどが公開されています。 Photoshopを使っている方は見て絶対に損のない、素晴らしいサイトです。 以下、サイトの見所を大まかに紹介します。 とらから◇ToLOVEるCoLORINぐBlog http://toloverucoloring.blog.fc2.com/ 【Photoshopのブラシ設定】 山岩氏が実際に使っているPhotoshopのブラシ設定を紹介 設定方法だけでなく、ブラシファイルまで公開する親切さ エロゲ塗りに最適の、きめ細やかな塗りのできるブラシ http://toloverucoloring.blog.fc2.c
clearfix のアレンジ版作ってみました - understandard
Firefox 3.6 が clearfix の影響で margin-bottom が margin-top にもかかるという話を聞いて、普段使ってた clearfix で試してみたところ、同様の現象が出たので、対応版を作ってみました。 追記（2012年2月7日）: 公開当初のコードでは問題があったので、最後に追記しました。 ネタ元の記事は以下。 firefoxでmargin-bottomがmargin-top | 乱雑モックアップ この記事で紹介されていた clearfix は以下ようなもの。 僕はこの指定から height:0; を抜いたものを使っていました。 .clearfix:after{ content: ''; display: block; clear: both; height: 0; } .clearfix{ /zoom: 1; } この記事の公開時点（2012年2月1日
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
曹洞宗 東海管区 教化センター（禅センター） 曹洞宗のお経
公海555000kk线路检测—首页（欢迎您）
QueryPosts is retired
https://atmarkit.itmedia.co.jp/fwin2k/productreview/win805/win805_02.html