Developer's Blog

ウェブ開発 アーカイブ

3分でそれなりに分かる Web フォント

WebDevBlogTitle

こんにちは。Web 担当の真谷(シンガイ)です。

先日「Web Font ってどうなの?」という非常にアバウトな問いをもらい、Web フォントについて説明する機会がありました。

今回はその時説明した3分でそれなりに分かる Web フォントについて記載します。

続きを読む

秀丸エディタの隠れた機能

こんにちは、Web 担当の青野です。


前回、前々回と秀丸の記事だったので今回は違うものにしようかと思いましたが、やはり今回も秀丸の紹介にしました。
ということで今回は、秀丸の隠れた機能について紹介したいと思います。

続きを読む

多地域向けウェブサイトの構築について

WebDevBlogTitle

こんにちは。Web 担当の真谷(シンガイ)です。

11月末から Web ページの多地域化に着手し始めて数ヶ月が経ちます。多地域向けウェブサイトの構築の情報を集めながらサイト構築をしていたのですが、明確な根拠が無く書いてある情報が多く頭を悩ませながら作業をしていました。
しかし、今年の2月に Google ウェブマスター向け公式ブログに多地域向けウェブサイト構築の明確な指標が出ました。

明確な指標が出て非常に分かりやすくなったので、今回はその情報を纏めてみました。

続きを読む

秀丸エディタをもうちょっと便利にする方法

WebDevBlogTitle

こんにちは、WEB 担当の青野です。
今回は前回に引き続き秀丸エディタをもうちょっと便利にする方法を紹介します。

前記事の終わりにマクロの紹介をすると書いていましたが、ついでなのでちょこっとだけ便利な機能についても触れたいと思います。

続きを読む

IE の自動アップグレードに際して IE6 / IE7 の個別対応で困っている機能を振り返る

WebDevBlogTitle

こんにちは。Web 担当の真谷(シンガイ)です。

基本的に Fenrir の Web ページはどんなブラウザでも正しく見ることができるように心がけているため、コーディングをやっていると IE 6 / 7 のみで使えない機能に歯噛みしながら別の方法をとってることが多いです。
ですが、前々から言われていた IE の自動アップグレードがとうとう今月中旬に実施されるようなので、小躍りしています。

もし IE 6 / 7 が無くなるとして、どんな事で困ってるか思い当たるところを整理してみました。

続きを読む

スマホ向けサイトをMac/PCで表示する。すぐできるオススメの『ユーザーエージェント偽装』方法。

こんばんは!開発の林です。
Bootstrap, from Twitter いいですよね!サクサク作れちゃうあたり今気に入っています。
本記事でもエントリー部分だけ Bootstrap にしてみました。


さて、話を戻します。
他所のスマートフォン向けサイトに PC からアクセスしたい、
ソースを見てみたい、解析やデバッグを行いたいことってありませんか?
本日はスマートフォン向けサイトを PC からでも解析できるよう簡単に偽装する方法をご紹介します。

Mac / Windows 対応です。

続きを読む

秀丸エディターの、なくても困らないけどあると便利になるマクロ

WebDevBlogTitle

こんにちは、WEB 担当の青野です。
秀丸エディターは、元々搭載されている機能をショートカットキーに割り当てるだけでもものすごく便利になるものですが、 マクロを使うことでさらに便利になります。

ということで今回は、なくても困らないけどあると便利になるマクロについて紹介したいと思います。

続きを読む

Java 使いが Python + kay-framework の Google App Engine の開発環境を作ってみた。

WebDevBlogTitle

こんにちは。Web 担当の真谷(シンガイ)です。

Google App Engine(以下 GAE )というサービスをご存知でしょうか。Google のインフラ上でアプリケーションをウェブアプリケーションを動かす事が出来るサービスです。紆余曲折があり、去年の12月に正式にサービスが開始されました。

ある仕事で GAE を使用する事になり、その際個人的に触っていた私に仕事が舞い込んで来ました。

その時進めようとしてたものが Python で、実は自分は Java しか触った事がなかったので色々と調べて開発環境を設定した事を今回書こうと思います。

続きを読む

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。

 

こんにちは、ウェブ開発の林です。

スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。
meta viewport というタグを使えば表示サイズを調整することができます。

ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。

スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。
こちらを参考に組んでみてはいかがでしょうか。

続きを読む

クリスマスのおたのしみ「アドベントカレンダー」

こんにちはこんにちは! エンジニア川端です。

街中はイルミネーションに彩られ、クリスマスが近づいていることを感じさせます。
クリスマスといえば、みなさん「アドベントカレンダー」をご存知でしょうか?

アドベントカード (Advent card) とは、アドベントの期間中に窓を毎日ひとつずつ開けていくカードである。アドベントカレンダーとも言う。
カードに作られた窓を1日に1つずつ開けていく。そして、全部の窓を開け終わるとクリスマスを迎えたことを教えてくれる仕掛けになっている。
北欧では「ユール・カレンダー」と呼び、古代の名称と習慣を踏襲している。

via Wikipedia

なるほどなるほど。では、具体的には、どんなものがあるんでしょう?

続きを読む

スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。



こんにちは。開発担当の林です。

iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。
また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。

広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。

続きを読む

Web 界隈の技術者が読んでいるであろう書籍 5 + 2

よい本

こんにちはこんにちは! エンジニア川端です。

新しいことを学ぶために本を買おうと書店に行くと「○○入門」の山、山、山。いったいどの本がためになるのか……そんな事がわかっていたら入門書なんか買いませんよね。
玉石混淆の中から、数年先も輝いている宝石のような書籍を選びたい。

今日は、

  • 私が今までに購入して
  • すばらしかったので今も手元に置いてあって
  • 私以外の人も高く評価しているのできっと良書のはず

そんな書籍の中から、Web エンジニア向けのものを何冊かご紹介したいと思います。

続きを読む

【PHP】とあるページの、はてブコメント、ツイート、Facebookいいね!数を取得するテンプレコード【’11年末版】

php.png

こんにちは。開発担当の林です。

今回はタイトル通りPHP(5.2以上)で、とあるページの、はてブコメントと、ツイート、Facebook いいね!数を簡単に取得するためのテンプレ用ソースコードです。
最低限のコードですが、比較的よく使われるものなのかなと思ってまとめました。
何かのお役に立てれば幸いです。

※ 本記事は、各サービスの公式 API を使っています。

  1. はてなブックマークエントリー情報取得API
  2. Twitter API (日本語参考:Twitter API – TwitterまとめWiki
  3. Facebook Query Language

(`・ω・´)

続きを読む

Amazon Product Advertising API の仕様変更との付き合い方

WebDevBlogTitle

こんにちは。 Web 担当の真谷(シンガイ)です。私は Web 担当と言うことで、Web API と付き合う機会があります。
Web API を触っていると大幅な仕様変更・急な仕様変更が少なからずあり、その都度対応をしています。

Sleipnir Start の Amazon ランキングでも使用している Amazon Product Advertising API (以下 APAAPI)も 2011年10月26日 に仕様変更があります。
この仕様変更で頭を悩ませている方が多いのではないでしょうか。今回は特に問題が発生しそうな仕様変更を2つピックアップして説明します。

続きを読む

WEB ページを作る時に気をつけること

WebDevBlogTitle

こんにちは、WEB 担当の青野です。

今回は、僕がWEB ページを作成するときに気をつけていることをいくつか書こうと思います。
内容的には、HTML、CSS、クロスブラウザでの描画の違いもある程度理解した人が、次の段階として実践する内容です。

続きを読む