タグ

web制作に関するhalohalolinのブックマーク (357)

  • サイトマップ作成

    The goal of this website is to let you: Create an XML sitemap that can be submitted to Google, Bing and other search engines to help them crawl your website better. Create a Text sitemap to have a plain list of all your pages. Generate an HTML site map to allow website visitors to easily navigate on your site. What is sitemap? By placing a formatted xml file with site map on your webserver, you en

    halohalolin
    halohalolin 2009/07/29
    Google sitemapなどに使えるXMLサイトマップを簡単に自動作成
  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
    halohalolin
    halohalolin 2009/07/22
    各項目についてSEOチェック項目を作り、確認をしていくのが重要
  • Dolphin.Pro - World's Best Social Network Platform

    Open-Source. Unlimited. White-Label.Powering more than 300,000 web communities, online dating sites and niche social networks, DolphinPro is the world most popular social networking software platform. By far! Customisable design, texts, navigation, pages, blocks, actions and permissions.You have full control over how your site looks and works. Every link, image, block, feature and module can be cu

    halohalolin
    halohalolin 2009/07/21
    オープンソースのソーシャルSNSエンジン/PHP&MySQLで構成。ストリーミングビデオチャット機能なんてのもあるようです。(PHPSPOT)
  • PHPIzabi | Advanced tools to do a superior job.

    Online games, video gaming sets, or PlayStation consoles, all these virtual gaming platforms are gaining much popularity these days owing to the rapid demand

    halohalolin
    halohalolin 2009/07/21
    オープンソースのソーシャルSNSエンジン/PHP&MySQLで構成されているみたい。多言語サポートなんかがあるようです。(PHPSPOT)
  • Elgg.org

    Introducing a powerful open source social networking engine Providing you with the core components needed to build a socially aware web application Elgg is an award-winning open source social networking engine that provides a robust framework on which to build all kinds of social environments, from a campus wide social network for your university, school or college or an internal collaborative pla

    halohalolin
    halohalolin 2009/07/21
    オープンソースのソーシャルSNSエンジン/PHP&MySQLで構成。プラグインベースのシステムらしいので拡張も容易なのかも。(PHPSPOT)
  • 要注目!HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT

    Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDFHTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー

    要注目!HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT
    halohalolin
    halohalolin 2009/07/21
    09/07現在日本語出力には対応していない、。ヘッダ、フッター、ページナンバリングといった繰り返しの表示も可能
  • Perl版 携帯絵文字変換ライブラリ マニュアル

    ライブラリはPerlCGI上にて携帯絵文字を相互に変換表示するためのライブラリです。 ライブラリ使用により簡単に携帯絵文字コードを対応する絵文字画像で表示することができます。 また、PCで表示する場合には絵文字画像で表示することができます。 その他、絵文字を削除したり検出、エンコード・デコードしたりする機能が搭載されていますので、絵文字処理に関して幅広く利用することができます。(Lib Ver.4 + DB Ver.5) 尚、ライブラリを使用してPC上で対応する絵文字画像を表示する場合には、対応する絵文字画像セットが必要になります。 この携帯絵文字画像セットは http://potora.dip.jp/ よりダウンロードが可能ですので、ご利用ください。

    halohalolin
    halohalolin 2009/07/17
    PerlCGI上にて携帯絵文字を相互に変換表示するためのライブラリ/PCなら絵画像文字で表示(別途携帯絵文字画像セットが必要)
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    halohalolin
    halohalolin 2009/07/17
    XHTMLで作成する(TABLEタグは端末を選ぶ)/キャリアごとの仕様の差は外部CSSで/文字サイズを小さくするには/ロゴ画像のサイズは横240ピクセル/流れる文字はDIVタグで/反転文字/色つき水平線/右寄せ/画像回り込み/文字でデザイン
  • モバゲータウンのノウハウ満載! フレームワークMobaSiFを使おう! 記事一覧 | gihyo.jp

    第4回MobaSiF に含まれるケータイ向け処理モジュール 能登信晴,川崎修平 2008-09-12

    モバゲータウンのノウハウ満載! フレームワークMobaSiFを使おう! 記事一覧 | gihyo.jp
    halohalolin
    halohalolin 2009/07/17
    MobaSiF(Moba Simple Framework)の解説記事/MobaSiFは「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワーク
  • MobaSiF (Moba/Mobile Simple Framework)

    DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したものです。

    MobaSiF (Moba/Mobile Simple Framework)
    halohalolin
    halohalolin 2009/07/17
    DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したもの
  • 無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール | ClockMaker Blog

    FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り

    無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール | ClockMaker Blog
    halohalolin
    halohalolin 2009/07/15
    Windows向けコードベースのflash無料開発手法/FlashDevelopとFlex SDKを用いる/「Java」と「.net Framawork」が必要なのでMacやlinuxでは動かない?/Flash CS4 で素材を用意しておくべし
  • Amazon Product Advertising API への対応(PHP版) - もやし日記

    AmazonアフィリエイトAPI の名前がまた変わりました(今回で3回目?)。名前が変わるだけならそれほどの問題ではないのですが、過去の API を利用している全サイトに影響があるので注意が必要です。重要な変更内容: 2009年8月15日以降、全てのリクエストに対して Secret Access Key を使った署名認証が必要になる そのため、これまでの Amazon Associates Web Service 4.0(旧 Amazon ECS 4.0)リクエストは全て無効になる 参考:http://developer.amazonwebservices.com/connect/ann.jspa?annID=442 Secret Access Key の取得今までの Amazon Associates Web Service 4.0 は Access Key ID のみで利用でき

    halohalolin
    halohalolin 2009/07/12
    2009年8月15日以降、全てのリクエストに対して Secret Access Key を使った署名認証が必要になる
  • 3キャリア共通のモバイルサイトコーディングにおけるポイント

    MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体

    3キャリア共通のモバイルサイトコーディングにおけるポイント
    halohalolin
    halohalolin 2009/07/12
    非XHTML対応機種は除外/合計して50KB以下に抑えておく(i-modeは100KBは対応しているが)/width 最大240px以下/.jpgか.gif/i-modeはインラインCSSのみ対応
  • AjaxZip 2.0

    Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

    halohalolin
    halohalolin 2009/07/09
    郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。JQuery対応。サーバサイドで稼動するCGIプログラムは不要です。
  • トップページ - iPhone 3G DevWiki

    Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing

    トップページ - iPhone 3G DevWiki
    halohalolin
    halohalolin 2009/07/02
    iPhoneのWebサイト、Webアプリケーション、ネイティブアプリケーションの開発情報に特化したWikiサイト
  • http://gerenuk.crazyphoto.org/2009/06/30/1021/

    halohalolin
    halohalolin 2009/07/01
    はてなホットエントリーを狙ったブログの作り方/海外のデザイン系ブログを少し翻訳して転載しただけのものが多く含まれています。そこで、このような記事を1ヶ月書き続けたら、サイトのアクセス数が増えるのか実験
  • http://e0166nt.com/blog-entry-682.html

    http://e0166nt.com/blog-entry-682.html
    halohalolin
    halohalolin 2009/06/30
    文章をパーツ化する / そのポストは1つの物語で完結しているか / 記事の中身も使いやすく分解
  • まずは、mixiアプリを使ってみよう、作ってみよう

    まずは、mixiアプリを使ってみよう、作ってみよう:基礎から分かる、mixiアプリ作成入門(1)(1/3 ページ) mixiのアプリ?それって何? 「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi(ミクシィ)」上に組み込まれて実行される、Webアプリケーションです。主に、JavaScript+XML+HTMLCSSで作ります(やり方によっては、Flashなども使える)。 誰でも開発でき、人が開発したmixiアプリを自分のマイページなどに自由に組み込むことができます。また、Webアプリケーションのため課金方式は異なりますが、iPhoneアプリのようにmixiアプリを作って公開することで報酬を得ることもできます。 mixiアプリは、2009年6月現在、オープンβ環境のみで利用可能となっています。正式版は、8月公開予定です(参考:「mixiアプリ」8月に正式公開 販売

    まずは、mixiアプリを使ってみよう、作ってみよう
    halohalolin
    halohalolin 2009/06/23
    JavaScript+XML+HTML+CSSで作ります/mixiアプリの作り方を一度覚えると、ほかのOpenSocialに対応している環境であるgooホームやMySpace、iGoogle、Orkut、OpenPNEベースのSNSサービスなどにも簡単に応用できる
  • Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT

    正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを

    Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
    halohalolin
    halohalolin 2009/06/21
    Lighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを設けられるようになっている
  • 【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

    ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

    【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
    halohalolin
    halohalolin 2009/06/21
    IE6 でも min-height を使う/IE6 で float したボックスの margin の値が2倍になるバグの対処方法/float したオブジェクトをセンタリングする/オブジェクトを上下中央揃えにする/ブロック要素の段組み