Switch 四角い地球に再びシカク現る!? デジボク地球防衛軍2 EARTH DEFENSE FORCE: WORLD BROTHERS
Switch 四角い地球に再びシカク現る!? デジボク地球防衛軍2 EARTH DEFENSE FORCE: WORLD BROTHERS
最近的2019中文字幕国语在线,最近的2019中文字幕免费,最近手机中文字幕大全7,最近完整中文字幕2019下载
FotoLog.com is great and best web magazine in 2024
MediaMaster® is the easiest to use full-featured media delivery system for schools, with support for every A/V source, up to modern IPTV and video on demand systems. MediaMaster is based on open technologies, so you are assured a flexible and manageable system that integrates with your school’s existing network. The MediaMaster AdvantageMediaMaster empowers teachers to make effective use of their
お客様各位 2011年3月30日 ニフティ株式会社 【重要:トピックイット終了のお知らせ】 この度、2007年より多くのお客様にご利用いただきましたトピックイットにつきまして、誠に勝手ながら、2011年3月30日(水)をもちまして、全サービスの提供を終了させていただきました。 ご利用いただいたお客様には大変ご迷惑をおかけいたしますが、何卒ご理解賜りますようお願い申し上げます。 長きに渡るご愛顧を賜り、誠にありがとうございました。 以上
動画をかんたんアップロード! 無料で動画を公開・共有できる@niftyのサービスです。2008/09/26 秋は、ニャンさんも・・・!! ※ 銀ちゃんの野草園: 久しぶりに登場のクー姉さんでーす。: 秋は、紅葉の季節ですがクー姉さんは… [銀ちゃんの野草園]
あなたの探し物が「見つかる」 問題が「解決する」 求めるものが「今」、「どこに」、「どれだけ」あるのか一目でわかる同時検索エンジンです。 まずは「 自分の名前 」や「 自分のブログ 」の情報が今、どこに、どれだけあるか検索してみてください。 -おしらせ- 6/2 前月の人気検索ワードを公開しました。
キーワードを使いまわしてあらゆるサイトを横断検索! 価格、クチコミ、動画、画像、歌詞、郵便番号、辞書等、欲しい情報がすぐに見つかります。
ここはAdobe Photoshop(アドビ フォトショップ)の使いこなしWebサイトです。まずお読みください。 ▼このサイトについて 中心コンテンツです。Photoshopを使った作例を紹介しています。同ソフトをお持ちの方はぜひやってみてください。デジカメで撮った写真を補正修正したり、いろんな加工をしてみましょう。 Photoshopのバージョンによって操作が少々異なる事がありますが(画面はMacOSですがWindowsでも同じです)、わからない点があれば掲示板に書き込んでもらってかまいません。 ▼Example 1~10 ▼Example 11~20 ▼Example 21~30 ▼Example 31~40 ▼Example 41~
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
日経電子版の総合投資・金融情報コーナー。株式・為替から債券、商品、新興国市場など国内外の最新マーケット情報はもちろん、第一線の記者による分析・解説記事を豊富に提供します。企業の最新ニュースや詳細な株価・財務データを提供するオンライン版の「日経会社情報」、チャートや銘柄管理ツールなどの便利な機能も充実しています。
NEWS 2023.05.24 株式会社もしも「ストレスフリーカンパニー2023」受賞 2023.01.17 もしもアフィリエイト、メディアオーナー管理画面をリニューアル 2022.07.14 もしもマーケティング、トップページをリニューアル 2022.04.06 もしもアフィリエイト、メディアオーナー会員数が70万人を突破 2021.08.23 女性誌GINGER10月号『ダブルワークの働き方を教えて!』特集に、もしもアフィリエイトが紹介されました。 2023.05.24 株式会社もしも「ストレスフリーカンパニー2023」受賞 2023.01.17 もしもアフィリエイト、メディアオーナー管理画面をリニューアル 2022.07.14 もしもマーケティング、トップページをリニューアル 2022.04.06 もしもアフィリエイト、メディアオーナー会員数が70万人を突破 2021.08.12 株
Find B2B influencers for your business with AIFavikon is the only AI-powered influencer marketing platform that covers all niches and all industries. Start your B2C or B2B influencer marketing campaign now for a 10x ROI compared to traditional marketing methods. Influencer DiscoveryFind Best Influencers on all Social MediasSearch the right influencers for your brand easily with AI. Leverage AI to
How it works?This 3D book cover generator is constantly rendering a realistic book model with the pictures you loaded. Every time you move the camera or change a parameter — the rendering starts from the beginning. It may take some time for the noise to come away and you get a nice and clear 3D image. The progress bar below the book image indicates the optimal rendering time. You can wait more and
Let'sプログラミングでは初心者の方を対象にJavaやPython、PHP、Rubyなど色々なプログラミング言語の解説を行っています。 Java Java入門 これからJavaを使ったプログラミングの習得を目指している方を対象としたチュートリアルです サーブレット(Servlet) / JSP入門 サーバサイドで動作するアプリケーションの作成方法 Androidプログラミング入門 モバイル向けプラットフォーム Android で動くアプリの作成 Swingを使ってみよう GUIを使ったJavaアプリケーションの作成で使用するSwing入門です Eclipse入門 開発環境として広く使われているEclipseのインストールと活用法 Javadocの記述 ソースコードからHTML形式の仕様書を生成します Apache POIでExcelを操作 Excelファイルの作成・操作
Ready to go Toolbox für Ihren digitalen Kundenzugang Skalierbare Module für Echtzeit-Lösungen für Apps, Web und Plattformen Drastische Einsparung Erleben Sie mit YOU OS-Modulen Kosteneinsparung bis zu 50% durch Konfiguration statt “build-from-scratch” Vorgehen. Direktes Prototyping Sie erwartet eine massive Zeitersparnis durch anpassbare Module und schnelle Entwicklung von Prototypen statt langwie
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
By signing up you acknowledge receipt and agree to the Skenzo Ltd. Privacy Policy. By clicking this checkbox you agree to have your personal information transferred and stored in the United States, which is necessary for Skenzo Ltd. to provide you with the services under our agreement with you. This domain name may be available for sale Your search for the perfect domain name ends here Drive relev
The Picnik is over As announced earlier, Picnik closed on April 19, 2013. We're fortunate and proud to have worked on Picnik. What now? To keep your photo editing mojo rolling, check out Google Photos Editor. Why? Since joining Google in 2010, the Picnik team has been working on Picnik while helping to create photo editing magic in Google's products. But now we get to focus. What about my photos s
1【悲報】小学生にペット育てさせて食わせる授業、まだやってた不思議.net 2バドミントン桃田賢斗がまさかの1次リーグ敗退なんじぇいスタジア... 3なぜ絶妙にフィットさせてくるのかまめきちまめこニー... 4【速報】柔道金メダル新井千鶴の死闘すげえええええええええ(...NEWSまとめもりー|... 5【悲報】小池百合子「一人暮らしの方は自宅を病床にしてもらう...痛いニュース(ノ∀`... 6「鬼退治」ゲーセンの鬼滅匂わせグッズで16億売り上げた業者...ハムスター速報 7幻となったMIKIKO案の東京五輪開会式の詳細画像が公開! 任天...はちま起稿 8ノーマスク界隈、ガチの地獄と化していた・・・オレ的ゲーム速報@... 9バイト先の店長「勝手にバックれたらマジでお前の母校行くぞ!...【2ch】ニュー速ク... 10【悲報】身に覚えのない『中トロと伊勢海老』が届いたから食っ...お
いいね 応援 見たよ わかる 好き あるある それな 最高 アツい 感謝 そうだね OK 同意 うける ありがと わいわい 思いの数だけ スターをつけよう 心を捉えた記事やコメントにスターをつけて、 あなたの気持ちを表現しよう。 カラフルなスターを選んだり、文章を引用したり、 インターネットをスターで満たそう。 はじめてガイドをみる 特別な気持ちは 特別なスターで いつもとは違うカラースターをつけて、特別な気持ちを表現しよう。 カラースターは、はてなの利用状況に応じてプレゼントされたり、 カラースターBOXを購入することで入手できます。 カラースターショップをみる みんながつけたスター数 1,267,983,899 Stars ※2022/09時点 みんなのスターをみる
Notre métier est de concevoir, prototyper, programmer des applications mobiles De les rendre conviviales, intuitives, parfois innovantes, mais toujours efficaces. Puis de les maintenir et les faire évoluer en fonction des tendances du marché Faites confiance à nos équipes spécialisées dans les applications mobiles du domaine luxe et médias Nous faisons partie des rares agences pertinentes et de ta
FotoFlexer is a free, easy, and powerful online photo editor. A user-friendly photo editor that offers one-click tweaks, along with some advanced tools on par with desktop-class photo editing software. Clean & Simple Photo Editor We’ve just launched the first version of our online photo editor (ver 1.1). FotoFlexer(ver 1.0) will always be simple and easy to use. Our editor works in your web browse
Accurately conveying Japan, present and future, to the world. Mission Providing trustworthy information that deepens understanding of, and generates interest in, Japan. 世界中で、日本に興味を持つ人を増やし、日本についての理解を深めるために、私たちは、信頼できる情報を提供します。 Vision Contributing to a better world through the promotion of mutual understanding between Japan and various international communities. 日本と世界の相互理解を推進することで、よりよい世界の実現に貢献します。
Mind mapping can be: free, fast, simple Sign up to create and share your own mind maps Welcome to Mind42 Mind42 is a free online mind mapping software. In short: Mind42 offers you a software that runs in your browser to create mind maps - a special form of a structured diagram to visually organize information. Use it to create todo lists, brainstorm ideas, organize events, you name it... Mind42 is
インストール方法 【インストーラ版の場合】 ダウンロードしたファイルを起動し、画面の指示に従ってください。 (注) Windows2000/XPの方は「管理者権限(コンピュータの管理者)」でインストールしてください。 【ZIP圧縮版の場合】 解凍したファイルを適当なフォルダに入れて、「ddb.exe」を起動してください。 アンインストール方法 【インストーラ版の場合】 「コントロールパネル」→「プログラムの追加と削除(またはアプリケーションの追加と削除)」→「dots design builder」または スタートメニューの「プログラム」→「dots design builder」→「アンインストール」を選択し、 画面の指示に従ってください。 (注) 直接インストールフォルダを削除する事でもアンインストールできますが、「プログラムの追加と削除」の 項目が残ったままになっ
You see this page because there is no Web site at this address.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Share on Ovi is a free service for hosting and sharing photos, videos, and audio. Upload from a camera phone or PC. Organize and share pictures and home movies.not a member? sign up, it's free! Share photos, videos, audio and 100 other types of files Right from your PC, Mac or camera phone - with one step Share privately or with the whole world Republish your media easily in blogs, websites,
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
skrbl for teams Team resources for online collaboration. Powerful new features designed to let you work better together. Share resources with your team, co browse the web, annotate shared documents, video phone, skype calls ... share ideas, communicate & sync like never before. 'team-skrbl' is the next best thing to being in the same room. Get started today, claim your virtual office space,
Warum wird diese Seite angezeigt? Diese Seite wurde automatisch erstellt. Sie wird bei jeder neuen Domain hinterlegt und zeigt, dass die neue Domain erreichbar ist. Ohne diese Platzhalter-Seite würden Besucher eine Fehlermeldung erhalten. Als Kunde von united-domains können Sie diese Domain in Ihrem Domain-Portfolio jederzeit selbst online konfigurieren (z.B. Web-Weiterleitungen, E-Mail-Einstellun
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
フォトスタジオのPhotoplaza 才能あふれるクリエイターが多数在籍するフォトスタジオPhotoplazaでは、どこにでもある普通のフォトスタジオの上のレベルをいくフィルムクオリティをお届けしています。プロのカメラマン含め、スタッフ一人ひとりが豊富な経験とアーティスティックな感性を持っており、スムーズな撮影プロセスとクリエイティブな成果を保証いたします。当フォトスタジオのウェブサイトをご覧になっているということは、撮影サービスをお探しでしょうか?フォトスタジオPhotoplazaは、ただ単に撮影して、写真ファイルをメールで送るだけではありません。撮影対象物をイメージへと変換する過程において、全面的にサポートいたします。撮影した写真をプリントして額に入れて壁に飾ったり、大切な思い出がつまったエレガントなフォトアルバムを作ったり、ポートフォリオやウェブサイト用のヘッドショットを作ったりする
As a responsible car owner, ensuring the optimal performance and longevity of your vehicle's engine is of utmost importance. That's where Full Synthetic Motor Oil comes into play. … [Read more...] about 5 Best Full Synthetic Motor Oil – Unleashing Peak Performance for Your Engine In the fast-paced world of automotive technology, ensuring the optimal performance of your vehicle is essential. One cr
is a totally awesome idea still being worked on. Check back later.
通信 無料プロバイダー・無料ISP,無料WiFi 無料電話,無料ネット電話・ネット電話,無料通話,無料FAX 無料メールアドレス・フリーメール,ウェブ,POP,転送,捨てアド 無料オンラインストレージ・巨大ファイル保管,転送,共有 無料グリーティングカード・eカード,挨拶状,グリカ 無料メーリングリスト・無料連絡網,ML,グループメール HP制作・ブログ 無料ホームページ・無料HP,無料サーバー,簡単,携帯 無料ブログ・ブログ,ミニブログ 無料アルバム・オンラインフォトアルバム 無料Wiki・無料レンタルWiki(ウィキ) 無料日記・無料レンタル日記,ダイアリー,日誌 無料カウンター・アクセス,オンラインカウンタ 無料アクセス解析・無料レンタルアクセス解析 無料掲示板・無料BBS,アイコン,お絵かき,画像 無料チャット・無料レンタルチャット,CGI,Java 無料メールフォーム・無料フォー
引越し単身費用はなるべく安くしたいですよね。複数の引っ越し業者から最安値業者を見つける、とても簡単な方法を考えます。 引越し単身費用をおさえるコツ 単身引越しの費用を少しでも安くしたければ、めんどくさくとも最低3社は見積もりをとりましょう! 最初の提示金額で絶対にイエスと言わない。 それだったら他社にしますと最初の提示金額は断る。 金額がだんだん下がってきたらちょっと時間おいて検討しますと言う。 そうすると、ここで決めてくれるならこの金額でやります、という金額を提示されるので、それで納得がいけば契約してしまって良いと思います(^^) あとは単身で荷物少なめならトラック小さくしてもらって、積み込み積み下ろしを自分で手伝うようにして作業員減らしてもらえばかなり費用をおさえられます! 男性ならこの方法が1番ですね! 女性の引越しは単身だと不安なこともあると思うので、女性作業員のみでやってくれるプ
ワインは通販で買うのがおすすめな理由 ワインを手に入れるとき、皆さんはどのような方法で購入されていますか? ワインやお酒が好きな方でも、ワインを購入する際はお近くの店舗を利用する、という方が多いかもしれませんね。 私も常日頃ワインを愛飲していて、近くの店舗でお気に入りのワインを購入することもあります。 ですが最近では、晩酌用のワインを購入するためにワイン専門の通販サイトもよく利用しています! 実は私だけではなく、ワイン愛好家の中には通販を愛用している方が今とても増えているんです。 今回はワイン通販を利用するメリット、また利用しやすいワイン通販サイトについてご紹介していきますね。 まずはワイン通販の魅力についてご覧ください! ①重いワインを持ち帰る必要がない ワインはその多くが重たいガラス製のボトルに入れられています。 なので、ボトル1本でもそれなりの重量があり、女性が運ぶには少し重労働です
The web’s top 500 free fonts, calculated based on download counts from some of the biggest free font archives.Top 500 is calculated based on download counts from some of the web's biggest free font archives. The fonts presented on this page are their authors' property, and are, to the best of our knowledge, either freeware, shareware, demo versions or public domain. If anyone knows otherwise pleas
WEB上で簡単にアイコンが作れて すべてのアイコンがダウンロードし放題! あなたのブログ、ホームページ、デコメールに♪ まずはお試し作成!
商品から探す とっておき写真で 世界で1つだけの宝物 を作ろう! とっておき写真で 世界で1つだけの宝物 を作ろう! マイブックではさまざまな種類・価格の商品をラインアップ。 おうちに飾ったり、プレゼントにしたり…好みに合わせて商品をお選びいただけます。 フォトブック PhotoBook
About TinyLoad.com Edit The domain name TinyLoad.com exudes a sense of efficiency and simplicity, encapsulating the immense power of something small. It conjures images of lightweight solutions, streamlined processes, and effortless progress. Just like a delicate snowflake, this eight-letter domain is beautifully concise, making it memorable and easily brandable for startups across various industr
株式投資の相場格言集を分野別にまとめていますので、とてもわかりやすいです。相場格言集(分野別) 株式投資をする上で精神面・心構えといったことが極めて重要です。 相場は勝つか負けるかの厳しい世界です。歴史の中で語られてきた相場格言をじっくりと噛みしめ、 自分のものとし、自分なりの手法を確立していただければ幸いです。 この相場格言集はエッセンスの宝庫です! |銘柄選び|売買のテクニック|相場の心得|株の心構え|トップ↑|証券用語集| ・暴落日の赤札銘柄は注目 ・知っているものだけ買え ・相性のよい銘柄につけ ・買いたい銘柄が無くなったら売れ ・最初の(突然の)大出来高は買い ・下値圏、出来高増加は、要注目 ・信用銘柄、期日接近底値圏 ・買いにくい相場は、高い ・買いにくい株ほど、よく上がる ・割安に買いなし。割高に売りなし ・不時の出来事があったら買え ・事故に売りなし ・ストに売りな
メイプアップ(MAYP-UP)の口コミは本当なの?このサイトでは実際にメイプアップ(MAYP-UP)の口コミを調べて分かった効果を徹底解説します。私が使って分かった効果のレビューも紹介。最安値はどこなのでしょうか? メイプアップ(MAYP-UP)ってどんな商品 メイプアップ(MAYP-UP)はインスタでも話題になっているボディメイク成分がぎっしりつまったサプリ。 身体を動かしながら引き締まった身体、綺麗な肌を手にできると評判です。 フロイド・メイウェザーJr.が監修していることもあってスポーツをしている人には今非常に人気みたいですね。 私も結構太ってしまったこの身体を引き締めたくて運動を始めてみたんですが なかなか身体は引き締まらない どれだけ筋トレやランニングをすればいいの?そう思っていました。 スポーツ好きの友達にメイプアップ(MAYP-UP)を教えてもらって飲み始めたんですが はっき
精力剤、精力サプリメントである、ライデンは、男性の活力をサポートするためのサプリメントとして開発された商品です。美容外科医の先生が監修しています。 販売会社は、1997年の設立から継続経営している健康食品やサプリメントの...
We are cloud. Where innovation meets business - Xcerion produces an evolving portfolio of Internet related businesses and patents. Founded in 2001, Xcerion has always worked at the forefront of innovation and achievements in the realms of cloud. The company holds key assets in technology, patents and domain names for Cloud Computing. The Singularity Database from CloudBackend runs as a PaaS on Clo
受験生応援プランのホテル予約はこちら! ※全国の国公立・私立大学入試に完全対応!受験生宿泊プランのあるホテルを検索! 受験生の宿選びは試験合格への鍵となります。10月ごろから計画を立て、受験生の宿の予約は毎年1月に殺到します。 全国各地のおすすめのホテルや旅館を早めに確保して、最高のコンディションで試験に臨むことが重要です。試験当日を万全の態勢で迎えましょう! 国内旅行の予約で人気プランが圧倒的に多いのが「JTB」。受験生専用の「受験生の宿」プランでは、ベストなコンディションで試験当日を迎えられる、学生のことを考えた宿泊施設を探せます。 【JTB 受験生の宿2024】 ★人気ホテルが割安になる「早期割引」実施中(2023年10月現在) ★掲載件数197件(令和5年10月5日現在) ★卒業旅行プランも人気 ★受験会場にアクセス最寄り、快適な宿を厳選、アーリーチェックインあり。 ・地域・日程・
ログイン 新規登録 フォト蔵ニュース 2024年3月16日 【画像表示の不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在もまだ、一部の画像に関しまして反映されない不具合が継続しております。 現在、修正にあたっております。復旧まで今しばらくお待ち頂きます様、何卒お願い申し上げます。 フォト蔵 システム部 2024年3月16日 【写真検索の不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在、「写真検索」におきまして、検索後ページに何も表示されないなどの不具合が発生しております。 調査並びに修正にあたっております。復旧まで今しばらくお待ち頂きます様、何卒お願い申し上げます。 フォト蔵 システム部 2024年3月16日 【画像タイトル及びタグ入力における不具合について】 皆様方へは、ご迷惑をおかけし大変申し訳ございません。 現在、フォト蔵は、画
เพราะความอยากได้อยากมีของคนที่ไม่รู้จบสินทำให้เกิดปัญหาสังคมตามมามากมาย ทั้งเรื่องอาชญากรรม การลักเล็กขโมยน้อย การล่วงละเมิดสิทธิส่วนบุคคล ยังมีอีกมากมายที่ไม่เพียงแค่เกิดขึ้นในสังคมไทยเท่านั้น เพราะมันเกิดปัญหาเหล่านี้ทั่วโลก ที่รู้สึกรับรู้ได้ว่าสิ่งหนึ่งที่ไม่ยอมลดลงมีแต่จะพัฒนาขึ้นนั้น คือ ปัญหาเรื่องของยาเสพติด และปัญหาการพนัน เพราะทำให้เกิดความรู้สึกและเห็นได้ชัดเจนว่าทั้งสองสิ่งนี้อยู่คู่กั
ヒロ杉山が中心となり結成されたクリエイティブユニット。ファインアートの世界で国内外の展覧会で作品を発表する一方、グラフィックデザイン、広告など幅広いジャンルで独創的な作品を発表しつづけている。
最近オープンした、じぶんクリニックの横浜院がめっちゃ気になるなぁ。 医療脱毛なのにすごい安くていい評判も聞くけど、ほんとに痛くないのかな? 通っている人の口コミをみてみたいなぁー。 なんて気になったので、じぶんクリニックの横浜院についてSNSやネットで調べてみました。 そう思ってSNSを中心に調べてみたら、、、口コミや評判も良いじゃない♪ ちなみに、似たようなサービスや商品があるかも?なので、今回調べてみたのはこちらになります。 オープンしました! じぶんクリニックの横浜院ですが、すでにオープンしています!(2022年4月21日オープン済) もちろんですが、オープンしたてなんでめっちゃ予約が取りやすいです。 ただし!!人気のある医療脱毛院なので早めの予約が良いかも?!
Find B2B influencers for your business with AIFavikon is the only AI-powered influencer marketing platform that covers all niches and all industries. Start your B2C or B2B influencer marketing campaign now for a 10x ROI compared to traditional marketing methods. Influencer DiscoveryFind Best Influencers on all Social MediasSearch the right influencers for your brand easily with AI. Leverage AI to
Kaolabo 顔ラボ 画像に写った複数の顔で、笑顔度をランキングできるアプリです。 顔シークレットでおなじみのキャラクターから、みんなの笑顔に対する総評も発表されます。 Kaolabo/顔ラボは画像検出技術などを多用した最新の加工技術を採用。ツールにアップロードした顔画像に特殊なエフェクトを入れる「顔シークレット」を提供しています。ユーザーの画像アップロードには大手金融機関や、楽天銀行 オンラインカジノ などでも使われている安全基準が採用され、Flash ゲームはもちろん、オンラインゲームでも顔認証検索技術により、目の大きさやぼかしなと言った数種類の特殊エフェクトをかけることができます。顔の角度や方向にも対応していて、加工後の画像を保存しておくこともできます。精度優先検索や顔のサイズ調整などを指定することも可能です。 選んだ顔に、ぼかしや目伏せ、スマイルなどの加工を施せるアプリです。 自
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Hi there! I'm Jake. 👋I'm a frontend web developer based in the Boston area.I specialize in React and vanilla JavaScript to make nifty Jamstack sites with dynamic Node.js services. But I still know my way around less buzzwordy stacks like LAMP, too. Whenever possible, I also apply my experience in application security, serverless stacks, and DevOps automation. I fell in love with frontend web desi
平素よりソーシャルクーポンサービス「ニコポン」をご利用いただきまして、誠にありがとうございます。 この度、ニコポンは 2011年 8月 31日 (水) をもちまして、サービスを終了させていただきました。 皆様には、これまでのご愛顧に心より感謝を申し上げますとともに、サービス終了に至ることとなり、ご迷惑をお掛けしますことを深くお詫び申し上げます。 終了する内容 新規登録、メールマガジン配信、マイページなどニコポンのすべての機能を終了しました。 クーポンについて これまで販売をしましたクーポンはすべて有効期限が満了しております。利用規約にございます通り、有効期限が満了したクーポンの返金や期限延長は行っておりませんのでご了承ください。 なお、弊社が過去販売しました 『ハーゲンダッツアイスクリームミニカップギフト券(120ml×2個、660円分)』は、クーポンに利用期限の定めがございませんので、未
OVER ONS Onze winkel is gevestigd aan ’t Goylaan 66a in Utrecht. We verkopen elektrische fietsen van Multicycle en sportfietsen (race/mtb/gravel) van Specialized, Cervélo, Van Nicholas, Open en ons eigen merk LMTD. Naast de winkel hebben we een werkplaats waar we vakkundig fietsen onderhouden. BIKEFITTING Of je jezelf schaart in de categorie ‘wielertoerist’ of dat je wedstrijden rijdt: Je fiets mo
誠に勝手ながら2024年08月30日をもって、一部サービスを終了とさせていただきます。 なお、以前よりご案内させて頂いておりました通り 2024年05月31日をもって、アクセス解析以外の新規パーツ作成受付は終了いたしました。詳細はこちらをご確認ください。
チャットレディのサイトでは、サイトによって異なりますが初心者の期間が設けられています。 お客様にはあなたのサムネや名前に、初心者マークが出現するようになっています。初心者マークがついているチャットレディは、 通常料金よりも安くチャットができるので、お客様にはとてもお得です。そのため初心者でもお客様が集まるような仕組みになっています。 ただし、ここで状況に甘えてしまうと後悔をする可能性があります。あなたには後悔がないように、チャットレディを楽しんで働いてほしいです。 そのためには初心者だからこそ、たくさん行ってほしいことがあります。まずは初心者マークがついている期間だけでもいいので、ログイン時間を固定しましょう。 初心者のあなたは、お客様に認知されていません。あなたはどんなチャットレディで、どんな見た目なのか知らないままなんです。はじめだけでもいいので、お客様に認知されましょう。 1人でも多
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer! Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer!Do you want to own mahalo.com? Make an offer!
最高のナイトクラブ 最高のパーティーは、ナイトクラブで行われるものです。一晩中クラブで楽しんでからの朝帰りを経験したことがない方は、絶対に経験してみることをおすすめします。アーティー ファーティー(Arty Farty)、サンキース ペントハウス(Sankeys PENTHOUSE)、DJ Bar Bridge、A-Life 、ワープ新宿などは東京で特に有名なクラブですが、もちろん他にも素晴らしいクラブはたくさんあります。 おすすめの食事場所 世界中に数多くのリピーターがいることからも分かるように、日本の料理は世界有数のクオリティを誇っています。ご存知のように、日本の多くの料理人は、1種類の料理を専門にしているので、その腕前も素晴らしいのです。 料理旅館・天ぷら吉川、豚組、千房、Kana Yabu Roomなどは特に優れています。
80-летний зампредседателя Госкомпечати СССР Александр Горковлюк скопил 5,5 млн рублей и решил их приумножить. В поисках куда бы выгодно вложить деньги, он наткнулся на рекламу криптобиржи, которая сопровождалась видео с оптической иллюзией идущей в «непонятную сторону» лошади. В итоге, пенсионер несколько месяцев переводил деньги жуликам, в надежде заработать на финансовых операциях на криптовалют
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
女性の重要な身だしなみのひとつがムダ毛のケアです。 ワキや腕、脚や背中、デリケートゾーンなど体中のムダ毛のケアをおまかせできるのが、医療脱毛専門クリニックの「リゼクリニック」です。 脱毛に特化しているため、施術スタッフも経験豊富で高い技術を持っています。 またムダ毛の相談はとってもデリケートな問題。 そこでカウンセリングは女性医師、施術も女性スタッフを揃えている点も安心です。 脱毛で気になるのが料金ですが、初診料や再診料、カウンセリング料、処置料金、施術前の剃毛料金も全て無料なのもうれしいですね。 急な用事によって予約をキャンセルする場合のキャンセル料も無料。 持ち帰り用アフターケアクリームまで無料となっています。 脱毛には時間がかかり、痛みもあるのでは?と脱毛に不安に感じている方も「リゼクリニック」なら大丈夫。
当サイトでは、長いハリで角層まで確実に届けると話題の【ヒアロショット】の口コミ・効果や他社製品との比較を紹介しています。 初回が特にお得な定期コースやその解約方法の情報も詳しく。 話題のヒアロショットを一番お得に購入する方法はこちら。 このサイトでは、「ヒアロショットを試してみたい」という人向けに、他社製品との比較も含めてご紹介しています。特にお肌のハリ・シワ・たるみでお悩みで、ヒアロショットのご購入を検討している方はぜひ参考にしてください。 この記事を読んでいるあなたは、お肌の”ヒアルロン酸を直接注入”という新しい発想のヒアロショットを「試してみたいなあ…」と思っている方が大半だと思います。 最初に結論を言ってしまいますが、実はヒアロショットは今なら12%OFF!でお試しできるんです。 その方法は、ずばりヒアロショットを公式サイトで定期コースに申し込むこと。今なら、定期コースの初回分が1
※以下、全ての新着を紹介すると膨大なので、追加した主要リンクのみの紹介。 5/30: Googleツールバー用 カスタムボタン工房 5/28: Googleイメージ検索で「顔写真」や「ニュース画像」を限定検索! 5/28: YouTubeプレイヤーに3つの新機能! 5/25: Google Calendarがついに携帯に対応! 日本語対応も。 5/25: Google 翻訳に言語横断検索登場! 5/24: Googleが「Adsense For Video」テスト開始 5/24: GoogleがFeedburner買収へ 5/23: 今ホットな話題が分かる「Google Hot Trends」公開 5/23: Googleカレンダーをオフラインで使う方法
Selamat datang di situs slot gacor paling viral di indonesia yang dimana kamu bisa dapat maxwin dan jackpot senilai puluhan juta hanya dalam hitungan menit sampai jam ketika main slot online! Betplace88 terkenal telah menjadi salah satu tempat member daftar situs slot gacor hari ini paling viral karena sering memberikan kemenangan pasti hingga maxwin dan jackpot! Member juga tidak perlu khawatir k
FLASH作成,FLASH作成ツール,FLASH作成ソフト/フラッシュ作成,フラッシュ作成ツール,フラッシュ作成ソフト/EC動画:FLAON2.0FlashPlayer8.0以降に対応しています。 Flash,FlashPlayerは、AdobeSystemsIncorporated(アドビシステムズ社)の米国ならびに他の国々における商標または登録商標です。
スケジュール、イベント、日記、アルバム、メモ、生活記録、目標などのログを管理するオンラインカレンダーシステムスケジュール、日記、TODOなどの時系列データをカレンダーで管理 カレンダーでいろいろなデータを管理できたらなぁと思ったことありませんか?loglyカレンダーはそんな要望に応えるツールです。スケジュールは毎日確認するものだから、ついでに他のデータも管理してしまいましょう!自分自身のデータ管理はもちろんのこと、仲間や友人とデータを共有することも可能です。 詳細 loglyカレンダーの利用ガイドを見る >> 時系列データを管理 スケジュール、日記、アルバム、TODO、目標、ライフログを管理できます。作成したログは検索やタグなどからいつでも閲覧可能です。『いつ・何をしたのか?』、自分のログを自由につけてみましょう! カレンダーを共有、仲間とコラボレーション グループ機能を利用
アップローダ機能を改善しました いつもオンラインファイル共有サービスファイリーをご利用いただきありがとうございます 先日よりアナウンスしておりましたアップロード機能の改善を終えすべてのお客様にご利用いただけます。 新しいアップロード機能ではドラッグ&ドロップの操作で簡単にお客様にファイルをアップロードいただけます。 またドラッグ&ドロップを利用するための必要環境を満たさないお客様でも今まで以上に使いやすくサービスの改善を行なっています。 今後もオンラインファイル共有・転送サービスファイリーを快適にご利用ください。 ファイル共有を簡単、安全に ファイリーは製作に関わる方々向けの大容量・高機能・軽量なオンラインストレージサービスです。 画像ファイルだけでなく、PDFやテキストファイル他多くのファイルのプレビュー機能など製作に関わる方々に便利で作業効率をアップさせる機能が満載 ファイリーではご利
ファストザイム無添加酵素ドリンクって本当に効果あるの?ダイエットしたいけど、本当に痩せられるのかな?と疑ってしまうのも仕方ありません。 しかし、ファストザイム無添加酵素ドリンクダイエットなら確実に減量できます。 こちらのブログではファストザイム無添加酵素ドリンクで本当に痩せた口コミ体験談を紹介します。 ファストザイム無添加酵素ドリンクダイエットファスティングの口コミ体験談 ファストザイム無添加酵素ドリンクで15キロも痩せたファスティング体験談 現在は専業主婦をしています。酵素ドリンクダイエットを始めたのは4年程前の22歳の時です。その時は酵素ドリンクダイエットが流行っていて私も流行りに乗ってはじめました。選んだ酵素ドリンクはファストザイム無添加酵素ドリンク。値段ははるけど確実に痩せると友人から聞いて選びました。一番効果のでやすい 夜ご飯を酵素ドリンクに置き換えるという方法で実践しました。
auが提供するポータルサイト。検索、天気、乗換・地図、占いなどの便利なサービスが利用できるほか、時事やスポーツ、芸能などの最新ニュースをリアルタイムにお届けしています。
ごあいさつ 株式会社KENT(以下 弊社または当社)では 弊社の専属技工士はクワタカレッジコンプリートコース、ナソロジー(カリフォルニア、ヨーロピアン等)技工業界で有名な山本眞氏、川島哲氏、青嶋仁氏などの各セミナーを修了している、知識、経験共に豊富なテクニシャンが従事しております。患者さんに喜んでもらう、満足していただくにはどうすればよいか?それは患者さんに対して最善を尽くす。これには歯科医院、歯科衛生士、技工士や営業が一丸となって考えないといけない事だと思っております。 提供しているジルコニア製品はドイツSCHICK社のトレースミリングマシーンを使用したハンドメイドによる高品質な製品です。単冠からロングスパンまで対応しております。尚、レジンパターンを使用した口腔内の指摘も可能ですCAD/CAMでは適合が難しいと言われるジルコニアインレーも他社よりも優れた品質で提供できます。咬合の知識をも
無料ホームページ 無料レンタルサーバーはland.to! 無料ホームページスペースでホームページを作っちゃお! 無料ホームページのland.toは、無料でホームページ環境を提供する、無料レンタルサーバーです。 無料で100MBまでディスクスペースをご提供。商用サイトから趣味のサイトまでいろいろなホームページにご利用いただけます。
『Googleに初めてインデックスされた日付を知る方法』というタイトルの昨日の記事で、いつGoogleに初インデックスされたのかを調べる方法をお伝えしました。 この記事を読んだ、SEO塾のライオン丸さんが、わざわざ自分でパラメータをつけなくても、過去19年間の期間指定をして検索するサーチボックスを作成してくれました。 便利ですね。 昨日の投稿では、使い道がなさそうな書き方をしたんですが、実はドメインエイジを調べるのに重宝しそうです。 昨日の記事とこの記事を、必ずソーシャルブックマークに登録しておきましょう。(笑) コードはこちらから入手できます。 Googleの初インデックスを知る方法 – 検索エンジン時間(SET)に活用
2011/06/10 · 誓いのことば今日も一日 私達は自信と情熱をもってお客様には最大の満足をお店に 商品にたいしふかい愛情をそそぎ奉仕の精神を忘れることなく自ら希望 ...
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Google Analyticsは、グーグルが無償で提供しているアクセス解析ツールです。 無償とはいえ、その高機能・多機能な特徴で使っているウェブマスターも多いことでしょう。 この海外SEO情報ブログでも、アクセス解析には、Google Analyticsを利用しています。 このGoogle Analyticsの対抗馬として、注目を浴びているアクセス解析ツールがあります。 それは、Clicky Web Analytics 2.0(クリッキー ウェブ アナリティクス 2.0)というアクセス解析のためのサービスです。 さっそく、この海外SEO情報ブログにも、Web Analytics 2.0を設置してみました。 「インターフェイス(画面)が見やすい」(クリックでスクリーンショット表示)と、「リアルタイム更新」(クリックでスクリーンショット表示)の2つが、Google Analyticsよりも優
[ログイン新規ID登録]閲覧履歴ご利用ガイド 『MP4再生でいつも再起動してしまいます…』のクチコミ掲示板 ホーム > 自動車 > カー用品 > カーナビ > SONY(ソニー) > NV-XYZ77 > クチコミ掲示板 SONY 2004年 6月10日 発売 NV-XYZ77 お気に入り登録 152 最安お知らせメールが受け取れます 価格情報の登録がありません 価格推移グラフ 価格帯:¥―~¥― (―店舗) メーカー希望小売価格:オープン メーカー直販サイトへ 画面サイズ:6.5V型(インチ) 設置タイプ:オンダッシュモニタ(1DIN) 記録メディアタイプ:HDD メーカートップページ カーナビの人気売れ筋ランキング ―位 4.66 18人 6601件(2023年 9月 2日更新) この製品をキープ ピックアップリストを作成 中古車 車買取・中古車査定 車検 比較・見積もり ご利用の前に
GoogleにSEO対策をして、その結果が出るまでには、どのくらい時間がかかるのでしょう? WemasterWorldのモデレータ、minnapple(ミンナップル?)氏は、次のようにコメントしています。 Site wide internal link changes can take a few weeks to kick in, single on page stuff should happen days after a bot visit. Inbounds final effects can vary widely but somewhat equals: link found and target page recached + 15 days. サイトワイド内部リンク(サイドバーにあるようなすべてのページに貼ってある内部リンク)は、2,3週間 ページの単純な変更は、ロボットが
ロジックツリーとは、何らかのテーマについて議論をする上で、より具体感をもって全体像を把握する必要があるときに使われる。 コンサルティングにおいては特に論点整理( ...
オウンドメディア構築・運営を成功に導く先進機能を装備したCMS「はてなブログMedia」と、編集・集客支援で、オウンドメディアを活用したマーケティング活動をトータルで支援しています。 オウンドメディア構築・運営についてのお問い合わせ広告掲載・タイアップ広告国内最大級のソーシャルブックマークサービス「はてなブックマーク」や最新鋭のブログサービス「はてなブログ」などの各サービス(PC/スマートフォン)に広告掲載スペースを用意しています。 またソーシャルメディアを起点とした拡散を得意とするスポンサードコンテンツやブロガー参加型キャンペーンなどの各種タイアップ商品もご提供しています。 詳細な説明や事例のご案内など、ご要望に応じて対応可能です。お気軽にご連絡ください。 広告掲載についてのお問い合わせはてな広告媒体資料はてなの媒体概要(主要サービス・PV・属性など)と広告商品(掲載イメージ・料金)をご
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
最近は、SEOのノウハウ系をあまり書いていないので、今日は久しぶりに書きます。(笑) ※SEOノウハウは、海外SEO情報メルマガで配信中 SEOノウハウと言っても、基本的なリンク戦略についてです。 今の時代のSEOには、なんと言ってもリンクが重要な鍵を握っています。 意外に忘れがち、あるいはSEOを始めたばかりの人に知られていないTIPSを3つ解説します。 アンカーテキストを混在させる 内部リンクも大切に nofollowタグを使いこなす 順に説明します。 ●アンカーテキストを混在させる このブログで何度も触れたことがあるように、狙ったキーワードでの上位表示のためにアンカーテキストが重要だとは言っても、同じアンカーテキストだけでリンクするのは、とても不自然です。 関連する用語でのリンク、単語・語句ではなく文としてのリンク、URLでのリンク、またテキストではなく画像からのリンク(alt属性を
それまで公開していたウェブページを別のページに転送したい、新しいドメインにサイトごと引越ししたい、こんなときは、301リダイレクトを使います。 301リダイレクトを使うことで、元のページが持っていた種々の情報が新しいページに引き継がれます。 301リダイレクトを繰り返し使った場合はどうなるのでしょう? つまり、ページAをページBに301リダイレクトで転送し、さらにページBをページCに301リダイレクトで転送するのです。 少なくともGoogleは、この2重転送を、問題なく処理してくれるようです。 Google グループでGoogleのBerghausen氏が、Double Redirectについてコメントしています。 after Googlebot has a chance to crawl of your old URLs (and get 301-redirected to your n
・メルマガ #58(2007/04/21発行)のバックナンバー あなたの持ってるウェブサイトのページはすべて、サーチエンジンにインデックスされてますか? インデックスされたページを調べるには、「site:」構文を使います。 例えば僕のブログだったら、「site:www.suzukikenichi.com」と検索ボックスに打ち込みます。 (Google、Yahoo!、MSN共通) 何ページインデックスされてるかな? 見てみましょうか。 ⇒ site:www.suzukikenichi.com このメルマガを書いてる時点で、Googleには、114ページがインデックスされてます。 100ページからなるサイトを作ってもそのうち10ページしかインデックスされてないとしたら、残りの90ページは、ないも同然。 検索には引っかかりません。 サーチエンジンに確実にインデックスしてもらうのを手助けする手段と
6月1日~中旬にかけてゆっくりとロックダウン解除していくととの大方の予想でしたが お上のひと言で6月1日から管理地域以外は自由に出入り出来、 外食はまだだめのようですがテイクアウト持ち帰りは可の状況。 工場、企業も地域によって1部70%の従業員と言うような規制も あるらしいですが通常通り稼動営業しています。 ロックダウン下に有った多くの人にとっては突然の事で 6/1の通勤時はリハビリ的な慣らし運転の仕事をやる人が多かったと聞いています。 6/3は中国では端午の節句で休日なので 6/1、6/2の2日で休みに基本は休みに入ったので 気持ちの切り替えもこの連休内にうまく出来るのではないでしょうか? ちなみに端午の節句にはちまきを食べる習慣があります。 私の会社では6/1に全社員にちまきを配ってくれました。 中国では粽子と書きますが私もおいしく頂きました。 日本と違って甘いものや栗入りのもの等色々
すべての Microsoft 製品GlobalMicrosoft 365TeamsWindowsSurfaceXboxセール法人向けサポート ソフトウェアWindows アプリAIOneDriveOutlookSkypeOneNoteMicrosoft TeamsPC とデバイスXbox を購入するアクセサリVR & 複合現実エンタメXbox Game Pass UltimateXbox Live GoldXbox とゲームPC ゲームWindows ゲーム映画とテレビ番組法人向けMicrosoft CloudMicrosoft SecurityAzureDynamics 365一般法人向け Microsoft 365Microsoft IndustryMicrosoft Power PlatformWindows 365開発者 & IT デベロッパー センタードキュメントMicrosof
tsutomuraさんの診断結果 あなたの診断結果をブックマークする tsutomuraさんは「低姿勢で行けば売れる」 という営業観を持っています。 1. このタイプの特徴 丁重な態度で顧客と接し、顧客との関係を良好に保つことで、成果につなげて行こうとするタイプです。相手がどのようなことを望んでいるかを常に気にかけ、多少の無理がある要求に対しても、何とか対応しようと努力していきます。ただし、相手を立てようとするあまり、無理な要求までも受けてしまい、周囲のスタッフに迷惑をかけたり、後から自分で困ってしまう場合が出てきそうです。また、相手の顔色をうかがい、自分の考えを明確に相手に伝えないことから、かえって相手の信頼感を損ね、結果として成果を生み出していけない可能性もあります。 2.「主導権をとる力」に関する評価 顧客の多くは、「買う側は、売る側よりも立場が上で、主導権を握っている」と勝手に思っ
バグレポートはこう書け - バグレポートのための単文集 バグレポートのための単文集 send-pr とか bugzilla に投げるときとか、なんて書いて いいのかわからんのよね。 というわけで、とにかくいろんな文章をまとめてみる。 心構え バグレポートの目的は何か? バグを伝えることである。 よりよい英語を書くのが目的ではない。拙い英語でもいいから、 とにかく書け。ネイティブスピーカーなら、変な英語でもそれはそれで通じる。 日本語ネイティブは FreeBSD-users-jp:72469 を理解できるっしょ? それと同じ。 I'll take a look at this, as inetd is my problem. (inetd のバグレポートを受けて) inetd の件は俺が仕込んだバグなので、このレポートの面倒みるよ 異議なーし No objection from me. 2台
mixiが新しく出したmixiステーションがすばらしいです。その裏側が。 mixiにログインした状態で http://mixi.jp/atom/tracks/r=2/member_id=myMixiID にアクセスするとatomで自分のページのあしあとがフィードされます。ちなみにmixiステーションが送っているリクエストは以下の通り。 GET /atom/tracks/r=2 HTTP/1.1 X-WSSE: UsernameToken Username="ku@example.com", PasswordDigest="passwordDigest8jrjEdO61Bx8c=", Nonce="Y0NonceLYj0=", Created="2007-06-29T03:04:30Z" User-Agent: mixi station/v1.4 (by glucose) Host: mix
This article presents creative examples of footers and ideas for footer design. We’ve tried to identify some trends and some interesting approaches you may want to use or develop further in your projects. According to classic principles of web design, everything at the bottom of the page isn’t that important. Most users think like that. And most designers are convinced that this is true. Site elem
Add commerce to your site for free With Free Tools' user-friendly wizards, you can quickly add PayPal buttons and PayPal Credit to your websites in Dreamweaver. Other features include adding Google Search or Skype buttons within Dreamweaver. Runs on: Dreamweaver CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015 View full system requirements | Get free Dreamweaver trial Add PayPal buttons and PayPal Credi
Google Japanが4月15日よりiGoogleとGoogleモバイルに対応した「Google 急上昇ワード」ガジェットを提供開始したそうです。 08年4月15日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) Google急上昇ワードガジェット 更新頻度は20分毎。リアルタイムに急上昇している人気ワードを表示してくれます。キーワードをクリックすると検索結果へ飛んでくれるのもなかなか。 しかしこう見てみると、いかにテレビが影響しているかがわかりますよね。番組中に「大きいサイズを扱っている○○っていう店で買ったワンピなんです。」みたいな芸能人の一言がポイントのようです。 そしてGoogleモバイルで表示可能なのも特徴。外出中に眺めていると、今日の話のネタや、ビジネスのアイデアがポッと浮かんでくるかも!? 興味のある方は自分のホームページにガジェットを追加か
Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable
前回までのおさらいと今回のあらすじ 前回は、thisキーワードについて深く解説しました。関数内で使用する「this」は、状況に応じて様々に変化する可能性がある、というお話でしたね。 これでやっと、JavaScriptの関数が持つ様々な機能を説明するための前提知識が整いました! JavaScriptの関数については、当連載でも一度取り上げています。JavaScriptの関数は、単なる手続きの単位ではなくオブジェクトの一種なのだ、と言うことを取り上げたトピックでした。 そう、JavaScript関数の実体は、Functionクラスのオブジェクトです。Functionクラスには、関数を操るための様々なメソッドやプロパティが存在します。今回は、それらを網羅的に解説するとともに、関数内でのみ使用可能な「arguments」オブジェクトについてもお話ししたいと思います。 Functionクラスのメンバ
The importance of typography in design can’t be overestimated. The accuracy, precision and balance of geometric forms can give letters the elegance and sharpness they deserve. Besides, elegant fonts can help to convey the message in a more convenient way. In fact, while there are many excellent professional fonts there are literally thousands of free low-quality fonts which you would never use for
以前にチャットでリアルタイムに問合せ対応できるブログパーツ10選を検証というエントリを書きましたが、今回は4行のスクリプトを追加するだけでブラウザのアドオンのようにリアルタイムチャットを表示できるサービス、そして複数アカウントまとめサービスとの合わせ技と共にご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブラウザのアドオンのようなチャット機能「hab.la」 このようにサイトの右下部分にチャットのボタンが表示されます。あからさまな部分に表示されない分、本当に問い合わせたい人に絞込みができて良いかも!? サイト運営者がチャットをするときに使うアカウントは「Jabber」。サービスに登録すると専用のアカウントを同時に発行してくれます。 待ちきれない方はHab.laへどうぞ。 チャットプレビュ
PHPを例にWebテクノロジを解説 今や全く静的なWebページの方が少ないと言えるほど、Webサイトとスクリプト技術は切っても切れない関係にある。PHPなどとは無縁なはずのWebデザイナやマークアップエンジニア(HTMLコーダ)であっても、こうした技術に接しなければならないことも多々あるだろう。 しかし、全く理解できないままでは、プログラマとのコミュニケーションも円滑にいかず、またちょっとしたトラブルでも右往左往してしまって、仕事がはかどらないといったことにもなる。 そこで本連載では、Webデザイナ(マークアップエンジニア含む)が少なくとも知っておきたいWebテクノロジの知識を、PHPを例に4回にわたって紹介したいと思う。是非怖がらずに接してみてほしい。 受け取ったファイルのデザインがおかしい 通常Webデザインやコーディングを行った後、そのファイルはプログラマに渡されてプログラミング作業
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud 本当のデータ活用できていますか? データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド AWSとAzureを更に使いこなそう イマドキのマルチクラウドセキュリティを MS担当者が徹底解説 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 いま求められる
これはおもしろい。著名人のタイムライン(年表)を閲覧できるのはもちろん、WEBアカウントのRSSFeedを追加することによって、自分のWEB年表を作ることができてしまう「dipity」。このアイデアは 良いかも。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEB自分史年表を生成してくれる「dipity」 YouTubeやTwitterで若干文字化けはあるものの、複数サービスを時系列で見ることができるのもなかなかおもしろい。ブログの全記事を表示させるには、現実的ではないけれどすべての記事を表示させるRSSを生成する必要がありますね。やってみたい気もする。 「dipity」で対応しているWEBサービスは以下の通り。(※日本でのだいたいの浸透度順に並べでます。) YouTube Flickr Tw
無料ストレージサービスも、ここまで来ると何にでも使えそう。「ここまでできるのか。」と思わず嬉しくなってしまう機能満載です。 08年4月 6日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) カンタンな画像加工や公開用ブログパーツを生成できる「FileQube」 「FileQube」でできることは以下の通り。 画像や動画など、様々なファイルをアップロードできる 最大2 GBまで保存 画像のカンタンな加工 サムネイル付ダウンロードリンクの生成 公開用ブログパーツの生成 ダウンロードをパスワードで制限 今は準備中ですが、「Webmaster Tools」なんていう機能も追加されるようです。どんな機能になるのか楽しみですね。機能によってはWEB担当者必須のストレージサービスになりそう。コメント機能も準備中になっているところを見ると、評価機能付ファイル共有サイトとしての
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! グーグルアースで人口統計グラフを見るとこうなる 人口統計グラフ 円の大きさで人口の多さを表したグラフ。非常に分かりやすいですよね。 Making Proportional Symbols in KML 年代別人口統計グラフ 今どの国でどのくらい高齢化や少子化が進んでいるかが一目瞭然です。地政学にも生かせそうですね。そしてドイツと日本が世界でも最も高齢化が進んでいることに気づく。 グーグルマップで見るとこうなります。 View Larger Map| View in Google Earth インターネット利用率グラフ これも非常に分かりやすい。日本と韓国は同程度の利用率。 Internet users per 100 population こちらは太
視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007 [English] ■ 調査の概要 背景と目的 前回(2002年)の調査より5年が経ち,視覚障害者のICT(情報通信技術)利用状況にも様々な変化が生じています。とりわけ,インターネットの利用が一般的になったことと,視覚障害者にも使いやすい携帯電話が普及したことが挙げられます。そこで最新の利用状況を捉えるため,2007年5月から6月にかけて,視覚障害者のパソコン・インターネット・携帯電話の利用状況を調査しました。 調査結果をWebサイトなどで公表することで,視覚障害者支援技術のニーズを研究者・開発者らに伝え,最終的に視覚障害者の福祉に役立たせます。 方法 調査票への任意回答方式で調べました。回答者の募集方法は,視覚障害関連メーリングリストへの案内,視覚障害者用施設への調査票(点字版・拡大印刷版)の配備,視覚障害者向け新聞・放
We like to observe the Web. We like to present fresh ideas, creative solutions and interesting approaches. We like to share them with our readers, making both our personal work and the work of fellows developers easier. Observing creative works of talented designers, you can improve your skills and learn new techniques. However, to do that, you need to keep an eye on fresh and inspiring starting p
様々なサービスの機能を拡張してくれるGreasemonkeyですが、今回はなんとGoogle Analyticsの機能を拡張してしまうGreasemonkeyのご紹介です。 2008年7月7日追記:以前にダウンロードされてFirefox3をお使いの方は再度ダウンロードしてください。Firefox3でも表示できるようにアップデートされています。 2008年9月12日追記:Google Chromeでは動作しません。動作するものは随時Google Chromeの記事一覧に追加していきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Analyticsに「最近トラフィックを送り込み始めている参照サイト」を一覧表示 考えてもみれば、無料アクセス解析ツールの機能を強化してくれるわけですか
CSSのtext-indentなどを利用して、画像を置き換えする「Phark Method(ファーク・メソッド)」というテクニックがあります。 このPharkメソッドを利用して、画像とH2タグを置き換えるのはサーチエンジン(Google)に、不正行為としてみなされるのかどうかという質問が、WebmasterWorldに投稿されました。 質問者は、サーチエンジンをだますつもりはなく、視覚効果を目的に、Pharkメソッドを利用したいようです。 しかし人間のユーザーに見えるのは画像ですが、グーグルに見えるのはH2タグで囲まれたテキストです。 隠しコンテンツと言えるでしょう。 以下は質問者が、記述したCSSです。 #header h2 a { text-indent: -999em; width: 269px; height: 68px; background: url(/galleries/1/
ポッドキャスティング、まだまだこれからではあると思いますが、様々なサイトで配信され始めてますよね。 今回はDigital Inspirationのエントリより、カンタンにサイトへオーディオファイルを埋め込める4つのプレイヤーをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! MP3ファイルをサイト上でカンタンに再生できる埋め込みプレイヤー いずれのプレイヤーも、ソースコード中の”「MP3ファイルのURL」”(鍵カッコまでを含む)をファイルのURLに置き換えればカンタンに設置することができます。 1. Google Reader MP3 Player これはGoogleリーダー用のMP3プレイヤーなのですが、ちょっとした裏技でサイトに埋め込めてしまうもの。音量調節が細かく効くのでユーザービリ
After few weeks of icons design and development. WebAppers is very happy to announce the release of “Web Application Icons Set” with 3D effect and glossy style. There are 20 icons designed specially for web applications (e.g. Charts, Profile, Search, Add, Delete, Email, Print, Warning and etc…). Icons come in 3 sizes; 48×48 px, 32×32 px, and 24×24 px. All of them are in PNG format with transparent
見やすくクリックしやすい箱形ページ番号 一部のニュース系サイトなどで見かける、箱形のページ移動リンクを作ってみましょう。 ただ数字を並べるだけよりも大きく見えるので、分かりやすくてクリックしやすいリンクになります。 例えば以下のようなものです。 上記では、画像は使っていません。ページ番号はすべてテキスト(文字)です。ですから、大きさの変更が可能です。 ブラウザの設定で文字サイズを変更すると、ページ番号の大きさも変化します。 上記は、ページが10まであって3ページ目が表示されている場合の例です。 「3」の部分だけ色が変わっていてクリックできないのはそのためです。 テキストですから、数字以外も使用可能です。例えば、A・B・C…なども使えます。使ってみた例は下記の通りです。
リンク先のサムネイルを事前に見せるリンクリンクの上にマウスを載せると、リンク先ページのサムネイル画像やブックマーク数が「吹き出し」に表示される面白いサービスがあります。実際にアクセスすることなくリンク先ページの外観が見えるリンクが作れます。 リンク先にアクセスせずにリンク先の内容を確認させられるサービス 「HeartRails Glance」というサービスを使うと、 リンクの上にマウスを載せるだけで、リンク先ページのサムネイル画像を「吹き出し」に表示させることができます。 Internet Explorer・Firefox・Operaが対象で、JavaScriptを有効にしていれば動作します。 それらのブラウザを使ってリンクの上にマウスポインタを載せると、下図のように「吹き出し」が現れて、リンク先のサムネイル画像などが表示されます。 設置方法は非常に簡単で、指定されたHTMLソース(Jav
重要なデータを共有するなら、セキュリティなどがしっかりしたファイル転送サービスを使うべきですが、自分で撮った動画や画像を友人に今すぐ手軽に渡したいというニーズはあるはず。 そんなニーズを満たしてくれそうなのが「file dropper」です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ログイン不要の手軽なストレージサービス「file dropper」 登録の必要もないので、手順は簡単。1回で最大5GBまでアップロードできます。(※インターネット接続環境によってはかなり時間がかかるので、数十MB以上のデータはあまりお勧めできません。) ファイルを参照してアップロード アップロードが完了するとファイルダウンロードのリンクが生成される 試してみたい方はFile Dropperへどうぞ。 ファイル転
Make the everyday easier with Windows 11 When there's a lot to do, Windows 11 helps you get it done. Get the details Watch Meet Windows 11 Video Series Welcome to all things Windows Achieve more with AI in Windows Windows is the first PC platform to provide centralized AI assistance. Learn how to achieve and create more with Copilot in Windows. Learn More about Copilot in Windows Generate art with
MacでWindowsのソフトを動かすMac上でWindowsのソフトを動作させるさまざまな環境が整備されつつあるが、Windowsのライセンスが不要のCrossOver Macが登場した。 AppleのMacは、Intel製CPUに移行したことで、アーキテクチャ的にはWindowsが動作してもおかしくない。そんなMacのハードと仮想化技術などを生かし、Apple製のハードウェア上でWindows XPやVistaなどを動作させる環境が充実してきた。 特に注目なのが、Apple製のBoot Campと、ParallelsのParallels Desktopだ。 これらを使えば、MacハードでWindowsがほぼ問題なく動作するため、Windowsアプリケーションがどうしても必要な環境でも問題なくMacへ移行することが可能だろう。 MacのハードウェアでWindowsが動作するとは言っても、
「電車ではケータイでニュースチェックしてます。」そんな合理的な人も結構多いのでは?ではもっと合理的にしたいとはおもいませんか?今回ご紹介する「Feed2Mobile」は、PCサイトのRSSフィードをモバイル用に変換することで、ケータイ未対応のサイトもモバイルサイトに変換することが可能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! モバイル用RSSフィードとQRコードを生成するFeed2Mobile QRコードも同時に発行してくれるところがなかなかにくいです。早速モバイル未対応の私のサイトも変換してみました。 WEBマーケティングブログのモバイル用RSSフィード これがこのブログのRSSフィード記事一覧です。 記事の内容表示をするとこんな感じ。完全にモバイル使用になっていますね。 むやみに画
Last updated: Jun 6, 2016 Certified 100% CLEAN Freeware Simple-to-handle program that aids you in scanning the Windows registry and cleaning all the issues detected, without affecting the PC's performance #Registry cleaner #Registry optimizer #Error detection #Registry #Repair #Improve Argente - Registry Cleaner is a tool that detects and repairs any problems found in the Windows registry ent
Webマーケティングガイドでは、モバイルインターネット調査会社のネットエイジアリサーチと共同調査のもと、モバイル動画やワンセグに関する調査を行った。 これまで、第2回モバイル動画に関する調査(上)と第2回モバイル動画に関する調査(下)の2回にわたりモバイルでのモバイル動画に関する利用実態を明らかにしてきた。2回の調査からは、モバイル動画の普及は進んでいるものの、検索結果に対するユーザーの不満も存在している事がわかった。 今回の特別編では、モバイル動画の利用状況や視聴ジャンルなどについて男女の違いに焦点を当てていく。 ≪調査結果サマリー≫ モバイル動画の利用率、女性の61.6%が男性の53.6%を上回る ワンセグにおいては、男性が39.9%、女性が32.5%と、男性が女性を上回る モバイル動画の視聴ジャンル、男性は「ドラマ」や「ニュース」「お笑い」。女性は「音楽」の利用が比較的多い 男性は「
また、Q1-2ではモバイルのウェブサイトにおける会員登録数を尋ねたところ、「1サイト〜3サイト未満」と回答したユーザーが最も多く35.8%。次いで、「会員登録をしたことはない」の31.6%が続く結果となった。 PCで最も回答が多かった「20サイト以上」の割合はわずか4.0%となり、PCの約10分の1程度の水準となっている。 Q1-1とQ1-2を比較すると、PCとモバイルにおける会員登録数には大きなギャップが存在していることがわかる。 もちろん今回の調査がPCのインタネットリサーチを使っていることを考慮する必要はあるが、この調査結果からは、「PCユーザーはモバイルでの会員登録を行わない傾向にある」や「モバイルでの会員登録がまだあまり進んでいない」といった仮説が見えてくる。 Q2では、会員登録をする上で不安に感じることがあるかどうかを尋ねた。 その結果、77.6%のユーザーが不安を感じたことが
Everytime I start a new web application, I keep wondering what rich text editor Im going to use, and hunting around the web wondering which one meets my needs only wastes time, so here preserved for eternity is a list of the best of the best, if not for anything else, for my own sanity. Feel free to add comments on any good open source alternative, so I can add it to the list. NiceEdit http://nice
Webマーケティングガイドでは、インターネット調査会社のメディアインタラクティブと共同調査のもと、定点観測として、「検索サービスの利用実態」に関する調査を実施した。 前回の調査では、半数近くのユーザーが検索してから数日後に商品の購入を決めており、広告効果を見るには直接効果だけでなく間接効果も考慮に入れた広告投資をしていく必要があることが分かった。 今回の調査では、2006年12月の「第4回検索エンジンに関する調査」と比較して、検索時のキーワード数や閲覧ページ数などの調査や、Yahoo!とGoogleユーザーで検索方法に違いが見られるかを探った。 今回の調査対象者は16歳〜59歳までの男女500人。性年代別で50人ずつの均等割付けを行った。 ≪調査結果サマリー≫ 80%弱のユーザーは、3ページ目までしか検索ページを見ていない。 Yahoo!ユーザーは単一キーワード、Googleユーザーは複数
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 埋め込みサイズが選択可能になったGoolgeのプレゼンテーション プレゼンテーションの埋め込みサイズを変更してみようと試した人は結構いるのでは?しかし、実際にはiframeで別ページを表示させているだけなのでサイズを変えてもプレゼンテーション自体はサイズ変わらず。動画も埋め込めるようになったのですから、埋め込みサイズを大きくしたいというニーズも多くなっているはずですよね。 そんなことからGoogleもサイズ変更を可能にしてくれたようです。 プレゼンテーションの「公開」タブを開くと埋め込みサイズを選択できるようになっています。(※画像は英語版ですが、日本語版も同じレイアウトです。) 今までのサイズ ↑確かにこれでは動画が見づらくなってしまう。いくらサイ
Webマーケティングガイドでは、インターネット調査会社のメディアインタラクティブと共同調査のもと、インターネット上での情報収集に関する調査を実施した。 今回の調査対象者は16歳〜59歳までの男女500人。性年代別で50人ずつの均等割付けを行った。 ≪調査結果サマリー≫ 約95%のユーザーが、商品購入の前にインターネットで情報収集を行う 具体的な情報収集方法では、「検索サイト」が90%弱で最も多く、次いで「比較サイト」の60%が続く 男女別に見ると、男性は「比較サイト」、女性は「口コミ情報サイト」や「サンプル・トライアル商品」を利用する傾向が強い 全ての情報収集における利用頻度が高まってきており、ネットを使った情報収集がさらに浸透してきている Q1では、商品を購入する前にインターネットを利用して情報収集をしたことがあるかを尋ねた。 その結果、94.4%のユーザーが「利用したことがある」と回答
2008/09/12 最新の導入事例・提携パートナーのお知らせ(9月) ●最新の「導入事例」 広告主の皆様が弊社のサービスをどのように利用しているのか、どのような成功体験があるかなど、実際の広告主様の体験をもとに最新の導入事例をご紹… アルク株式会社(スポンサードサーチ導入事例) コストパフォーマンスを意識した予算管理とクロスメディア戦略を実践─語学通信講座、語学学習に関する書籍・雑誌の発行などを手がける株式会社アルク。「英辞郎 on the WEB」でも有名な同社は、インターネットが普及して間もない1995年に語学… 有限会社オフィスチャンプ(スポンサードサーチ導入事例) 特殊工法がリアルでもネットでも最大の強みに。口コミだけに頼らない安定したビジネスに発展 ブランコ作業を駆使した「足場を掛けない」特殊な工法により、高所の外壁・外装補修工事を行っている有限会社オフィスチャンプ。
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
アドビとマクロメディアのような企業が経営を統合する場合、ユーザ(そして従業員も)は、今後の各製品がどうなるかの発表を不安とともに待たねばなりません。お気に入りのツールが発売中止になるかどうかは、百戦錬磨のプロフェッショナルでも気が気でならないはずです。 経営統合から約1年が経った今も、フォーラムやブログにはさまざまな情報が飛び交っています。アドビは Director をサポートし続けるのか…、FreeHand の搭載機能は Illustrator に吸収されるのか…、Fireworks は Photoshop によって抹消されてしまうのか……。残念ながら筆者は、すべての製品の将来展望に関する情報を入手していません。しかし Fireworks に限って言えば、今後も単体製品ならびにバンドル製品としてこの製品が存続することを、皆さんにお伝えすることができます。 現に、Fireworks 9 は
This domain may be for sale!
鷹野雅弘(Masahiro Takano) 株式会社スイッチ 目次 はじめに Spry フレームワーク for Ajaxについて XMLファイルを関連づけてソート可能なテーブルを作成する 奇数・偶数行、選択した行、マウスオーバーした行にカラーリングを行う XMLファイルの更新を、Movable Type 4.1を使って行う 印刷用に表示 作成日:2008年2月22日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 この記事では、Adobe® Dreamweaver® CS3から組み込まれたSpryフレームワーク for Ajaxを利用して、ソート可能なテーブルを作成する方法をご紹介します。テーブルに表示するデータは、外部XMLファイルを参照します。 CSSを使って奇数・偶数行にカラーリングを行うとソートを行っても自動的にカラーリングし直されるだけでなく、クリックした行
Photo by puddles for snails ブログを書いていると、はてなブックマークにいいコメントが付くことがあって、これが多くの人に見てもらえないのは、勿体ないなぁーと思うことがたまにあります。 本当はブログのコメント欄に残してもらえるとうれしいのですが、敷居が高いのかなかなか書いてもらえません。 それなら、ブログにはてなブックマークのコメントを表示すればいい!と思って作ってみました。 どこでもはてなブックマークのコメントを表示するスクリプト、「hatana_bookmark_anywhere.js ver 0.1」をリリースします。 実際の設置例はこのページの下の方を見てください。 設置方法は超簡単。https://raw.github.com/masuidrive/hatena-bookmark-anywhere/master/hatena-bookmark-anywhe
一般的に、コンピューターの処理性能を上げるにはハードウェアそのものをアップグレードするか、コンピューターの動作環境を改善する必要があります。カリフォルニア大学リバーサイド校の研究者らが、スマートフォンやノートPCに搭載されている既存のハードウェアを変更することなく、コンピューターの処理速度を2倍に向上させる新たな実行モデルを考案しました。 Simultaneous and Heterogenous Multithreading | Proceedings of the 56th Annual IEEE/ACM International Symposium on Microarchitecture https://dl.acm.org/doi/10.1145/3613424.3614285 Method identified to double computer processing sp
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! A technique often used in advertising these days, is these glowing lines. They look like light motion trails. If you ever wondered how to create these kind of lines, here is how I do it… Light motion trails Drawing a line Draw a nice thin curved filled line in Photoshop using the Pen
Calls > Commands > Reference > Contents Making and managing video calls The commands for making and managing video calls are: Use the GET VIDEO_IN command to retrieve the name of the video device. Use the GET CALL VIDEO_STATUS command to check the status of a video call. Use the ALTER CALL VIDEO_SEND command to start or stop sending video during a call. Use the ALTER CALL VIDEO_RECEIVE Use the GE
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
A few years ago, you might not have pointed out during a meeting with a potential client that you maintained a blog. Over time, though, blogs have evolved from the being a personal hobby to a serious work tool. In fact, today, web designers are supposed to know much more than just how to design and build websites. Customer’s expectations have increased, and unless you are in position to choose you
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
Apply Lake Effect to your Picture WaveMyPic.com これはひとひねり効いたジェネレータ。写真が生き生きしてくるような気がします。 08年4月17日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) リフレクション効果にウェーブをつけてくれる「Wavemypic」 ゆらゆら揺れると視覚的にあまり良くないかと思ったのですが、リフレクション部分のみが揺れるので意外と動きがおもしろく感じられます。 iGoogleガジェットにもできる まるで海そのもの Apply Lake Effect to your Picture WaveMyPic.com sandbar, unexposed on Flickr - Photo Sharing! ↑これはすごい。リアルさが増しますね。 Apply Lake Effect to your
本日から開始された「YouTube パートナープログラム」、これによってアップロードしたムービーが収益になるわけですが、実際にはどのような感じで申込みが進んでいくのか、実際に申し込んでみたので、完全解説してみます。興味のある人は参考にしてください。 完全解説マニュアルは以下から。 ■申込み第1段階「オンライン登録フォームの承認」 まずはYouTubeにログインした状態で以下のアドレスにアクセスします。 YouTube - パートナー プログラム http://jp.youtube.com/partners 「今すぐ申し込む」をクリック 必要事項を順に入力して「申込み内容の確認」ボタンをクリック なお、別のYouTubeアカウントにあるムービーも対象とすることができます こんな感じで追加できます。複数アカウントを使い分けている人などには便利。 で、確認画面が出るのでチェックして問題なければ「
組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 ひらめいたらすぐにマインドマップへ追加できるツールGeistesblitz Gadget ↓これがいろいろなところからひらめきを追加されたマインドマップ。起動したPCさえ目の前にあれば、5秒以内にアイデアをマインドマップに追加しておくことが可能になります。 マインドマップに追加しておくことによって、どんなジャンルのアイデアでも後からカンタンに整理することが出来ますよね。 配布されているツールはデスクトップウィジェットとブラウザの検索ボックスエクステンションの2パターン。 MindMeisterのアカウントを用意したい方はMindMeisterで準備。 デスクトップウィジェット Geistesblitz Gadgetが対応するのは
YouTube 動画をダウンロードするツールはたくさんあれど、動画形式を選んでダウンロードできるツールはそこまで多くない。というわけでシンプルな手順でダウンロードできるサービスをご紹介。 08年4月 4日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) YouTube動画を様々な形式でダウンロードできるCatch video 様々な形式でYouTube動画をダウンロードできるサービスは、YouTubeからムービーをAVI・MP4・MOV・3GP・WMV・FLVなどの形式でダウンロードできる「iDesktop.tv」 - GIGAZINEなどがあるようですが、決め打ちした動画を好きな形式で落としたいという人にお勧めなのが「Catch video」です。 ブックマークレットが用意されているわけではないので恒常的には使わないかもしれませんが、覚えておくべきサービスの
ちょっと前にYahoo!の江戸地図(現在は提供終了⇒昭和レトロ地図)にはまった私ですが、地図コレクターのDavid Rumsey氏が提供する日本も含めた世界中の古地図を現代の地図と重ねられるGoogleマップにも、やはりはまってしまいました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 世界の古地図と現代地図を重ねて比べられるGoogleマップ こちらが1787年のアジアのマップです。 古地図をスライダーで透過させることによって重ねてみることができます。かなり正確なので、日本の形が変わっているのもあながちウソではないようですね。 Asia 1787 こちらが1680年の江戸の地図。 これも透かしてみると、いたるところでかつての川が首都高になっているのがわかり、おもしろい。 1680年の江戸 1
メールアドレス収集ロボット対策のために字面を読んでも分からない形式に メールアドレスを暗号化します。 これにより、メールアドレスを収集するロボットが閲覧した際はメールアドレスと して認識できずに収集することが出来ません。 収集することが出来ないため迷惑メール送信者の手にメールアドレスが渡らず 迷惑メールが送られて来ることもありません。 なお、利用者がメール送信操作をしたときにはJavaScriptプログラムが 実行され、正常に扱えるように復号します。 収集ロボット対策として エンティティーにエンコード(エンティティー化)する方法がよく使われますが、 デコードを行うのは容易なため対策としては不十分です。 これに対し、本方式は暗号化を用いており下記サイトで収集できるか調査した結果、 メールアドレスを収集できないことを確認しています。 『メールアドレス収集ロボットを使用した収集確認』
Ultimate Tag Warrior の機能概要 Ultimate Tag Warriorプラグインは、最強のタグ付けプラグインです。(WordPress v2.3以前)以下のことができます。 記事へのタグ付け 各記事のタグリストの表示 タグ・アーカイブの表示 サイト内で使用しているすべてのタグの表示 タグ・サーチ タグの管理 作者サイト: Christine from the Internet » Ultimate Tag Warrior 3 Ultimate Tag Warriorのインストール方法 <条件> WordPress 2.0 以上 2.2以下 <注意> 導入後はDBテーブルの構成も変わるため、データのバックアップをしておいた方がよいでしょう。 Ultimate Tag Warrior 日本語版をDL・解凍します。 /wp-contents/plugin/ へ、Ulti
本体に若干のバグがあったので、修正しておきました。インストール方法は、本体のPHPファイルとお使いの言語ファイル(mo)の2つをプラグインフォルダへアップロードし、管理画面 -> プラグインから有効化すればOKです。 点数を設定してランキングするという発想が面白いですね。デフォルトではかなりトラックバックの点数が高いようですが、個人的にはもう少し低いかなとも思います。カテゴリ別でも点数が付けられるということは、これを利用してTagcloudのようなものができるんじゃないですかね? 偉い人、お願いします。 [カスタマイズ] [?]を消す 人気度: ××% [?] の[?]部分のことです。コレは簡単で、popularity-contest.php 49行目あたり・・・ @define('AKPC_SHOWHELP', 1); 1 → 0 に置き換えるだけ。ちゃんと上に英語で説明がありますね。
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
今回はGoogle Social Graph APIについて解説します。Google Social Graph APIの概要は、下記を参考にしてください。 http://code.google.com/apis/socialgraph/ まず、Google Social Graph APIとは何か?についてです。 Googleは、それこそ世界中の様々なページをインデックスしています。通常は、各ページのテキストをインデックス化して、検索エンジンとしてそのデータを活用していますが、Google Social Graph APIは、これらのページのXFN(XHTML Friends Network)もしくはFOAF(Friend Of A Friend)情報を利用します。 まずXFNとFOAFについてですが、これはどちらもソーシャルネットワークのリンク情報についての表現です。 XFNは、micr
×Browse IconsNewest PacksSVG Icon PacksPopular PacksRandom PacksLicense: Commercial free PacksCategoriesAdobe IconsAlphabet IconsAnimal IconsApple IconsApplication IconsArt IconsAvatar IconsBuildings IconsBusiness IconsCartoon IconsChristmas IconsComputer IconsCulture IconsDrive IconsEaster IconsEmo IconsEmoji IconsFlag IconsFolder IconsFood IconsFunny IconsGame IconsHalloween IconsHand-Drawn Icon
Digital Strategy, Design, and Development WorkSee some of our best, most challenging projects. Expert Craft CMS DevelopersWe have 10+ years of Craft CMS development experience. The Ultimate Craft CMS vs. WordPress GuideOne of our popular blog posts comparing Craft and WordPress. Best Practices for HTML Background Video OptimizationBig background videos are cool, but be sure to do them right! Masug
新たにアプリケーションを開発する際に、今もっとも注目すべき技術がAdobeの「AIR」、Microsoftの「WPF」、そしてGoogleの「Google Gears」である。それぞれアプローチは異なるものの、ウェブ上で利用してきたリッチインターネットアプリケーションをデスクトップ、もしくはオフライン環境で動かすためのものだ。 今年に入ってから各社のリリースが相次ぎ、大きな話題となっているが、ではこれらの技術によって誰がどのようなメリットを得るのだろうか。今回はAdobeのAIRについて基本的な情報をおさらいする。 Adobeが6月11日にリリースした「Adobe Integrated Runtime」(AIR)のベータ版は、もともと「Apollo」という開発コード名で呼ばれていた、デスクトップアプリケーションの実行環境である。ユーザーはクライアントマシンにAIRランタイムをインストールし
jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I’m sure that there are a lot of other plugins out there – so if you knew one that’s not in the list please post a comment and i will add it. Thanks! File upload Ajax File Upload jQUploader Multiple File U
Icons play a critical role in UI design, offering a simple yet effective way of presenting information and direction while improving user experience. Luckily, most icon sets are free for designers to use in many different types of projects, including web and mobile app design. It’s just a matter of finding the icon set that best suits the requirements of your project. That’s where this collection
SEO業界で話題になっている有料リンク問題をめぐるGoogle PageRank更新について、何人かの方から質問をいただいた。いずれも「有料リンク」のことを誤解されているようだったし、実際、勘違いしている方がブログを拝見する限り多そうなので、ここで解説しておく。 (なお、本CNETブログ以外でも、私が担当させて頂いている雑誌などの連載コラムで、直近で有料リンクの話題を取り扱う予定だ。リンクを購入して心配な方、あるいはSEO用リンク広告枠を多数用意してしまって心配な方はそちらの記事も参考にして頂きたい) 1. 有料リンクの定義、有料リンクとは呼ばないもの 2. PageRank減点ペナルティ対象外となっている(と思われる)サイトについて 3. リンク購入側の対応 4. リンク販売側の対応 さて、1点目から。SEO業界で話題になっている「有料リンク(Paid Link)」とは、SEO目的、つま
植木 真氏 株式会社インフォアクシア 代表取締役 作成日:2008年3月4日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 JIS X 8341-3 (日本工業規格) 対応 アクセシビリティ・チェック機能 Dreamweaver CS3 には、WebコンテンツのアクセシビリティガイドラインであるJIS X 8341-3 に対応したチェック機能が標準で搭載されています。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 Dreamweaver CS3 体験版 購入 JIS X 8341-3 とは? 2004年6月20日に制定された規格で、正式名称は『高齢者・障害者等配慮設計指針 -情報機器における機器,ソフトウェア及びサービス -第三部:ウェブコンテンツ』といいます。このJIS X 8341-3は、9つのカテゴリに分類された39項目のガイドライン
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
yahooがyahooには似合わないくらいにかっこいいサービスを出した。その名も Pipes: Rewire the web とすごいサブタイトルがついています。rewriteはいい過ぎだけど。(よくみたらrewriteじゃなくてrewireだった) Pipes is a hosted service that lets you remix feeds and create new data mashups in a visual programming environment. と書いてあって、要するにフィードを混ぜたりするツール。UNIXのようにXMLデータをパイプをつないで処理したりできると便利だよね、というのは IBM dW : XML : XMLの論考: マイクロフォーマットのパイプストリーム - Japan にも書かれていた話。IBM dW の話は一般的なXMLの話で、行を単
以前に紹介した、AdSenseのクリック単価が安いクライアントのリストを共有して作成し、それをAdSenseの非表示フィルタに追加することで収益をアップさせるというGoogle AdSenseの収益を50%引き上げるブラックリスト「AdsBlackList.com」ですが、それの日本版とでも言うべきサイトがついに立ち上げられたようです。 かなり高機能になっており、選択可能なカテゴリは13種類、情報商材などのフィルタリングも可能で、さらにそれぞれのブラックリスト対象のアドレスについて投票数別に絞り込めるので、信頼性の高いリストを入手することができます。 利用方法や詳細は以下の通り。 Google Adsense ブラックリスト日本版 Beta http://www.webpersons.info/adsbl/ 選択できるジャンルはゲーム、コスメ、SEO、株、ダイエット、学習、アフィリエイト、
独断と偏見のCMS比較 いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム(Content Management System)」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは? 「デザインハック」コーナー CMSの流行 さて今回は、これまでのようなWebオーサリング(Webサイト構築)ツールの話を少し離れて、最近話題に出ることが多くなってきた「CMS」(Contents Management System/コンテンツ管理システム)の紹介をしていきたいと思う。 CMSは、HTML(XHTML)+CSS(+Ajax/JavaScript)などのような、Webページを作成するための専門知識を必要とせずに、Webサイトのコンテンツ管理を実現する仕組みである。今回紹介するような無償のものから、大規模サイトの管理
2008年4月15日に発表したアウンコンサルティング、インデックス、ポイントオンの3社共同調査によると、「パソコンでもっとも使う検索エンジンは?」という問いに対して「Yahoo!」と回答したユーザーが58%、「Google」と回答したユーザーが38%となり、2つの検索エンジンだけで96%を占めた。 一方、「携帯電話でもっとも使う検索エンジンは?」という問いに対しては「Yahoo!モバイル」が35%、「Googleモバイル」が22%となり、2つの検索エンジンを合わせても57%にしかならなかった。 これらの他に携帯電話ではどんな検索エンジンが使われているのかというと、「各キャリアが提供する検索サービス」を利用すると回答したユーザーが27%で、「F★ROUTE」(6%)、「gooモバイル」(4%)、「CROOZ!」(1%)、などその他の検索エンジンが合計で16%のシェアを持っている。 つまり携帯
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか? 例:ロゴ、ブランディング Are you trustworthy? 信頼できますか? 例:ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか? 例:取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか? 例:見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック:私はどのページをみればいいですか? 例:ヘルプ、ログイン、コンタクト・インフォーメーション
携帯電話とPCには5つの大きな違いがある。PCのSEOのノウハウを携帯電話にそのまま転用しても成功には結びつかない。両者の違いを踏まえてモバイル独自の対策を実施する必要がある。下記に挙げた5つの違いについて順番に解説していく。 1.検索キーワードの違い 2.検索エンジンの違い 3.公式サイト・一般サイトの区別 4.キャリア/端末の識別 5.IPアドレスによるアクセス制限 1.検索キーワードの違い SEOで最も重要な要素のひとつが対策するキーワードだ。携帯電話ならではの特徴と、PCとの共通点が見えてきた。 携帯電話の検索の特徴「キーワードの正確さ」 ほぼすべての端末には予告変換機能が搭載されており、はじめの1文字2文字を入力すれば、大抵は自分の意図する単語が表示される。固有名詞が辞書に登録されているため、「L’Arc〜en〜Ciel」「Mr.children」などのアーティスト名や「LOUI
個人利用も商用利用も可能で、全部で5000枚以上の画像がパブリックドメインで用意されているというすばらしいサイトです。用意されているのは写真だけでなくクリップアートもあるので、いろいろな用途に使用可能。 詳細は以下の通り。 Top Rated - Free Stock Photos http://public-domain-photos.com/ ※時々、転送量過多で一時的に見えなくなるようです。見えなくなっている場合はここからどんなサイトだったのか確認できます。 写真は以下のジャンルがあります。 Animals Buildings City Drinks Flowers Food Insects Interiors Landscapes Miscellaneous Objects Ocean Panoramas People Plants Space Travel Vehicles なお
R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。 43 Web Design Mistakes You Should Avoid 上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。 43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。 個人的には、いくつかは条件しだいでと思いますが、概ね相違無いです。 The user must know what the site is about in seconds. サイトに来訪したユーザーは、数秒で何のサイトか知らなくてはいけません。 Make the content scannable. コンテンツが一覧できるリストが必要です。 Do not use fancy
Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time. We’ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax o
You can convert your .com website into a .mobi in 5 min with MoFuse. No need to start over again. All you have to do is to provide your feed URL, and they take care of the rest. Your nifty mobile site will show up instantly. Click phone images (right below) to preview mine. I (1) changed my URL subdomain, (2)customized the color of link and title background, (3)copid the badge to my blog, and (4)p
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Flickrのパノラマ写真を360度化して見る事ができる「WRAPR」 Flickrで見ると↑のような横長ワイドな写真も、WRAPRによって↓のように360度化してサイトに埋め込むことが可能になります。 もしかしたらIEでは見れないかもしれませんが、Firefoxでは動作確認済み。 どうせパノラマ写真を見るなら、こうやって見たほうがおもしろいですよね。Flickr APIを使って、こんなこともできるのかと素人ながら感心してしまいました。 興味がある方はwraprへどうぞ。 これをうまく使えば、Flickrで注目を集めつつ、サイト上で360度ぐるっと商品などを見てもらえるという仕組みをカンタンに確立することもできそうですね。マッシュアップをマーケティン
ウェブカメラやUSB接続のその他の映像デバイス、さらにはデスクトップの様子などをそのままムービーとして記録できるフリーソフトがこの「Debut Video Recorder」。様々な形式で保存できるのが特徴で、保存方法も多彩で、自動的にFTPでアップロードしたり、メールに添付してあらかじめ指定したところに送ったりすることが可能です。 ダウンロードとインストール、使い方などは以下から。 Debut Video Capture Recording Software - Record Video Files for Free まずは上記ページのリンクをクリックしてダウンロード クリックして実行 規約部分を下までスクロールするとクリックできるようになるので「次へ」をクリック 「いいえ」をクリック 「完了」をクリック タスクトレイの右下に常駐しているこのアイコンが見えていれば起動成功。クリックすると
[ インターネット ] 自作WebツールWiki 編集 履歴 添付 設定 新規ページ作成 メニュー コンテンツ MicroAd 最近更新したページ 2007-02-25 YouTubeからPC等で観れる形式でDLできるGreasemonkey 2007-02-17 MenuBar1 FrontPage YouTube等をPCなどで観れる形式でDLのリンク作成 YouTubeからPC等で観れる形式でDLブックマークレット 2006-12-20 YouTube動画ダウンロード用Greasemonkeyスクリプト 2006-12-14 動画ダウンロード用リンク作成 2006-12-13 YouTube動画ダウンロード用ブックマークレット作成 2006-12-01 google.co.jpの特殊なページ一覧 MO de BIDDERS Ad 2006-10-26 Webページ取得JSONP 200
<?xml version="1.0" encoding="utf-8" standalone="no" ?> <TA-WEB-API version="1.0"> <response> <item> <course_no>HATSU07</course_no> <course_name>初夏の北海道3日</course_name> <dept_name>関東</dept_name> <dest_name>北海道</dest_name> <point>当社の還元ポイント10パーセントプレゼント</point> <price_min>56200</price_min> <price_max>81520</price_max> <hakusu>2</hakusu> <term>3</term> <com_name>○×ツーリスト</com_name> <url>http://venus/vst
via del.icio.us/popular Apacheのフォルダローカルな設定ファイル.htaccess で使いそうな設定をかたっぱしから書き込んだファイル。 メイン、スクリプト関連、ヘッダ(キャッシュや最速化)、URL書き換え、認証、SSL、開発中サイト、というようなジャンルごとに、よく使われそうなディレクティブがずらずらと並んでいる。PHPの設定、cool URLの設定、エラーページ、認証の掛けかた、などなど。 書き換えるべきところは英単語で何を書くのかわかるようになっているので、コメントとあわせて思い出しながらコメントを外していくとそれなりに使えそうな .htaccess が作れるかもしれない。僕なんかは細かい設定方法すぐ忘れてしまって検索することが多いので、これで楽になりそう。 # 本当に不要なものはコメントにせずファイルから消すべきだし、安定運用に入ったら.htaccess
MAX で新しい製品についての話がありましたのでご紹介します。といっても、まだ実際に使えるようになるのはだいぶ先のようですが。 さて、Thermo は RIA の UI デザイン作業を効率化するために提供しようと考えられているツールです。Thermo を使った際に想定されているワークフローは以下のようなものです(たぶん)。 Photoshop, Illustrator, Fireworks で画面デザインを作成する 作成したファイルを Thermo でを直接開く、または Thermo の描画ツールを使って画面をデザインする 画面デザインに対してインタラクションを追加する トランジション等のビジュアルエフェクトを定義する サンプルデータを設定して実際に動かしてみる MXML として書き出して開発者に渡す Photoshop, Illustrator, Fireworks はグラフィックデザイ
これまで色々なWindows Mobile向けのアプリケーションを紹介してきた。その際にはiPAQやX02HTで試していたが、データの移動や操作性で色々問題があった。また、入れたアプリケーションが原因で調子が悪くなる可能性もある。 そうしたときに便利なのがエミュレーション環境だ。もちろん、Windows Mobile版も存在する。 今回紹介するフリーウェアはWindows Mobile 6 Localized Emulator Images、Windows Mobile 6のエミュレーションソフトウェアだ。 Windows Mobile 6 Localized Emulator Imagesは各国版が利用できるWindows Mobile 6のエミューレション環境だ。各ソフトウェアを試すのはもちろんだが、本来は開発者向けのアプリケーションのテストするためのソフトウェアだ。 非常に良くできて
金像 瑞穂(Mizuho Konzo)氏 アドビ認定インストラクタ (ACI)・マルチメディアコンテンツクリエイター 目次 はじめに Premiere Pro CS3・After Effects CS3によるFlash Videoの作成 Dreamweaver CS3によるFlash Videoの組み込み Express Installの実装 Express Installのカスタマイズ 印刷用に表示 作成日:2008年3月6日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 Flash CS3 Professional Premiere Pro CS3 After Effects CS3 はじめに 近年、数多くのWebサイトでよく見かける『Flash Video』。Flash Videoは、世界で約98%以上のシェアを誇るFlash Playerより再生することがで
日本に住んでいる日本人が使うGoogleは、普通は日本のグーグル「google.co.jp」でしょう。 もしアメリカでのGoogleの検索結果が知りたいと思ったら、あなたはどうしますか? おそらく「google.com」を使うと、答えるでしょう。 ですが、日本に住んでいる人がgoogle.comで検索しても、アメリカに住んでいる人がgoogle.comを使って検索した時と必ずしも同じ結果が得られるわけではありません。 理由のひとつには、Localization(ローカリゼーション)といって、検索者のPCのIPアドレスから検索者の住んでいる地域を判断して、地域にあった適切な結果を返す仕組みがあるからです。 検索用語によっては、近接しているニューヨークとボストンでも検索結果が異なる場合があるそうです。 じゃあ、米国外に住む人が、米国内に住む人がgoogle.comを使って検索した結果を知るには
あいかわらず小粋な製品を作っている37 Signalsですが、「Autoscrolling」なるインターフェースを実装しているようです。とんでもなく細かい挙動なのですが、「神は細部に宿る」をモットーに活動している同社だけにきっちり作りこまれていますね。 ↑ ビデオで見たほうがわかりやすいかな。 さてやっている内容ですが。 Flickrなどにも実装されている「クリックすると編集画面に」というインターフェースでフォームが画面の外に行ってしまう問題がありますよね。画面の下のほうのテキストをクリックすると中途半端にフォームが表示されるあれです。 そうしたときに画面をずずっとスクロールさせてフォームをすべて表示し、編集しやすいようにしています。たしかに、こうした小さな違いこそが使い勝手を大きく向上させるのかもしれませんね。 » Designing Details: Autoscrolling the
本体とキーボードがついて、通常の合計販売価格より 24,640 円もお得なセット 。数量限定。ご購入はお早めに。
Googleドキュメントのデザインを自由に変更できるようになったので試したばかりですが、今回のアップデートではそれ以外にも、YouTube動画の埋め込みと、ドキュメント検索にオプション検索が追加されています。そのうちのプレゼンテーションにYouTube動画を埋め込む機能を試してみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleドキュメントのプレゼンテーションに動画を埋め込む 普通に再生するよりもやや重い感じもしますが、この状態で動画再生できるのと、動画だけでなくコメントも入れられるので重宝しそうですね。 こんな感じに動画を使ったプレゼン資料なんかもできそうです。 ちなみに。 このプレゼンテーションをPDFに変換したらどうなるのか。試してみました。 ↑こんな感じになり、YouT
HTMLエンティティ化 version Japanese 1.0(説明) エンティティ化するテキスト mailto:someone@some.domain.com エンティティ化されたテキスト オプション 入力文の半角スペース、タブ、改行を除去する エンティティ化する・しない文字を無作為に選ぶ(チェックしないときは全てエンティティ化) 但し、以下の文字は必ずエンティティ化する: エンティティ出力形式: 注1 説明 ホームページに公開するメールアドレスなどを広告業者に収集されるのを防止するためのソフトウエアです。WWWページに記載するメールアドレスなどをこのプログラムでエンティティコード(数値文字実体参照)に変換して書き換えてやれば、WWWページを実際に見ている人間には支障を与えることなく、メールアドレスなどが自動収集プログラムなどから見つかり難くなります。 使い方 変換したいメールアドレス
太字は日本のできごと。ただし、Yahoo! Inc.(米)とYahoo! JAPAN(日)は基本的には別会社。 「グーグル」および「ヤフー」は日本。 [ ]内は、後に買収される企業やサービス。 「設立」は会社登記であり、「開始」は設立もしくは創業者の活動がスタートしたという意味。 YSTとはYahoo! Search Technology(ヤフー・サーチ・テクノロジー)の略で、Inktomi(インクトゥミ)+AltaVista(アルタビスタ)+AlltheWeb(オールザウェブ)。 Overtureは、Yahoo! Search Marketing(YSM)と改称されYahoo! Inc.の一事業部門に。 AdWords、YSM(Yahoo! Search Marketing、旧Overture)、adCenterは、主に検索連動広告のシステム。 AdSense、YPN(Yahoo Pub
グーグルとヤフーのユーザーの違い - 株式会社Eストアー調べ 悪く言えば、Yahoo!ユーザーは凡庸、Googleユーザーはオタク ヤフーを視る! グーグルを識る! 検索エンジンを斬る!! SEOブログ アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 2008-02-14 グーグルとヤフーのユーザーの違い - 株式会社Eストアー調べ 「グーグルな人、ヤフーな人」と題され
アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 「SEOブログ」でキーワード検索すると、2008-02-24現在、皆さんが今ご覧のこのSEOブログの順位は、Googleで1位、Yahoo!で2位、Live Searchで3位という結果になっている。 SEOブログ - Google 検索 Yahoo!検索 - SEOブログ Live Search Web: SEOブログ
アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 GMOグループのpaperboy&co.が運営しているチカッパやロリポップのサーバでは、存在しないファイルにアクセスした場合に、HTTPヘッダが本来の404を返さずに302でリダイレクトしている。 ところで、チカッパ・ロリポップの404は302? - 永遠にインデックスされ続ける削除ファイルのコメントによると、 自分で40
Ajaxで複数RSSをサクサク表示してくれる「escaloop」。GoogleのサービスにもGoogle AJAX Feed APIがありますが、排出されるコードが思わしくないのが難点。複数RSSをまとめてくれるブログパーツもありますが、総合的に見ると「escaloop」が今のところ一番かも。 08年4月 8日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) シンプルな複数RSSまとめブログパーツ「escaloop」 Ajaxローダー特有の「グルグル」で読み込み始めてくれて、気持ち良さも感じます。余計な装飾がないのでサイトに融合しやすいのも肝かも。 「escaloop」で利用可能なサービス 下記サービスのRSSを読み込めるようです。 del.icio.us Flickr Google Google Reader LastFM Livejournal Magno
アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 GMOグループのロリポップやチカッパのレンタルサーバで、存在しないファイルにアクセスした場合に、HTTPヘッダが本来の404を返さずに302でリダイレクトしている。 もし自前のエラーファイルを用意したなら、302ではなく正しく404を出すと期待されたのだが、ユーザーの検証では404と302に分かれていた。 今回のエントリー
ロリポップでWordPress MEをインストールする方法です。 WordPress Japanの方でかなり詳しく解説されていますが、例となっているサーバーがXREA.COMなので、ロリポップ向けにドキュメントを起こしてみました。WPJの解説の「サーバー環境を確認する」という項から、こちらに続くという感じです。WPJの「初期設定とファイルの転送」、「WordPress のインストール」もあわせてお読み下さい。 データベースの作成 以前にデータベースを利用したことがない場合、また新規にアカウントを取得した場合は、まずデータベースを作成する必要があります。ロリポップのユーザー専用ページから、まず自分のアカウントでログインしましょう。次に左のメニューから、「WEBツール」→「データベース作成」をクリックします。 このような画面になったかと思います。「データベース作成」ボタンをクリックして、次へ
ブリュッセルで行われたWeb Analytics Dayで、マイクロソフトの担当者が無料のWeb解析ツールGatineauの紹介を行ったらしく、Path VisualizationやTreemap Visualizationのスクリーンショットなどを含めた紹介がBlognationにでている。また、マイクロソフトの広告サイトで、ベータ版の登録者を募集しているようだ。 ソース:Blognation;First Look at Microsoft's Free Web Analytics Tool 'Gatineau' (With Slides) September 16, 2007 in Technology | Permalink TrackBack TrackBack URL for this entry: https://www.typepad.com/services/trackba
FLV動画プレイヤーをWebページ上へ埋め込めるFlashファイル「JW FLV MEDIA PLAYER」v3.14が、1月15日に公開された。「Adobe Flash Player」に対応しており、非商用の個人利用に限り無償で利用できる。編集部にてWindows XP/Vista上のIEと「Firefox」で動画を再生できることを確認した。現在、作者のホームページからダウンロードできる。なお、商用利用時は1Webサイトにつき20ユーロなどのライセンスが必要。 「JW FLV MEDIA PLAYER」は、Webページ上にYouTubeのようなFLV動画プレイヤーを埋め込めるFlashファイル。プレイヤーの表示サイズや色、自動再生の可否といったカスタマイズ項目が豊富なのが特長。また、作者サイト上の設定フォームを使って、カスタマイズしたプレイヤーをHTMLに埋め込むためのコードを生成できる
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ デモにある4つの矩形の領域はリスト要素となっています。 オプションとして、領域間のスペースの有無やアニメーションのタイミングを変更することが可能で、収縮させるのを矩形以外にして利用することも可能です。
prettyPhotoは、角丸のかわいい感じのフレームやパーツを使用した、画像を拡大表示するLightbox風のスクリプトです。 prettyPhoto 背景色、拡大表示時のフレーム、ローディング時のアニメーション、ボタンなど他のLightbox風スクリプトよりかわいくデザインされています。 prettyPhotoで画像を拡大表示するには、スクリプトを外部ファイルとして、画像箇所に下記のようにrel属性に「prettyOverlay(一枚用)」「prettyOverlay(ギャラリー用)」を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="画像の説明"><img src="thumbnails.jpg" alt="
busy.jsは、ページの指定したエリアに、半透明のレイヤーを重ね、ローディングのアニメーションを表示できるスクリプトです。 busy.js (loading indicators) デモページ ローディングのアニメーションは画像ではなく、Canvasで実装されています。 busy.jsの対応ブラウザは、IE6+, Fx1.5+, Op9+, Safariとなっており、jQueryやPrototypeなど他のスクリプトに依存せず単独で動作します。 オプション設定も豊富で、オーバーレイの色・不透明度、表示テキスト、ローディングイメージの色、サイズ、スピードなどをカスタマイズすることができます。
leigeberのエントリーから、シンプルながらアコーディオンとして充分な機能を備えた、2.5KBの軽量のスクリプトを紹介します。 Lightweight Accordion with JavaScript and CSS Lightweight AccordionはjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3となっています。 ※Op9.5, Safari3.1 for Winでも正常に動作しました。 アコーディオンの開閉はアニメーションで実装されており、そのタイミングやスピードは変数なので簡単にカスタマイズが可能です。 CSSオフ時やスクリプトオフ時には、情報入手に差し支えないように表示されるので、使い勝手もよさそうです。
高性能なインターネットアプリケーションの構築も可能なJavaScriptライブラリ「Ext 2.1」とJavaライブラリ「Ext GWT 1.0」が、2008年4月21日にリリースしました。 Ext JS 2.1 and Ext GWT 1.0 released, preview of Ext JS 3.0 Ext 2.0からの主な変更点は、バグフィックス・パフォーマンスの改善となっており、今回追加されたデモを紹介します。 また、次期バージョンのExt 3.0のデモもいくつかご紹介。 Ext 2.1のリリースの変更点は、Release Notes for 2.1.0になります。 Ext 2.1のデモ
jQuery StyleSwichterは、ユーザーがスタイルシートを変更でき、変更したスタイルをクッキーに保存できる、設置が簡単なスクリプトです。 jQuery StyleSwichter デモページ スタイルシートの変更はレイアウトの色・スタイルや文字サイズなど、ユーザーの好みに合わせたブラウジングを提供することができます。 jQuery StyleSwichterの動作環境は、IE7, Fx2, Op9, Safari3となっています。 jQuery StyleSwichterはjQueryのプラグインのため、動作にはjquery.jsが必要です。
leigeberのエントリーから、ドロップダウンメニューをスムーズに開閉する、1.8KBの軽量のスクリプトを紹介します。 Sliding JavaScript Dropdown Menu デモページ スクリプトはjQueryやPrototypeなどの他のスクリプトに依存せず、単独で動作するもので、対応ブラウザはIE6, IE7, IE8, Firefox, Opera and Safariとなっています。 ドロップダウンメニューはリスト要素で実装されており、項目はテキストなので日本語で実装することも可能です。
Ask the CSS Guyのエントリーから、CSSのみの簡単なナビゲーションからはじまり、最終的にはJavaScriptで現在位置を示すナビゲーションまでの実装をステップごとに解説したチュートリアルを紹介します。 how to switch the on state of navigation links for dynamic pages 最終形のデモ チュートリアルのステップは、下記のようになっています。 Example 1 ナビゲーションをリスト要素で実装。 Example 2 スタイルシートで装飾。 Example 3 スタイルシートで現在位置を実装。 Example 4 onclickを使用して選択箇所を実装。 Example 5 クリック時の不具合に対応。 Example 6 最終形、現在位置を示すナビゲーション。 Example 7 Example 6を使用して、パネルを
JavaScriptでマウスやキーボードのイベント処理を実装する際に、役立つリファレンスサイトを2つ紹介します。
Fireworks.js -A javascript animation experiment 花火のエフェクトにはパラメータがあり、花火のサイズ・位置から爆発のタイプまでさまざまな花火を設定することが可能です。 パラメータは予め設定することも、ブラウザ上で設定することも可能です。
Slideに近いインターフェースですが、スライドの動きや、虫眼鏡機能など、一風変わったエフェクトを付けられるスライドショーもなかなかおもしろいものがあります。 今回はそんなスライドショー作成サービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! エフェクトが一風変わったスライドショー作成サービスMagToo スライドショーを作成してくれるサービスはたくさんあるけど、それぞれ特徴が違うのであれば、ひとつでも多く知っておくのも損はないはず。今回ご紹介する「MagToo」の特徴は下記の通り。 複数の写真からパノラマスライドショーを生成できる(”3cim XPB (ActiveX)”のインストールが必要) Googleマップと関連付けすることができる。 Googleマップと関連付けることによっ
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
iモードの創世記からモバイルサイトの市場を牽引しているのが、着うたやゲームなどに代表される、キャリア公式のモバイルコンテンツである。モバイルコンテンツの市場は引き続き伸びを見せており、2007年7月発表に総務省が発表した「モバイルコンテンツの産業構造実態に関する調査結果」によると、2006年のモバイルコンテンツ市場は3661億円であり、前年比16%増の伸びを示している。 モバイルコンテンツ市場が伸び続けている理由としては、第3世代携帯電話への移行が進んだということが1つ挙げられる。NTTドコモのFOMAユーザーは3月末時点で4395万件となり、全契約者数の82%を占めるようになった。auのCDMA 1XおよびCDMA1X WINの契約者数は2969万件と全体の98%、ソフトバンクモバイルのSoftBank 3G契約者数は1401万件と同75%を占めている。 また、パケット定額制の普及が進ん
Reading EXIF data with Javascript デモページ exif.jsのデモでは画像をクリックすると、JPEG画像のExifをダイアログボックスに表示します。 exif.jsの設置には、同サイトで配布してる「binary.js」と「binary_ie.js」が必要です。
sessvars.jsは、ブラウザのクッキーを使用しないで、セッションデータを利用できるスクリプトです。 Session variables without cookies デモ sessvars.jsを使用することにより、クッキーをオフにしていたり、使用が禁止されている環境でもセッションデータを利用することができます。 ※スクリプトをオフの場合には利用できません。 格納できるデータの上限は、Opera9.5で2MB、IE7, Fx1.5/2, Safari3で10MBとなっています。 サイトに記載してある使用上の注意は、以下になります。 sessvars.jsは、JavaScriptのwindow.nameにデータを格納します。 これはクロスドメインのセキュリティ問題があるため、パスワードやクレジットカード番号などの重要な情報には利用しないでください。 しかし、ヘッダ情報でサーバーには送
leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。
WordPress Plugin Database のプラグインをチョロチョロと使っているけども、日本語の情報が少ないプラグインの中で、自分の使用しているプラグイン “FancyTooltips” と “Live Search” を紹介しときます。 FancyTooltips これはツールチップ(マウスオーバーするとジャカジャンと表示されるアレです)を JavaScript で Fancy に表示してくれるツール。ちょっと前まで Binary Bonsai さんとこでも同じような機能があったんですけど、これ使ってたのかな。以外と使っているサイトは少ないです。ま、オマケみたいなもんでしょうか。 インストールは超簡単。 アーカイブファイルを解凍すると、ファイルが二つとフォルダが一つあるので、readme.txt 以外をプラグインフォルダにアップロード。管理ページでプラグインをアクティブに設定す
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 前回のjQueryのプラグイン33+1選 -2007年9月と合わせて、参考ください。 lightbox for jQuery jQu
ドットインストール代表のライフハックブログ
米Yahoo!が開発した「The Yahoo! User Interface Library」(以下、YUI)は、UI(ユーザーインタフェース)の機能を多く持つAjaxライブラリです。UI機能という点では他のAjaxライブラリとは比較にならないほど数が多く高機能です。 ただし、YUIだけで全てが済むことはありません。明らかに機能が不足している面もあるため、他のライブラリと組み合わせるか、独自に作成しなければならないこともあります。この点に留意すれば、UI部分の強化および補助という観点でYUIは非常に強力なライブラリとなります。 本稿では、YUIの初期の頃から用意されているUIの1つ、カレンダー機能について説明します。このカレンダー機能はバージョンアップのたびに修正が加えられてきたため、少し古いバージョンで解説してあるページや書籍では役に立たないことがあります。ここではYUIの最新バージョン
単独使用のものから、jQueryなどのライブラリ併用まで、数値や文字・画像をソートできるテーブルを実装するスクリプト10選です。
Six Flash Effects for JavaScript Text Color Slide [デモ] マウスのホバー時にテキストの色がアニメーションを伴って変化することができます。 Modified Accordion [デモ] タブがアコーディオンのように次々、切り替えられます。 Slide In [デモ] ページのロード時に、画像がフェードインして表示することができます。 Draggable Panels [デモ] フルスクリーンの画像をドラッグして切り替えることができます。 Button Flick [デモ] ナビゲーションの画像をスライドアウトすることができます。 Elegant Menu Fly-Out [デモ] 階層をもった水平型のナビゲーションで、ナビゲーションのコントロール時には背景にエフェクトがかかります。
昨日、紹介したシンプルで快適に動作する画像拡大のスクリプト「FancyZoom」が、1.1にバージョンアップしました。 致命的なバグも含まれているので、1.0をご利用の方は1.1へのバージョンアップをお勧めします。 FancyZoom Updated FancyZoom 1.1 ダウンロード FancyZoom 1.1の主な変更点は、下記の通りです。 Operaへの互換性の改善。 無限ズームの修正。 [Alt]+クリック(Command+クリック)時に、ウインドウに遷移するように変更。 FancyZoom 1.0の紹介記事 シンプルで軽快に動作する画像拡大スクリプト -FancyZoom
HistoryManagerは、スクリプトを使用してパネルやタブの切り替えた動作の履歴を、ブラウザ標準の履歴で辿ることができるスクリプトです。 HistoryManager デモ デモでは、ページネーション・アコーディオン・タブ型のスクリプトの動作履歴を、ブラウザの履歴で辿ることが可能です。 HistoryManagerはmootoolsのプラグインのため、動作にはmootools.js 1.1が必要です。
How to build a Google like Ajax loader: the red loading... bar デモページ Googleのように、AJAXを使用した別コンテンツのローディング時に「Loading content...」と書かれたバーを表示するには、下記のコードを使用します。 ローディングバーのCSS <textarea name="code" class="css" cols="60" rows="5"> #loading{ position: fixed; top: 0; left: 0; z-index: 5000; background-color: red; font-size: 150%; color: white; padding: 2px; } </textarea>
iCarouselは、テキストや画像をスライドして表示するニュースティッカーと画像ギャラリーを実装できるスクリプトです。 iCarousel ニュースティッカーは一行タイプのものからパネル状のものまであり、画像ギャラリーは画像をスライド表示するものからサムネイル表示で拡大画像を表示するものまで、さまざまなタイプが実装できます。 ニュースティッカー:シンプル版のデモ ニュースティッカー:クリック機能付きのデモ ニュースティッカー:パネル版のデモ 画像ギャラリー:横タイプのデモ 画像ギャラリー:縦タイプのデモ 画像ギャラリー:拡大画像のデモ iCarouselはmootoolsのプラグインのため、動作にはmootools.jsが必要です。
CSS Globeのエントリー「Soft Edges and Opacity Gradients for Images」から、画像にグラデーションを重ねて、ソフトなイメージにするスクリプトの紹介です。 Soft Edges and Opacity Gradients for Images デモページ 画像に適用するには、外部スクリプトとして「softedge.js」を記述するだけです。 グラデーションはカスタマイズが可能で、グラデーションの幅、四辺の適用の有無などができます。 また、グラデーションを適用させたくない画像はスクリプト内にクラス名で指定することによって、その画像を対象外にすることができます。
Image Transition Managerは、画像表示のエフェクトをHTML箇所に指定するだけで、変更できるスクリプトです。 Image Transition Manager デモページ 現在、実装されているエフェクトは、「switchoff」「slidedown」「blinddown」「slideright」「appear」「switch」「blinddown」「grow」「shrink」の9種類です。 Image Transition Managerを実装するには、「transition.js」を外部スクリプトとして使用し、その他に「prototype 1.5.1.1」と「script.aculo.us 1.7.3」が必要となります。
yamaokaです。 最近、ToDo管理(タスク管理)を紙の小さなノートを使ってするようにしています。 今回は、実際どのように管理しているのかを書いてみます。 朝書く 作業を始める前に、やることを考える時間を作ります。 ぼくの場合、通勤の電車がかなり空いているので(乗換駅が始発駅です)、 座席に座りながらノートを広げるようにしています。 一日単位で書く まず、その日の日付を書きます。そしてその下に、 箇条書きでその日にやることをリストアップしていきます。 一日単位で書くことで、その日のゴール(到達目標)を明確にすることができます。 優先順位をつける その日のうちに絶対終わらせなければならない項目の先頭には、 二重丸を付けておきます。書き出した項目を一日で全部終えられるとは限りません。 最低限やらなければならないことをはっきりさせておきます。 終わった項目は消す そうして書き出したToDo項
jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。 jQuery Browserでのスタイルシートの記述例 <textarea name="code" class="css" cols="60" rows="5"> div#browser-test{ border: 2px solid #000; padding: 10px; } ■Internet Explorer用 div#browser-test.msie{ background-color: #f00; } ■Firefox用 div#brow
カプコンの法廷を舞台とした人気ゲーム「逆転裁判」の法廷パートを自分で好きなように作ることができるFlashアプリが公開されました。利用は無料で、作成したエピソードはページ上で公開するだけでなく、自分のブログなどに埋め込むことも可能です。 こういうのによくありがちな手抜きっぽさは一切無く、かなり作り込まれており、「このまま商品になるのではないか?」と思えそうなクオリティです。 実際にどんなものが作成できるのかという例や、使い方などの解説は以下から。 つくろう! 逆転裁判 http://editor.pc-saiban.jp/ 作成された作品は以下のページで公開されています。 最新作品一覧 実際にどんなものが作成できるのかというのは、以下のカプコンが作成したものがわかりやすい。 作品タイトル『つくろう! 逆転裁判』 以下にチュートリアルのページがあります。 CAPCOM:つくろう! 逆転裁判
Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。
iBoxは、画像・動画・インラインコンテンツ・ドキュメント・フォームなどをLightbox風のエフェクトで表示するスクリプトです。 iBox v2 iBox - Lightweight inline popup Lightbox風のスクリプトは多数ありますが、その多くはjQueryやPrototypeなどのライブラリと一緒に設置しないと動作しなかったりしますが、このiBoxは単独で実装することができます。 また、容量も18.5KBと他の多くのスクリプトと比べ軽く、Packerを使用すると7KBになります。 iBoxの実装方法は、「ibox.js」と「ibox.css」を外部ファイルとして指定し、下記のコードを記述します。 titleは、キャプションとして表示されます。 画像 <textarea name="code" class="html" cols="60" rows="5"> <a
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
すごいキーワードアドバイスツールを見つけてしまいました。 これです。 何がすごいかというと、キャプチャ画像のタイトルの「Wikipedia」です。 そう、このグラフはWikipedia日本で先月2月の、「バラック・オバマ」の日々の検索数を表しています。 ※画像のリンク先ページで「ALL SIZES」ボタンをクリックすると、拡大表示が見られます。縦軸の数値の「k」は、「kilo」で「1,000」のことです。 ツールの名称は、「Wikipedia article traffic statistics」と言います。 Wikipediaのアクセス数は1,2を争うレベルのはずです。 古いデータしか見つかりませんでしたが、Wikipediaの2006年の推定ユニーク訪問者数は、「1851万人」だったそうです。 利用者の数から考えると、気になるキーワードの検索数を知るのには、いまだかつてないほどの信憑性
Bram.usのエントリーから、Photoshopで作成したPSDファイルのレイヤーに配置されたテキストをテキストファイルに書き出すスクリプトの紹介です。 Automatically export all Text layers from Photoshop PSD to a Text file PSDファイルからテキストデータを書き出すには、サイトで配布されているPhotoshopのScripting「PS_BRAMUS.TextExport 1.3」を使用します。 Photoshop CSの場合、ダウンロードしたファイル「PS_Bramus.TextExport-1.3.jsx」を「C:Program Files\Adobe\Adobe Photoshop CS2\プリセット\スクリプト」に入れ、[ファイル] - [スクリプト] からスクリプトの実行が可能になります。 テキストデータは
jQZoom_v2.0(updated) jQZoomは、サムネイル画像にズームエリアを表示し、その箇所を拡大表示するスクリプトです。 バージョンアップの主な点は、下記の通りです。 ズームレンズを実装。 拡大する画像を前もってロード。 拡大画像の指定には、独自書式を採用。 jQZoomはjQueryのプラグインのため、jquery.jsが必要です。
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
MooFilmは、画像にマウスを重ねると、テキストやリンクなどの付加情報を、フィルムでかぶせるようなアニメーションで表示するスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> <a class="use_film" href="images/546.jpg" target="_blank" title="Fish"> <img src="images/546.jpg"/> <div class="use_credits">A image with title, i
Easy Scrollは、スクリプトやCSSオフ時でも情報の提供が可能な、コンテンツをスクロールするスクリプトです。 Easy Scroll: Accessible Content Scroller デモページ スクリプトのオフ時には隠されているコンテンツが全て表示され、CSSのオフ時にはスクロールボタンがリストで表示されます。 Easy ScrollはjQueryやPrototypeなどのライブラリを必要とせず、単独のスクリプトとして配布されています。 設置もシンプルで、コンテンツのスクロールアップ・スクロールダウン・リセットの機能があり、スクロール領域の高さとスピードを設定することができます。
jQuery Lightbox Plugin (balupton edition)は、アニメーションを使用して画像を拡大表示するjQueryで動作するLightbox風のスクリプトです。 jQuery Lightbox Plugin (balupton edition) デモページ 画像を拡大表示するには、スクリプトを外部ファイルとして指定し、下記のコードのようにrel属性に「lightbox」を記述します。 rel属性を変更することで表示方法を変更できます。 <textarea name="code" class="html" cols="60" rows="5"> <a rel="lightbox" href="sample-large.jpg"><img src="sample.jpg" /></a> </textarea>
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
グーグルアースがアップデートされ、4.3にバージョンアップしたそうです。印象としては、ナイト&デイモードと3Dモードの組み合わせで見ることのできる都市の日の出と日の入り。結構感動します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 新しくなったグーグルアース これがナイト&デイモードと「weather」⇒「cloud」で雲を表示させた状態、美しすぎます。ナイト&デイモードは↓のボタンで設定できます。 グーグルアース4.3のチュートリアル動画 ナビゲーションも以前よりグッと良くなっています。主な追加機能は下記の通り。 サクサクズーム マウスの右ボタンを押しっぱなしでドラッグでズームできます CTRL+方向キー 辺りを見回すことができます ホイールボタン マーカーをつけることができます r 3Dビ
トルカサービスとは携帯電話のさまざまなインターフェース(FeliCa、メーラ、赤外線など)を利用して、簡単に情報を携帯電話に取り込むことができるサービスです。取得した情報は携帯電話内の検索、ソート機能で簡便に管理でき、トルカ対応携帯電話どうしで簡単に交換できます。また、詳細ボタンを押下することにより、より詳細な情報を取得することができます。
MooFlow MooFlowは、ImageFlowを参考にしたもので、動作にはmootools.jsが必要です。 [Extra]にある「Execute Sample」をクリックすると、カバーフローがドラッグで自由に移動可能になり、リサイズもできます。
When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it’s important to know which editor is best tailored to your personal needs. When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors
Ext.Live Archive 日本語版 最終更新: 2008年 3月 4日 どのような感じか作者のサイトでよく確認ください。 >Sons Of Skadi 『Extended Live Archive』 つまりは、カテゴリとアーカイブが合体したリストなんですね。オプションの編集画面で細かくカスタマイズできるようになっています。 インストール 1. 上記サイトにてプラグインをDLする。(v0.10beta R14) 2. 解凍し、フォルダごとプラグインディレクトリへアップロードする。 3. プラグインを有効化。 4. オプション ->Ext Live Archive を確認する。 注意点は、記事総数が多いとキャッシュディレクトリの生成に時間がかかります。気長に待ちましょう。 それから、この日本語化セットをアップロードします。上書きしてから有効化は未確認なので、原版で有効化したほうが
You are being redirected to https://plasticdreams.org/2006/05/27/smart-update-pinger/
新たにアプリケーションを開発する際に、今もっとも注目すべき技術がAdobeの「AIR」、Microsoftの「WPF」、そしてGoogleの「Google Gears」である。それぞれアプローチは異なるものの、ウェブ上で利用してきたリッチインターネットアプリケーションをデスクトップ、もしくはオフライン環境で動かすためのものだ。 今年に入ってから各社のリリースが相次ぎ、大きな話題となっているが、ではこれらの技術によって誰がどのようなメリットを得るのだろうか。今回はAdobeのAIRについて基本的な情報をおさらいする。 Adobeが6月11日にリリースした「Adobe Integrated Runtime」(AIR)のベータ版は、もともと「Apollo」という開発コード名で呼ばれていた、デスクトップアプリケーションの実行環境である。ユーザーはクライアントマシンにAIRランタイムをインストールし
悩みドットジェイピーは、ありとあらゆる「悩み」を解消するグッズを集めたアフィリエイト・サイトです。運営するのは、小林智子さん(35歳)。つい最近まで、専業主婦として育児や家事に没頭していたそう。立ち上げ以来、売上は急伸を続け、2003年11月の月商は38万円に達しています。 ◇◆◇ ◇◆◇ ◇◆◇ ◇◆◇ ●あえてネガティブな言葉をキーワードに 「きっかけは、主人の会社のボーナスカット。残業も禁止になって、収入がぐっと減ったんです。私が働きに出なくては――と思ったんですが、このご時勢、就職口もそうそうないですし。そんなとき、たまたまアフィリエイトで稼いでいるという、友人の話を耳にしたんです」 アフィリエイトとは、ホームページなどで広告主のバナー広告を掲載するビジネス。商品の販売や会員獲得などに協力します。友人の話にピンと来た小林さん。「試しに1年間、本
こんにちは、山下です。 今年もどうぞよろしくお願い致します。 Webサービスを開発していると、特定のキーワードを自動でURLリンクにする処理が必要になることがあると思います。今回は、このキーワード自動リンク機能を形態素解析ツールMecabを使ってPHPで実装する方法を紹介したいと思います。 説明に入る前に少し補足しておくと、Trieの実装であるDouble-Array処理だけ利用したいのであれば、MecabからDouble-Array処理の部分を切り出したDartsというライブラリがあります。しかし、なぜMecabを使うかというと、PerlだとDartsのバインディングが公開されているのですが、現時点でPHP版はありません。また、最近のLinuxディストリビューションでは、Mecabのパッケージが最初から用意されているため、より簡単に利用できると思ったからです。 それでは、順を追って説明
ページの重要度を推し量るために、ウェブ上に広がる個々のリンクをどのように評価するのが最も望ましいか(検索利用者に快適な検索体験を提供できるか?)。一連のPaid Links(有料リンク。キーワード型のテキストリンク広告。具体例を知りたい方は、Matt Cutts氏によるプレゼンテーション資料を参照(.ppt、パワーポイントのファイル))に対するGoogleの対応を追っていくと、彼らの説明は時期によって根拠や理由が異なっているし(=Googleとしても明確なポリシーが決められていなかった)、少なくともサイト運営者にとって目安となる程度のガイドラインを引いていなかった。何より、Googleを含む検索会社はこれまで、サイト運営者に対するリンクスパムの考え方として「クローラの利益にしかならないリンクはスパム」(=ユーザの利益を考えなさい)というのを提示してきたため、少なくともSEO業界の側からは「
前々回の記事「百度、本気で日本の検索エンジン市場に参入する けど」の本文中で、Googleの検索結果が同じキーワードでも朝と夜で変化するという話を書きましたが、それについて説明している日本語の記事があまりないので、ここで解説をしておきます。この技術はもともと、米New York TimesのGoogleへのインタビューの中で紹介されたもので、QDF(query deserves freshness)と呼ばれるものです。日本国内では2007年4月以降、Googleウェブ検索によく「5分前」「1時間前」「4時間前」といったラベルつきのリンクが掲載されることがありますが、これはQDFアルゴリズムによるものです。 --------------- GoogleやYahoo!で検索した時に私たちが目にする検索結果の並び順というのは、ある時点におけるウェブページのランク付けの結果に基づいたものだ。ウェブ
● ここがオススメ! 登録後すぐ利用開始できるシンプルな目標管理サービス。スケジュール管理ではないので、タスクだけでなく、メモや目標など用途はいろいろ。メールでリストを送信する機能も搭載。携帯電話からも利用可能だ。 ● 携帯電話からも利用可能。シンプルなToDoリスト管理サービス タスクの管理方法はさまざまだ。人よって好みがあるため、何がベストであると言い切れないが、デジタル・アナログを問わず、できるだけ「簡単」で「見やすく」、かつ「紛失しにくく」、「どこでも閲覧・管理できる」というのが最低限の条件といえる。 そこで今回は、登録は常にテキストフォームが1つだけと機能は極めてシンプルながら、使い始めると手放せなくなる管理ツール「check*pad」をご紹介しよう。 「check*pad」は、Web上で目標やToDo管理ができるサービスである。登録はメールアドレスを入力するだけ。送信されたメー
コンピュータの電源が入り、ハードウェアは問題なさそうに見えるものの、OSであるWindows XPが正しく起動しない場合、OSを調査して問題を特定し、その問題を修復するというトラブルシューティングの旅に出る必要がある。あなたのこの旅を少しでも楽にできるよう、Windows XPが起動しない場合にできること10項目を以下に挙げる。 #1:Windows起動ディスクを使用する Windows XPが起動しない問題の原因を究明するために最初にやるべきことは、Windowsの起動ディスクを使ってみることだ。このフロッピーディスクは、アクティブパーティションの起動レコードか、OSがWindowsを起動させるために使用するファイルのいずれかが壊れていることによって問題が引き起こされている場合に重宝する。 Windows起動ディスクを作成するには、問題を抱えているシステムと同様の設定で正しく動作している
PCに比べた場合の携帯電話の大きな特徴の1つは、端末によってその仕様が大きく異なることだ。キャリアによってブラウザやアプリが異なるのはもちろんのこと、同じキャリアでも機種によって表示できるデータ量や画像の大きさ、種類などが違う。それぞれに応じたサイトを作る必要があることを考えると、モバイルサービス運営者にとって、対象とする携帯電話端末をどこまで広げるかというのは大きな問題になる。 その判断をするときに大きな助けとなるのが、携帯電話機種のシェアだ。そこでこの連載では毎月1回、どういった端末がどの程度利用されているのかを、モバイルインターネットアクセス実勢データをもとに紹介していく。 データはビートレンドの携帯電話向けASPサービス群「BeMss」を利用している約600社のモバイルサイトのアクセス実績を利用する。BeMssを利用している企業の業種は金融から小売まで多岐にわたるため、より実勢に近
SEO対策の重要ポイント 上位表示されているサイトには被リンク・ユーザーの求める適切なコンテンツが揃っています。 その傾向を調査し改善・記事のリライトなどサイトの「運用」を行っていくことが今後のSEO対策には必要となります。 質の高い被リンク いくらコンテンツが良くても被リンクがなければ順位上昇などの上位表示は期待できません。 そのサイトに合った自然な被リンク対策が必要となります。 ユーザーが求めるコンテンツ 上位表示するためには、その検索クエリ(対策キーワード)によってユーザーが何を知りたいのか?何を求めているのかを考えてコンテンツを用意する必要があります。 上位表示の傾向を元にした運用 ユーザーが求めるものは時間とともに変化します。 この傾向を調査してサイトの変更や改善を進めるサイトの「運用」が今後のSEOには必要となってきます。 昔と今のSEOの違いについて みなさんもご存知の通り、
同じdescriptionを複数ページで使用してないだろうか? 今日のコラムは、Movable Typeでdescriptionの自動生成をしてる方に贈る。『ブログの設定』の『説明』を応用する人が一番多いのではないだろうか。 <meta name="description" content="<$MTBlogDescription$>" /> ところがこのやり方で複数ページに同じdescriptionを利用しているとSEOで問題があるというのだ。 下記、画像を見ていただきたい。 上記画像はあるサイトを、 Google ウェブマスター ツールで調べて検出された『メタデータ(descriptions)の問題』ページ数。タイトル下には『サイトで、Google がページをクロールしたり、インデックスに追加するのが難しい原因となる問題をいくつか検出しました』と表示されている。 気になったので、Go
検索エンジン用サイトマップファイルを作成(4ページ目)サイト内のすべてのページを検索エンジンに漏れなく巡回してもらう方法として、検索エンジンに読ませる専用の「サイトマップファイル」を用意する方法があります。そのサイトマップファイルの作成方法をご紹介! サイトマップファイルを公開する 作成したサイトマップファイルは、そのウェブサイトの最上階層(トップレベルのディレクトリ)にアップロードします。 例えば、ウェブサイトのURLが http://www.example.com/ の場合は、サイトマップファイルに http://www.example.com/sitemap.xml のようなURLでアクセスできるようにアップロードします。 アップロードできたら、以下の作業を行って検索エンジンに伝えましょう。 ■Googleの場合 サイトマップファイルの存在をGoogleに伝えるには、「Googleウ
クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 オープンソース活用はあたりまえ! そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク オラクルスペシャリストが語る! 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 コンテナをエンプラITに! コンテナ活用の基礎 本番実装が増える背景とメリット ライバル同士がタッグを組む理由 マイクロソフトとヴ
CSSによってデザインされたサイトをまとめるサイトはかなり多く、それらすべてを網羅しようにもなかなか大変だったわけですが、そういったCSSギャラリーサイト自体をまとめたサイトが出現しました。その名は「GALLERY GALLERY」、さまざまな条件で並び替えることも可能で、100個近いサイトを見ることができます。 詳細は以下から。 GALLERY GALLERY http://www.triangling.net/gg/ この記事の執筆時点では98個のサイトが登録されており、それぞれのサイトについてRSSはあるか、タグによる分類はあるか、ユーザーによる投票は可能か、などの情報が簡潔にアイコンで示されています。 また、各種条件で並び替えることも可能となっているため、自分の入手したい情報をまとめたCSSギャラリーサイトを見つけることも簡単にできます。なかなかいい感じです。
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleスプレッドシートで作ったアンケートフォーム ↑こんな感じの簡易なアンケートを埋め込めるようになりました。 アンケートフォーム埋め込みまでの手順 Google ドキュメント – スプレッドシートを開き、右上にある「共有」タブをクリック 「フォームへの記入」のラジオボタンにチェックを入れ、「フォームを編集」ボタンをクリック ポップアップでアンケート作成画面が開くのでポチポチ作っていき、「完了」ボタンを押します。 いくつか設定を行い、右上にある「埋め込む」リンクをクリックすると埋め込みタグが生成されるのでコピーして張りたい場所へ貼り付けます アンケート結果はGoogleスプレッドシートへタイムスタンプと共に蓄積されていきます エクセル形式で回答
レゴというのはさまざまな想像力を沸かせてくれます。かくいう私も幼いころはレゴでいろいろなものを作った記憶があります。ピクセルアートってなんだかそれに近いとは思いませんか? 今回はそんなピクセルアートを作成できる「Cubescape」のご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! まるでレゴのようにピクセルアートを作成できる「Cubescape」 ログインなしでピクセルアートを作れて保存することも可能。右脳がかなり刺激されそうです。 気になるピクセルアートいろいろ これはお城!? サッカー場。よくぞここまで作ったもんですね。 マリオとルイージ。こういったところにも良く出てきますね。 不可能な構造。こういったのがよく作れますよね。そうとう右脳が働きそうです。 なかなかアーティスティック。
携帯電話キャリアの契約数シェアは、モバイルサイトへのアクセス量における各キャリアのシェアと必ずしも一致しない。携帯電話を保有しているユーザーが必ずしも携帯電話でインターネットを利用するわけではないからだ。 では、いったいどれくらいの差があるのか。企業のモバイルサイトへのアクセス実勢調査データと携帯電話契約数(以下、契約数とする)データを比較してみよう。 ビートレンドの携帯電話向けASPサービス群「BeMss」を利用している約800社のモバイルサイトのアクセス実績を利用し、2007年4月1日から2008年3月31日までのDoCoMo、au、SoftBankのアクセスシェアと、電気通信事業者協会(TCA)が発表した契約数シェアを比べたところ、DoCoMo、auは契約数シェアよりもアクセスシェアが大きく、逆に、SoftBankは契約数に比べアクセス量が顕著に少ないことが分かった。 その差は月によ
プリンタやマウスなど周辺機器をPCに接続するときは、その周辺機器を制御するためのドライバと呼ばれるソフトが必要になります。周辺機器を買ったときについてくるCD-ROMを使って、その製品のドライバをインストールするアレです。 一度のインストールでも正直いって面倒なのに、PCを新しくしたときや、同じPCでもOSを再インストールしたときなどにいちいちこのドライバをインストールしなおすのは拷問に近い時間と労力のムダ。 そこで、その労力を最小限におさえるソフト「DriverMAX」の紹介です。 =CONTENTS= ■ドライバについてのおさらい/「DriverMAX」とは ■「DriverMAX」の使い方(導入・起動編) ■「DriverMAX」の使い方(実践編) ドライバについてのおさらいドライバとはその名のとおり、周辺機器の運転手だと捉えてください。 プリンタやマウスといった周辺機器はメーカーが
Web+DBプログラミングの基礎 Apache + PHP + MySQL Version5編の記事一覧 ●PHPの文法 PHPの文法について解説します。 ●PHPプログラムで日本語が文字化けする場合の対応 サンプルプログラムを実行した結果、日本語が正しく表示されない場合の対応について ●Apache + PHP + MySQL Version5編 Vol.01 メニュープログラムとテスト用テーブルの内容を一覧表示するプログラムを作成します。 ●Apache + PHP + MySQL Version5編 Vol.02 ユーザー定義関数を作成します。 ●Apache + PHP + MySQL Version5編 Vol.03 指定されたnumberのデータを表示する登録確認プログラムを作成します。 ●Apache + PHP + MySQL V
今回もphotoshopネタで、グッドテイストなOS X風wallpaperイメージ素材を簡単に作るテクニック?というよりはアイデアですね。以下のようなイメージをいとも簡単に作る方法の紹介です。結構WEBデザインで、いろんな部分の背景なんかに重宝する素材になると思います。 最近Windowsのホームページ上でもこんな感じのイメージ素材を至るところで使っています。最近の流行っぽいものを取り入れてみるとクライアントからもうなずきをいただけるのではないかと思います。マイクロソフト - ホーム たまたま他のイメージを探していたときに見つけたのが、”煙”のイメージ。これを使って簡単にきれいなナチュラルラインを表現できるOS X風素材が作れます。いい拾い物しました。 グッドテイストなOS X wallpaper風イメージ素材の作り方 まずは、stock.xchng - the leading free
以前からサイト検索機能をアップさせたいと思っていました。検索結果表示のスピードアップです。。今後エントリーが増え続けてくるとMovable Typeの検索機能ではストレスを感じるようになってくる。そんなことからいろんな検索(サーチ)機能のカスタマイズを探してみました。結果、Google AJAX Search APIを利用したサーチ機能に切り替える方向に決めました。 使ってみた感想は、なかなかいい感じです。検索結果表示も早い方だと思います。また、Custom Search Engine:Google Co-opの実装も合わせて表示できるので訪問者にとっては、いい検索機能だと思います。(試しに一度検索機能を使ってみてください。) 今回はこの便利なGoogle AJAX Search APIを利用した検索機能をMovable Typeに実装する方法を紹介します。一度使ってみるとわかりますが、自
Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at mysql5.sourceforge.jp. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the datab
これを試しに実行してみた結果、今まで1日10ドルだったのが1日700ドルになり、最終的には1日1700ドルの売り上げになったとのこと。一体何をしたのでしょう?GoogleAdsense担当者のブログからの実例に基づく効果的な最適化の報告。 Inside AdSense: Meet Ivan the optimiser -- but please, no paparazzi この報告によると、この結果はいわゆるアドセンスへの最適化というのを施した結果、発生したようです。最初は468×60サイズのバナーをページ最下部に配置していたそうです。これをまず300×250の中間ほどの大きさのレクタングルに変更。配置場所を各コンテンツの一番上と一番下にそれぞれ変更。また、色合いを補色で構成。これで1日10ドルから1日100ドルに上昇させることに成功。最終的にはページの上と下から、ページの真ん中、つまりよ
Design あなたのデザインに刺激を与えるサイト30選『30+ Sites To Help Inspire Your Designs』 Webデザインの参考になるサイトはないだろうか。 そんなときにおすすめなのが、『30+ Sites To Help Inspire Your Designs』。あなたのデザインに刺激を与えるサイト30選だ。 以下にいくつかご紹介。 » AndyBudd.com 印象的なCSSサイトを数百集めているサイト » BestWebGallery.com たくさんのスタイリッュなサイトが見られて刺激をもらえる » CSSBased.com 1500を超えるCSSベースのデザインサイト » CSSBeauty.com 月に一回更新されるサイトギャラリーやニュース、お知らせなど » CSSClip.com 1700以上のサイトが掲載されていて、評価したりコメントをつけ
趣味でやっている人のことは、まあ、いいとして(踏み台にされる可能性はあるけど)、仕事でPHPを使うときの注意を書いておこう。 コーディング規約を守る。組織にコーディング規約がないなら、Zend Framework PHP標準コーディング規約 [zend.com]を使う。オレ流コーディングスタイルは禁止。 内部コードにはEUC-JPかUTF-8を使う。入出力もできるだけShift JISを避ける。Shift JISを使う場合には2byte目に0x5Cを含む文字の動作を忘れずに確認する。 開発環境の警告レベルをE_STRICTにする。本番環境ではdisplay_errorsをオフにする。 register_globals、magic_quotesはオフにする。 type hintingを積極的に使う。 スコープの長い配列をクラスでラップする。 プレゼンテーションとロジックを分割すること。プレゼ
SEO業界で話題になっている有料リンク問題をめぐるGoogle PageRank更新について、何人かの方から質問をいただいた。いずれも「有料リンク」のことを誤解されているようだったし、実際、勘違いしている方がブログを拝見する限り多そうなので、ここで解説しておく。 (なお、本CNETブログ以外でも、私が担当させて頂いている雑誌などの連載コラムで、直近で有料リンクの話題を取り扱う予定だ。リンクを購入して心配な方、あるいはSEO用リンク広告枠を多数用意してしまって心配な方はそちらの記事も参考にして頂きたい) 1. 有料リンクの定義、有料リンクとは呼ばないもの 2. PageRank減点ペナルティ対象外となっている(と思われる)サイトについて 3. リンク購入側の対応 4. リンク販売側の対応 さて、1点目から。SEO業界で話題になっている「有料リンク(Paid Link)」とは、SEO目的、つま
長いURLを短くしてくれるサービスを探している。 そんなあなたにおすすめなのが、『90+ URL Shortening Services』。URLを短くしてくれるサービス90選だ。 その中でもシンプルなものをいくつかご紹介。 » memurl URLを短くすることだけに特化したシンプルなサービス。インターフェースもとてもシンプル » RubyURL ブラウザのブックマークレットから動作するシンプルなサービス。↑のキャプチャはこのサイト » Shrinkr シンプルなインターフェースのサービス » Tinylink Firefoxのアドオンで動作するサービス » TinyURL Twitterでも使われているサービス URLを短くしてくれるサービス、チェックして使っていきたいですね。 友人のライブに行ってきました。昨日はカフェライブですごく楽しかった。 代官山まで自転車で行ったんだけどすごく
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ファイルを配布してくれているサイトもあり、かなり使えるだろう。
mixiぜんぜん知らないので前からあったのかもですが、mixiステーションのバージョンが2.2.1になって mixi toolbar っていうのが追加になっていました。 インストールしているときに出てくるダイアログに mixi toolbar というのが出てくるのですが、なんかインストールしてもデフォルトでは表示されないみたいなので(自分の環境だけかも)、自分でIEのメニューから[表示]/[ツールバー]/[mixi] を選んで表示させる必要がありました。そうするとIEにmixi toolbarが出てきます。 id:HolyGrail誕生日おめでとう。 以下恒例のAPI発掘結果です。ちなみに認証はmixiのあしあとAPI発掘のとき同じでWSSEもしくはcookieでできました。 マイミク一覧 http://mixi.jp/atom/friends/r=1/member_id=myMixiID
Diary コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』 ロゴデザインに使えるフォントを探している。 そんなあなたにおすすめなのが、『60 Brilliant Typefaces For Corporate Design』。コーポレートロゴデザインに使える素晴らしいフォント60選だ。 以下にいくつかご紹介。 ↑のキャプチャはMuseo。 セミスラブセリフ書体 Gloriola TDC2 2008で表彰されたフォント Marat 優しく親しみのあるフォント Candy Script 窓のペインティングデザインからきているフォント Sloop 手書きフォント、セクシーで優雅で女性らしく視線を引きつけるフォント その他のリストは以下から。 » 60 Brilliant Typefaces For
DiaryTechnology あのサイトのAjax、Javascriptを実装するための方法60選『60 More AJAX- and Javascript Solutions For Professional Coding』 あのかっこいいサイトのAjaxを取り入れたい。 そんなあなたにおすすめなのが、『60 More AJAX- and Javascript Solutions For Professional Coding』。あのサイトのAjax、Javascriptを実装するための方法60選だ。 ↑はCoda Popup Bubbles。 クールなポップアップメッセージが表示される。 » iCarousel carouselを作るためのオープンソース(フリー)Javascript » Product Slider スライダーで商品を選択できるインターフェース » Oversize
Design 革新的でプロフェッショナルなWebサイト49選『49 Professional and Innovative Websites』 かっこいいサイトを探している。 そんなあなたにおすすめなのが、『49 Professional and Innovative Websites』。革新的でプロフェッショナルなWebサイト49選だ。 以下にいくつかご紹介。 ↑はIMMOMENT OUTLINE2DESIGN StrawPoll Deaxon serene green discount box etonDIGITAL その他のリストは以下から。 » 49 Professional and Innovative Websites 革新的でプロフェッショナルなWebサイト、チェックしてぜひ見ていただきたい。 今日は暑そうだからTシャツを着ていこうっと。
SONY XYZ用オービス地点データです。 仕様 ・一般道:300mで警告、353件(内、信号オービス1件) ・高速道:500mで警告、227件 オービス地点データは下記のものをXYZ用に変換させてもらいました。 【ORBIS DATA for Panasonic Navigation」】 http://home.n07.itscom.net/leaves/orbis/ [2005/10版] インストール手順 �@関連ページからオービス地点データ(xyz-orbis-20060621--200510pananavi.zip)をダウンロードします。 �AダウンロードしたZIPファイルを解凍すると、XMLファイル(xyz-orbis-20060621--200510pananavi.xml)になります。 �B「XYZマップマネージャ」を起動し、「マー
ブログをもっと効率的に書きたい。 そんなあなたにおすすめなのが、『Top 10 Tools to Get Blogging Done』。ブログを書くのに便利なツール10選だ。 以下にご紹介。 1.ブックマークレットでGmailをブックマークサービスとして使う 2.気軽に書けるTumblrでクイックポスト 3.Foxmarksにエントリーのアイディアをためこむ 4.PhotoshopやPicnikを使って画像のリサイズ時間を短縮する 5.Googleアラートを使って話題を集める 6.Texter(Win)やTextExpander(Mac)で繰り返し使うコードを自動化する 7.Jottを使ってモブログする 8.再利用できるエントリーや画像のテンプレートを作る 9.CoLTを使ってリンク先のテキストとURLをコピーする 10.AutoCopyを使ってコピー&ペーストを自動化する ブログを書くの
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルアップロード » Really Easy Field validation with Prototype とても簡単に使えるフォームバリデートスクリプト » Live Validation リアルタイムでバリデートしてくれるオープンソースのjavascript 素晴らしいAjax + CSSフォーム、チェック
DiaryTechnology スライドするドアのように使いやすいボタンをCSSで作る方法『Make fancy buttons using CSS sliding doors technique』 汎用性のあるボタンが作りたい。 そんなあなたにおすすめなのが、『Make fancy buttons using CSS sliding doors technique』。スライドするドアのように使いやすいボタンをCSSで作る方法だ。 このエントリーでは、↑のようなボタンをCSSで実装する方法が紹介されている。 画像を2つ使い、テキストの長さによってスライドするドアのように縮小・拡大するというものだ。 HTMLとCSSがすべて公開されているのですぐに実装可能だろう。 スライドするドアのように使いやすいボタンをCSSで作る方法、チェックしてぜひ使ってみてはいかがだろうか。 先輩とジムで会ったので
Webサービスの企画を行う際に、企画書を作られることがあるかと思います。個人で作るサービスであれば作らないこともあるでしょうが、企業として取り組む場合には必要なものです。 via Changes to site permalink page on Flickr - Photo Sharing! なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。 そこで今回は私がWebの企画書(自分用ではなく、他社への提案用)を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。 □ コンセプト 最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。 □
2000年にEC studioを創業してから7年間WEB業界に どっぷり浸かっています。その中で自分なりに考察した 「ホームページ制作」の現状と今後について書きます。 ■本当にいいホームページとは ●本当にいいホームページとはどんなホームページなのでしょうか。 私は「機能性+デザイン」だと考えています。 機能性とデザインのどちらも大切ですが、比重で言うと 機能性≧デザインです。機能性ありきです。 ホームページで言う機能性は、導線がわかりやすく 購入(目的)ページまでの誘導率が高いことです。 つまりネットショップであれば売れるホームページであるということです。 ●ホームページは作って終わりではない 今までホームページがなく、とりあえず形になったから それでOKという自己満足的ホームページであれば いいと思いますが、多くの場合はそうではないと思います。 ホームページは完成した瞬間からがスタート
遂に完成。 ご近所さんでナビの地点編集ソフトを作成されているたかっちさんより、XYZ対応したいという事で情報交換しているうちに、いろいろ仕様を要望していたら、早速XYZ用に作ってくれました。 (たかっちさんもXYZ777を購入されています) 元々はKENWOODナビを使用されていてItsMoNavi等の連携がされていたので、XYZ用の地点情報ファイル(xml)に調整するだけだと思っていたら、結構機種毎に違いがあることが判明。 でも、地点編集ソフトを使って裏技に挑戦。 まずは、読みの領域に補足情報を入れてみました。 (ひらがな以外を入れてもエラーにならず表示してくれました) 残念ながらXYZの地点情報には角度を入れる事が出来ませんが、CreatePointDataでは持たせることが出来ますので、オービスの方向などはマスターデータの方には指定しておくことが出来ます。 また地図上から角度を取り込
livedoor PICS サービスのお知らせ livedoor PICS サービスのお知らせを行う Wiki です。 トップページページ一覧メンバー編集 livedoor PICS WebService 最終更新: livedoor_pics 2012年01月12日(木) 12:23:19履歴 Tweet livedoor PICS WebService Interface(ベータ版) 「現在、本サービスは一旦ご提供を停止させていただいております」 AtomPP 0.3 livedoor PICS WebService では AtomPP 0.3 による以下の操作をサポートしています。 最近投稿した写真一覧の参照 写真の投稿 投稿した写真の参照 写真の削除 写真のタイトルの変更 livedoor PICS WebService はベータ版での提供となります。 今後、仕様の変更等が行われる
2023.02.14 フロム・エー ナビ お仕事検索webサービス終了のお知らせ 平素より弊社サービスをご利用いただき誠にありがとうございます。2023年3月16日(予定)をもって、フロム・エー ナビ お仕事検索webサービスを終了させていただくこととなりました。 ご利用のお客様にはご迷惑・ご不便をおかけいたしますことをお詫び申し上げます。今後とも変わらぬご愛顧のほど、よろしくお願い申し上げます。 2014.08.19 2014.08.19からAPIが変更になります。リファレンスを更新いたしました。 ※2ページ目に記載されているリクエストURLの変更。 [http://xml.froma.com/s/r/jobSearch.jsp]から[http://xml.froma.com/s/p/api/jobSearch.jsp]に変更いたしましたが、 [http://xml.froma.com/
自分のパソコン上でWindows95/98/ME/NT/2000/XPなどをエミュレートして動作させることができる仮想マシン環境「Virtual PC」の最新版が無償配布されています。32ビット版と64ビット版があり、動作環境として新しくWindows Vistaに正式対応しています。 動作推奨環境はCPUが1GHz以上。それ以外のメモリやハードディスクは仮想マシン上で動かすOSによりけり。 ダウンロード手順は以下の通り。 Microsoft Virtual PC 2007 「Download now」をクリック 「Microsoft Download Center」をクリック 「Japanese」を選んで「Change」をクリック 「ダウンロード」をクリック 「保存」をクリック 無料で最新のテスト用環境が手にはいるというのはかなりうれしいかも。
DiaryTechnology 効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 かっこいいインターフェースをCSSで実現したい。 そんなあなたにおすすめなのが、『Powerful CSS-Techniques For Effective Coding』。Smashing Magazineによる、効果的なコーディングのための強力CSSテクニック集だ。 以下にいくつかご紹介。 » Triadic Background Setting with CSS Silverbackのサイト。シンプルなCSSで3枚の背景画像を重ねて3D効果を出している。ドキュメントはないがソースコードを見るだけでとても刺激的 » Creative Use of PNG Transparency in Web Design We
益子貴寛(Takahiro Mashiko) 株式会社サイバーガーデン 目次 はじめに 日本語フォント名の「英・和」指定 ブラウザの動向とCSSハック 印刷用に表示 作成日:2008年2月8日 ユーザレベル:中級 製品:Dremweaver CS3 この記事では、リセットスタイルやセッティング、CSSハックなどの手法をご紹介し、Adobe® Dreamweaver® CS3をつかったWebサイト制作に活かす方法を解説します。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 体験版 購入 CSS2.1プラスアルファの時代に Webクリエイターにとって、「CSS」イコール「CSS2.1」というのが当たり前になってしばらくたちます。W3Cから2007年10月に公開された草案「CSS Snapshot 2007」でも、「CSSといえばCSS2.1を意味する」と明確に述べられ
Web Resources Depotのエントリーから、ベーシックなデザインのボタン画像のPSD素材を紹介します。
Vector4Free ベクター素材のライセンスは、複数の制作者のため、それぞれ異なります。 個人・商用ともにフリーのものから、商用の場合のみ制作者に要確認のものなどがあります。
Ganato.comのエントリーから、サイトのパーツに利用できるアイコンやボタン、ナビゲーションなどのPSD素材を紹介します。
Feng GUI heatmapは、独自のアルゴリズムに基づいて、ユーザーの視線がどのようにページ内で移動するかとその頻度を表示するヒートマップを作成するサービスです。 Feng GUI heatmap Feng GUI heatmapは、実際のユーザーの視線やマウスの動き・クリックを検出するものではなく、独自のアルゴリズムに基づいてヒートマップを作成します。そのため、サーバーのログなどは必要ありません。 フラッシュの場合は、キャプチャした画像(960x640)をアップロードすると生成されます。 ヒートマップを作成するには、3つの方法があります。 オンラインで Firefoxのエクステンションで ViewFinder website heatmap 1.0 ブックマークレットで Feng GUI heatmapは独自のアルゴリズムでヒートマップを作成するので、実際にアップロードされていない
皆さんは一日に何通のメールをやりとりするだろうか?送信するのは20通や30通としても、受領するのはスパムメールばかり、なんてことありますよね。わたしもそうです(このブログで会社アドレスを公開しているせいもありますが)。 米国IDC「世界の電子メール利用状況に関する調査結果」によれば、世界で送信される電子メール数はおよそ970億通、そのうち400億通以上がスパム。その調査発表から1年経っているので、今はもっと凄い数字でしょう。スパムの増加、ある意味で電子メールが生活の中で欠かせない通信手段になったことを表します。今日は電子メールを視覚化するメールソフトウエアをテーマに。 【hmm・・・なアドバイス84.電子メールは、電子文(でんしふみ)へ。】 まず『3D Mailbox』。スローガンは「Bring E-mail to life !(メールに命を)」 3D Mailbox delivers a
Project83のエントリーから、コマースサイトでよく見かけるショッピングのフローなどを表現したプログレスバーのデザイン集を紹介します。
アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 『給料とは顧客によってもたらされるのである』、『顧客を失うことは職を失うことである』 この本は、実に刺激的な文章からはじめられている。 なぜ顧客は逃げてしまうのか: ジェフリー・J・フォックス さらに刺激的なのは、「4種類の顧客」の分類である。 (1)うるさくて、優良な顧客 (2)うるさくなくて、優良な顧客 (3)うる
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino(WINDOWS 97.09% / MAC 78.86%) ・Tahoma(WINDOWS 96.09% / MAC 72.02%) ・Impact(WINDOWS 95.85% / MAC 88.08%) ・Century Gothic(WINDOWS 85.44% / MAC 42.50
商用・非商用で使用できるフリーの写真素材サイトのリンク集です。 ライセンス(二次加工禁止・著作権表記など)は各画像ごとに異なるため、特に商用利用の際は確認が必要です。 「商用利用可」「非商用のみ可」の記載は、各サイトの主要なライセンスとなっています。
Footers Design Showcase Footerは現在76個登録されており、Elements of Designには他にもウェブサイトでよく使うエレメントのデザインが収集されています。 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集
The Photoshop Roadmapのエントリー「40+のスペシャルなエフェクトを与えるPhotoshopのアクション」から、面白そうなPhotoshopのアクションをいくつか紹介します。 40+ Special Effects Photoshop Actions
ヤフーは6月18日、開発者向けサイト「Yahoo!デベロッパーネットワーク」において、日本語の文章を解析できるAPI「日本語形態素解析Webサービス」を公開した。 日本語形態素解析Webサービスは、ヤフーの日本語処理技術部がYahoo! JAPAN研究所と共同で開発を進めてきた形態素解析エンジン「Web MA」を社外の開発者向けにAPIとして公開するもの。このエンジンは、ヤフーのブログ検索や商品検索などのテキスト処理、ブログ検索の「評判検索機能」、「まとめ検索機能」などのテキストマイニング処理にも利用されている。 このAPIを利用することで、開発者は解析対象となる日本語の文章を形態素に分割し、品詞や読み、基本形を取得できるほか、対象となる文章に多く含まれている単語、その文章を構成する特徴的な単語などを把握することが可能だ。 また、すでに公開済みのAPIから取得したデータを解析することもでき
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。
本体となる「ws-slideshow.swf」のファイルサイズはわずか70KBあまり、キーボードによるショートカットやフルスクリーンモード、さらには一覧表示やサムネイル表示なども可能なFlashで作られたスライドショーのスクリプトで、さまざまなカスタマイズが可能。利用は個人用途や非商用用途では無料です。 どんな感じなのかという詳細は以下から。 WS-Slideshow - Free Flash based slideshow for everyone. http://www.ws-slideshow.com/ ダウンロードは以下から。 WS-Slideshow - Downloads http://www.ws-slideshow.com/downloads.php いろいろなカスタマイズ方法については以下にサンプル付きでまとめられています。かなり親切。 WS-Slideshow - Pi
使い勝手のよい、癖のない、主にサンセリフ系のフリーフォントの紹介です。 いくつか期間限定のものもあるので、ダウンロードはお早めに。
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
Cosas sencillasのエントリーから、ピクトグラム135種の紹介です。 Colección de iconos cuadrados en color gris ダウンロードページ ダウンロー
Grid Designerは、確認しながらグリッドの幅・数、マージンなどが設計ができるオンラインサービスです。 Grid Designer Grid Designerの画面では、「Columns:カラム数」「Pixels:全体の幅」「Gutters:カラム間の幅」「Margins:両横のマージン」を確認しながら、デザインの設計をすることができます。 それぞれの値は、数値を直接入力したり、右のボタンを使用して少しずつ調整することが可能です。 「Typography」を選択すると、実際にテキストを流し込んだ際にどのようになるのかを確認することもできます。
TiltViewerは、浮遊したスペースに画像が配置され、サムネイルの選択や画像の拡大など快適な動作が行える3DのFlash画像ギャラリーです。 TiltViewer デモページ TiltViewerに画像を配置するにはFlashの知識は不要で、「gallery.xml」にテキストデータとして画像を指定するだけです。 画像には、リンク先を記載することもできます。
※画像をクリックすると、素材の全てのシルエットを表示します。 Jumping People Silhouettes ジャンプした人物のシルエットのベクター素材は、Photoshopのカスタムシェイプ形式で配布されています。 Photoshopに登録すると、縦横自由に拡大縮小して使用することができます。
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
ずっと机の上に置いておきたいです。 All Graphic Design & Graphics Newsには、他にもたくさんのクールな名刺が紹介されています。 More Cool Business Cards Part 3 Coolest Business Cards Part 2 The Coolest Business Cards
Color Matchは、指定した色にマッチした9色のカラーパレットを作成してくれるオンラインサービスです。 Color Match 色は、RGB値・Hex値指定やサンプルから選択することが可能で、その色にマッチした9色が表示されます。 カラーパレットは、RGB値・Hex値で表示され、Photoshopの「.act」、Illustratorの「.ai」形式でダウンロードすることも可能です。
フリーで配布されている、紙や布のテクスチャ素材のリンク集です。 12 Pixey Hi-Res Papier Scans JPEG Set 01- Stock Images JPEG [ad#ad-2
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
God-Like Printing Companyで配布している、業種別のビジネス用のデザイン名刺のテンプレートを紹介します。 テンプレートファイルは、レイヤーが分かれたPSDファイルで配布されているため、ロゴやテキストなど自由に変更することができます。
Ancient world map in vector ダウンロードできるアンティークな地図はEPS形式のベクター素材で、ライセンスは「100% royalty free」とあります。
The Sysinternals web site was created in 1996 by Mark Russinovich to host his advanced system utilities and technical information. Whether you’re an IT Pro or a developer, you’ll find Sysinternals utilities to help you manage, troubleshoot and diagnose your Windows and Linux systems and applications. Read the official guide to the Sysinternals tools, Troubleshooting with the Windows Sysinternals T
Vandelayのエントリー「45 Photoshop Tutorials for Better Navigation」から、先日紹介した「ボタン画像のPhotoshopのチュートリアル集」とかぶらない、ナビゲーション画像を作成するチュートリアルを紹介します。 45 Photoshop Tutorials for Better Navigation
75 PSD Logos タイトルには「75」とありますが、ファイルをダウンロードしてみたところ全部で「100」のロゴがありました。 画像はPSDとなっており、レイヤーがある状態になっています。
Google検索結果の品質をチェックする人間の評価者のために作られたと思われる、非公開の内部マニュアルが外部に漏れました。 ▼「EWOQ」という、評価者が検索結果を評価するのに使うツールのスクリーンショット 今日と(たぶん)明日の2回に分けて、その中身を分析してみます。 まずは、検索結果を評価する基準項目についてです。 Googleは、「Query Type(検索の種類)」を3つに分類しています。 Navigational Informational Transactional Navigationalは、「案内型」ということで、特定のウェブページを探す検索です。 代表的なのは、公式サイトのウェブページを見つけるための検索です。 たとえば、IBMのオフィシャルホームページを探すために「ibm」を検索したり、 Yahoo!のメールにログオンするために、「ヤフーメール」で検索する場合が、Nav
昨日投稿した流出したGoogleの内部ドキュメントの解説を続けます。 今日は、マニュアルの「Webspam Guidelines」というウェブスパムのガイドラインに関するセクションついてです。 ウェブスパムとは何か、どんな種類があるか、どうやって見分けるかが説明されています。 ウェブスパムというのは、サーチエンジンのロボットをだましてアクセスを集める不正な行為のことです。 SEOスパム、サーチエンジンスパムと言ったほうが、僕たちには馴染みあがるかもしれませんね。 ウェブスパマーは、不正な手法でアクセスを集めて、主にPPC広告とアフィリエイトによって収益を上げます。 しかし、すべてのPPCサイトやアフィリエイトサイトがウェブスパムと認識されるわけではありません。 付加価値のある情報、たとえば次のような情報を提供していればウェブスパムとはみなされません。 料金比較:購入のためにアフィリリンクを
昨日に続いて、外部に流出したGoogleの内部ドキュメントのウェブスパムに関するセクションを解説します。 PPC Pages Parked Domains Thin Affiliates Hidden Text and Hidden Links JavaScript Redirects Keyword Stuffing 100% Frame Sneaky Redirects 今日は残りの後半4つです。 ◆ JavaScript Redirectは、ジャバスクリプトを使ったリダイレクトで、サーチエンジンのロボットと人間のユーザーに別々のウェブページを見せます。 いわゆるCloaking(クローキング)です。 検索エンジンのスパイダーを、上位表示のためだけに仕込んだ特別なウェブページに振り分け、人間には通常のウェブページを表示します。 ●JavaScript Redirectの例 ⇒ http
コクヨは3月24日、携帯電話とPCを利用したアイデア発想支援サービス「ポケディア」の機能を拡充し、新ツール「ポケディアノート」を提供開始した。 ポケディアでは現在、思いついたアイデアを携帯電話のメールを使って蓄積する「ちょいメモ」、異質な要素から発想を促す「イデアミキサー」、蓄積したアイデアの分類や他者との意見交換を行う「アイデア管理・アイデア共有」の3サービスを提供している。 今回追加されたポケディアノートは、アイデアを考える前段階の「情報収集」を支援するツール。気になるテーマを入力すると自動的にブログにおける話題キーワード、検索キーワード、ソーシャルブックマークの登録名、画像共有サービスに登録された画像データを表示し、アイデアを発想しやすくする。 ポケディアサイト上だけでなく、「iGoogle」、「Windows Live」上でのウィジェットツールとしても利用できる。 なお、ポケディア
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
PSDTutsのエントリーから、カラフルなバーの背景画像を短時間に作成できるPhotoshopのチュートリアルの紹介です。 Quickly Build an Abstract Background of Colored Bars 以下、簡単に流れを。 新規ファイルを作成。 描画色と背景色は、初期状態(#000000, #FFFFFF) [フィルタ] - [描画] - [雲模様1] [フィルタ] - [ピクセレート] - [メゾティント] 「種類」を「長いライン」 [フィルタ] - [ぼかし] - [ぼかし(移動)] 「角度」を「90」、「距離」を「999」 新規レイヤーを作成 グラデーションツール(G)を選択 グラデーションは「レインボーカラー」 レイヤーモードは「オーバーレイ」 トーンカーブ(Ctrl+M)で調整 四隅の縁取り 新規レイヤーを作成 選択ツール(M)の楕円
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
Free Icons Donwloadは、ロイヤリティフリーのアイコンを紹介しているサイトです。 Free Icons Donwload ホビー用のものから、ビジネス用・ウェブサイト用などのアイコンも
IBMは、ウェブアプリケーションの作成を迅速化したい企業ユーザーを対象とした製品ラインを構築するため、マッシュアップのマッシュアップを作っているところだ。 IBMが米国時間4月8日に発表したのは「IBM Mashup Center」。エンドユーザーやサーバ向けの情報収集を目的としたフロントエンドのツールを組み合わせたもの。ベータ版は4月15日より提供開始される。 Mashup Centerでは、ユーザーが異なるウェブサイトの情報を組み合わせて単一のスクリーンに表示するのに利用する「Lotus Mashups」や、異なるソースからのデータフィードをマッシュアップ用に整えるためのツールを利用する。 IBMはこれらの2製品の個別の販売も継続する。 製品は、IBMのエマージングテクノロジーグループが、エンドユーザーに軽量かつ利用期間の短いアプリケーションを作る活力を提供したいというアイデアを模索す
アドベントネットは4月8日、オンラインサービス「Zoho」シリーズの日本語版に、オンライン投票運営サービス「Zoho Polls」を追加した。他のZohoサービスと同様に無料で利用できる。 Zoho Pollsは、選択型や評価型の投票を作成し、インターネット上で公開するか、またはグループで共有するだけで、簡単にオンライン投票を始められるサービス。 作成できる投票は、複数の選択肢から1つを選択するタイプや、複数の項目に対してそれぞれ5段階で評価を与えるタイプがある。投票結果は自動集計され、オンラインでリアルタイムに確認できる。 作成した投票はインターネット上に公開できるほか、グループで投票やアンケートを共有してグループメンバー間で最新の投票結果やコメント、ステータスを確認することができる。 ほかにも、ブログやウェブサイトへの組み込み、タグの追加、投票結果のエクスポート、RSS対応などの機能が
andrew berg' flash photo browserは、ダイナミックな動きで画像を拡大表示するFlashの画像ギャラリーです。
Design Resources Search Engineは、DeviantartやBittboxやVecteezeyなどの素材サイトを対象とした、デザイン素材専用の検索エンジンです。 Design Resources Search Engine キーワードに「flower」などの単語をいれると、そのデザイン素材が検索結果に表示されます。 「flower png」「flower psd」など拡張子をいれてもいいかもしれません。
ワコムは4月21日、Windows PCに表示される画面上に、ペンタブレットを使用して自由に手書きで書き込めるソフトウェア「てがきInk」を4月23日から無償で提供開始すると発表した。 このソフトを使用すると、Windows XP、Windows Vista環境で手書きの書き込みができるようになる。 利用シーンとしては、打合せやプレゼンテーションで、WordやExcel、PowerPointファイルを使用して他の人に説明をする際に、ファイルに直接補足説明や強調印を加えたり、Windows XPやWindows Vistaのデスクトップ上にメモを手書きで書き残して、JPGやBMPなどの画像データで保存したりなどが想定される。 ペンの種類、太さ、色を変えることができるため、書き込む内容や用途に適した使い分けができる。ペンを逆さにしてタブレットをなぞれば消しゴム機能を使える。 てがきInkの対応
Skypeが新しい月額プランを4月22日より提供開始した。定額の月額料金で世界34カ国の固定電話に国際電話をかけられるようになるなど、ユーザーの居住する地域ごとに3種類の通話プランがある。 日本から利用できるプランは「1カ国限定プラン」「アジア限定プラン200」「世界中どこでもプラン」の3種類。長期の契約は不要で、月単位で契約できる。 1カ国限定プランは、Skypeが利用可能な34カ国のうちの1カ国の固定電話に1カ月最大1万分の通話を発信できる。価格は月額695円。 アジア限定プラン200は、台湾、中国、日本、香港の固定電話と携帯電話に毎月200分の通話を発信できる。価格は月額895円。 世界中どこでもプランは、34カ国の固定電話に1カ月最大1万分の通話を発信できる。価格は月額1495円。 Skypeのテレコム担当副社長兼ジェネラルマネージャーのStefan Oberg氏は、具体的な利用シ
MP3ファイルを編集すると通常は再エンコードによって音質が劣化してしまいますが、音質を全く劣化させずに不要な部分をカット・コピーなどによる編集が可能なフリーソフトがこの「mp3DirectCut」です。 単純に指定部分を切り取ったりコピーしたり貼り付けるだけでなく、音量の変更やノーマライズ、フェードイン/アウト、無音区間の検出、リアルタイムにMP3形式に変換しながらの録音、さらにはCUEシートをもとにしたファイル分割などもできるという非常にスグレモノな編集ソフトに仕上がっています。日本語にも対応しており、まさに無敵、MP3ファイルを編集するなら是非とも使うべきフリーソフトとなっています。 ダウンロードやインストール方法は以下から。今回は曲の冒頭部分に無音区間がある場合にそれを自動検出し、カットしてみます。 下記サイトからダウンロードが可能です。 mp3DirectCut - editor
導入手順 配布元よりダウンロード。 解凍すると、democracy/ フォルダ、readme.html、widget_democracy.php が現れる。 democracy/ を wp-content/plugins/ ディレクトリ下へアップロード。 管理パネルにて有効化。 使い方 サイドバーに入れるとき Widgets 不使用時: sidebar.php の表示したいとこにコードを書く。(オプションはその他の情報参照) <?php jal_democracy(); ?>3 管理パネルにてアンケート内容とオプション設定 (注:プションメニューじゃなくて管理メニュー) 記事やページに入れるとき {.democracy:poll-ID} (ピリオド抜き) readme.html の 6 アーカイブページ {.democracy_archives} (ピリオド抜き) readme.ht
今年も残すところわずかですね。 忙しくなって同僚にExcelでの単純作業を手伝ってもらおうとした。そしたら、彼は数千行ものデータをマウスで延々と引っ張って選択してたので、Ctrl+矢印で一発だよ、と教えたら、なんだか感謝された。 だからというわけじゃないけど、僕自身もパソコンで単純作業が続く時期なので、息抜きに自分が使ってるスピードアップ技を100個を目標に書き出してみることにしました。ショートカットを何でもかんでも列挙するのではなく、実際に効果を生んでるものに絞って。あ、あくまで対象はWindows XPです。 ●使えるスタートメニュー 01.Windows+Rで「ファイル名を指定して実行」を呼び出す 02.「ファイル名を指定して」でnotepadと入力しメモ帳を起動 03.「ファイル名を指定して」でcalcと入力し電卓を起動 04.「ファイル名を指定して」でURLを入力しgmailなど
ドットインストール代表のライフハックブログ
アウンコンサルティングは12月25日、2007年のSEM10大ニュースを選定、発表した。同社のアナリストが定期的に収集しているSEM業界関連ニュースから、選任コンサルタントを中心とする60名が協議・検討して約50件のニュースをピックアップし、社内でアンケートを実施することで注目度を計測した。 1位は「多発する順位変動。検索クオリティやインターフェースを大幅に改良」となった。Googleがインデックスの更新頻度を高め、検索アルゴリズムの改善を実施したほか、Yahoo!やMicrosoft のLiveSearchも検索アルゴリズムや言語処理技術の改善を実施するなど、大手検索各社が検索結果に大きな影響を及ぼす改良を行った。 2位は「オーバーチュア『新スポンサードサーチ』移行と日本法人のヤフー子会社化」。米国で2月に完了したオーバーチュア(Yahoo! Search Marketing)の「新スポ
転職サイト「イーキャリア」を運営するソフトバンク・ヒューマンキャピタルは2月28日、ブランドプロモーションの一環として、ウェブコンテンツ「100チアガール」を、3カ月の期間限定で開設した。 100チアガールは、「100人のチアガールが挑戦する人を応援する」というコンセプトのウェブコンテンツ。登場する100人すべてが、異なる課題に挑戦し、100通りの応援メッセージを発信する、30秒程度の動画コンテンツを100本配信する。 チアガールが挑戦する課題は、バスケットボールやピアノ、手品など、それぞれシチュエーションや種目が異なり、最後のひとこと応援メッセージも、それぞれの挑戦にちなんだものとなっている。 動画のほか、チアガールのプロフィールを閲覧することも可能。自分が励まされたと感じたチアガールに投票したり、気に入ったチアガールをお気に入りに追加したりするなどの機能も備えている。また、100人のチ
携帯では、temporary moved(302)を返すべき! moved permanent (301)を返すと、DoCoMoで警告がでちゃいます。auでは出ないことを確認しました。 こんな感じでね。 Redirect /service http://foo2.bar.com/service
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
アイ・オー・データ機器は4月9日、東芝の録画機能つき液晶テレビ「REGZA」専用の録画用ハードディスク「HVL4-G2.0」を4月末に発売すると発表した。 HVL4-G2.0は、REGZAの「ZH500シリーズ」と「ZV500シリーズ」に対応する外付けのハードディスクだ。価格は税別10万6300円。DLNAガイドライン1.5とDTCP-IP v1.2の両方に対応しているのが特徴で、対応するREGZAで録画したデータをHVL4-G2.0にムーブすると、複数のREGZAで視聴可能になる。 接続は、REGZAの汎用LAN端子を利用する。容量は2テラバイトで、ハードディスク内部は4台のドライブを利用したRAID5構成となる。そのため、1台のHDDが故障してもデータは損失しないが、録画に利用できる容量は1.5テラバイトとなる。 再生はDTCP-IP対応のREGZAで可能で、現行機種ではZH500シリ
4月17日、YouTubeの日本版サイトが広告売上をユーザーに還元する「YouTube パートナープログラム」を提供開始した。 パートナーになるにはYouTubeの審査を通る必要がある。条件は、オリジナル動画の頻繁なアップロードがあること、チャンネルの購読者数、再生回数や、利用規約の準拠などだ。このパートナーシップは非独占契約で、動画のアップロードや配信にYouTubeからの制限はない。 パートナーになることでユーザーが得られるメリットは以下の通り。 コンテンツに連動したバナーと動画広告により、パートナーはその広告がクリックされると広告売上を得られる。 コンテンツがYouTubeのパートナーチャンネルで紹介され、YouTubeとそのシンジケーションパートナーに提供される。 チャンネルのカスタマイズが可能になる。 すでに参加しているパートナーの一覧はこちら。
ビデオリサーチインタラクティブ、NTTレゾナント、マイクロソフト、ヤフーの4社がインターネット広告のブランディング効果に関する調査を共同で実施し、4月21日に結果を発表した。 4社は調査の結果、インターネット広告にはクリック率やコンバージョンレートを主体とするダイレクトレスポンス効果だけではなく、ブランディング効果もあることが検証されたとしている。 この検証結果は「インターネット広告出稿によるブランディング効果3つの法則」(PDF)としてまとめられ、無償で公開されている。サマリーは以下の通りだ。 1.インターネット広告ブランディング効果の法則 インターネット広告到達者の29.1%が広告認知 広告認知者の62.0%が広告内容を理解 広告認知者の30.4%を商品購入・利用喚起 広告到達者の広告メッセージ理解は非到達者の1.25倍に 広告到達者の商品購入・利用意向は非到達者の1.15倍に 2.イ
パワーポイント(PPTファイル)をサイトへ埋め込めるようにするサービスは多くあれど、ここまで軽いのはなかったかも。プレゼン資料をサイトへアップするとか、サービス概要をサイトで公開したいときなんかにも使い勝手が良さそうです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! パワーポイントを軽快なスライドショーで埋め込み 同一ページ内で自動再生してくれるところもなかなか良い。アニメーション利用時に効果的。 流れが気に入ったプレゼン資料 ちょっと参考になるかも。 slideboomの概要 アニメーションもセンス次第でとても良いものになることを実感。 スライドショー作成手順 SlideBoomのページを開く ページ右上のアップロードボタンを押す ファイルを選んでアップロード アップロードしている間にタイト
Cuzillionは、ページ内に配置する外部・インラインのスクリプト・スタイルシート、画像、iframeの順番によって、ページのロード時間がどのようになるかをシミュレートできるサービスです。 Cuzillion ロード時間は、最初のパケットからonloadイベントまでを算出しており、HTMLドキュメントのロード時間は含まない、と記載してあります。 シミュレートできるコンポーネントは、6つとなっています。 外部スクリプト インラインスクリプト 外部スタイルシート インラインスタイルシート 画像(image) iframe Cuzillionで、「外部スクリプト」「外部スタイルシート」、「外部スタイルシート」「外部スクリプト」と入れ替えたものを試しただけでも、ロード時間が違いました。 ロード時間による順番に気をつけたことはなかったのですが、ロード時間が短縮させるのであれば、気をつけた方がいいな
この新しい付せん紙「Quickies」はどこに貼ったのか、何を書いたのかが検索可能で、さらに書いた内容についてリマインダーとして携帯電話へ予定通知させたり、メッセージを送ることが可能とのこと。 詳細は以下。実際に使っているムービーもあります。 Quickies: Intelligent Sticky Notes - TFOT ポスト・イットなどの粘着式付箋紙について、MIT(マサチューセッツ工科大学)の「Ambient Intelligence Group」が新しく考案して発表した資料によると、この付せん紙はRFIDタグが埋め込まれており、書いた内容の解析について人工知能とインク認識技術を使用しており、例えば予定を書いた付せん紙を机の上に貼ると、その場所を記憶、書いた内容はまとめて認識されてパソコンから検索可能になります。 また、予定を書いた場合については忘れないように事前に内容を通知する
■総務省が「語彙データベース」 北京五輪で実証実験 総務省は方言や専門用語でも、利用者の音声やテキストで多言語に翻訳できる自動翻訳ソフトウエアを開発した。パソコンなどにダウンロードすれば、誰でも簡単に外国人と会話ができるとされ、北京五輪で約100台の試験端末=写真=を使って実証実験を行う。 ソフトは現在、英語、中国語に対応しているが、2012年までには十数カ国語に翻訳ができるソフトの開発を目指す。日本を訪れる外国人観光客や労働者が増えるなか、外国語に対応できるスタッフが少ない宿泊施設や地方自治体、中小企業にとっては強い味方になりそうだ。 総務省は実用化をめざし、7月をめどに情報通信研究機構(NICT)内に研究開発にあたる組織「音声・言語集合知プロジェクト」を設置。通信機器メーカーやNHKなどの放送局、大学などと共同で、翻訳ソフトの開発と、語彙(ごい)データベースを構築する。
カリフォルニア州バーリンゲーム発--Googleは米国時間5月13日、地理的に関連づけられた情報をウェブサイトで利用可能にする新しい要素を検索インターフェースに追加した。 Googleで「Google Earth」と「Google Maps」を統括するJohn Hanke氏は、「Geo Search API」を一般に公開したことを当地で開催のWhere 2.0カンファレンスで発表した。これにより、Google Mapsを組み込んでいるウェブサイトは、これまではGoogleの地図サイト経由でのみ閲覧可能だった同社データベースにある地理的情報を利用できるようになる。 これまでGoogleは、検索結果として地域の商業施設を表示するなど、一部の地理的データのみを同社検索API経由で共有していた。しかし、より広範囲な結果を表示可能な検索APIを使えるようになったことで、サンフランシスコ国際空港近辺の
以前に「ユーザー登録無しで相手に最大2GBのファイルを無料で送信できるネットサービス「Filemail」」という記事を書いた際に多数の読者から「日本にも同様のもっとすごいサービスがある」ということでタレコミをいただいたのがこの「firestorage.jp」、なんと最大で40GBのファイルを一度に送信することが可能で、何度かに分けてアップロードすれば「容量無制限」で送信することも可能とのこと。 かなり便利なサービスで、しかも無料。運営しているのは東京にあるロジックファクトリー株式会社で、個人用途だけでなく、ビジネス用途でも利用可能です。 詳しい使い方などは以下から。 容量無制限の無料オンラインストレージ firestorage http://www.firestorage.jp/ ページにアクセスしたら「著作権侵害など違法なファイルではない」にチェックを入れます するとアップロードボタンが
かわいいアイコンが使いたい。 そんなあなたにおすすめなのが、『Best of the Best Free Icons』。無料で使える素晴らしいアイコン集だ。 以下にいくつかご紹介。 » Monofactor Icon Set 1 クオリティの高い25個のアイコン。illustrator8以上で使えるベクターデータ » IcoJoy ブログやサイトにぴったりのアイコンが4セット。.ico, .icns, .tif, .gif, .bmp, .pngといった6つのファイルタイプで提供 » Webappers Web Application Icon Set シャイニーなエフェクトのアイコン集。↑のキャプチャはこのサイト » Asp.Net Icons PNGファイルで300アイコンを提供 無料で使える素晴らしいアイコン、チェックしてぜひ使ってみてはいかがだろうか。 本をいろいろ購入。雰囲気のい
(株)クセロは7日、オフィス文書などをPDF形式に変換できるコンバーター『瞬簡PDF』(価格2800円)を無償化。『瞬簡PDF ZERO』として18日からダウンロード提供すると発表した。瞬簡PDF ZEROと瞬簡PDFの機能は同等。 瞬簡PDFは、仮想プリンターとして動作するPDF変換ドライバー“瞬簡PDF・ドライバ”と、ドラッグ&ドロップで複数ファイルを一括してPDFに変換できる“瞬簡出力”、作成したPDFファイルを結合/分割やテキスト抽出、セキュリティー設定などが行なえる“瞬簡ツール”の3つのツールから構成されている。同社はすでに2004年8月からPDFコンバーター『クセロPDF』を無償提供しているが、瞬簡PDFはこれに簡易な編集機能が追加されたものとなる。 PDFの作成手順は非常にシンプルで、変換したいファイルを『瞬簡PDF』の変換リスト、あるいは“PDF出力ツール”のアイコン上にド
第2回 Zend Frameworkの各コンポーネントを一気に制する:「Zend Framework」で加速するPHP開発(1/3 ページ) 第1回となる前回では、Zend Frameworkの概要を説明した後、Zend Frameworkの導入方法について説明しました。今回は、各コンポーネントの使用方法について紹介していきます。 各コンポーネントの役割と使用法 さて、ここまででZend FrameworkのMVCモデルを使用する準備は整いました。ここからは、各コンポーネントの使用方法を説明しますが、その前にZend FrameworkのFront Controllerの動作をもう一度まとめておきましょう(図1)。まず、ブラウザで指定されるURLはmod_rewriteの機能によってindex.phpのアクセスへrewriteされます。index.phpではZend_Controller_
「このエントリーを含むはてなブックマーク」ボタンと「このエントリーをブックマークに追加」ボタンをWordPressでも使ってみましょう。これらのボタンを追加することで、コメントやブックマークしているユーザーを参照できたり、ブックマークへの登録を補助したり出来ます。 まずは、ボタンとなる画像をダウンロードします。 (http://d.hatena.ne.jp/images/b_entry.gif) (http://b.hatena.ne.jp/images/append.gif) ファイル名はb_entry.gif、append.gifのままでよいでしょう。 例えばwp-imagesディレクトリなど、画像用のディレクトリにこの2つの画像をアップロードします。テーマを変更しても共通して使いたい画像がある場合は、wp-imagesのような画像ディレクトリにまとめておくと便利です。アップロードし
ダウンロードできる画像数は現時点で5425枚、カテゴリ数は93、全合計で3432MB(約3.4GB)もの大容量のフリーストックフォトギャラリーです。解像度は1280x960から1800x1200までとなっており、全体的に割と高め。個人利用に限りフリーで、自由に使うことができます。 さらに今は「The Best Stock Photo of 2006」という賞金1000ドルのコンテストを行っており、そこにノミネートされた高品質な画像も自由にダウンロードできるようになっています。 ダウンロードの仕方などは以下の通り。 free stock photos and images - stock photo resource - stockvault.net http://www.stockvault.net/ 全カテゴリには以下からアクセスできます。 Categories / Descriptio
個人での利用はもちろん商用でも無料。素材をそのままネットで再販しない限りはOK。ユーザー登録不要でダウンロードできます。 ブログなどの作成時に記事にちょっとしたイメージ画像を付けるといい感じになるのですが、よい画像が見つからないときに便利。また、サイズも大きいのでちょっとした印刷レベルで大丈夫。暑中見舞いや年賀状にも使えるかも。 Image * After http://imageafter.com/ 一応ライセンスに関しては以下のようになっているので商用利用を考えている人は一読を。 http://imageafter.com/terms.php
Googleサービス一覧マップを作るためにいろいろとマインドマップのフリーソフトを探したので、せっかくだからご紹介しておきます。 追記:2016年9月3日更新、2サービス終了(2. EasyStep、7. Think)。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 オンラインでマインドマップ作成 まず、いずれも無料であることが前提になっています。 1. mind42.com これは知っている人も多いのではないでしょうか。 当初Googleサービス一覧マップでも使っていましたが、情報量の多さに重くなり、使用を断念しました。。。 2,016年9月現在、最近は重さは改善されたものの、広告スペースが大きくなるなど少し心配な要素もあってあまりオススメはしたくないかもしれません。 m
テンプレートが果たす役割 改まったビジネス文書や手紙の作成にはしばしば、テンプレートが利用されます。テンプレートに差出人や相手方の情報を入力するだけで、気の利いた季節のあいさつや丁寧な結びの句を織り交ぜた文書を簡単に作成することができます。 さて、PHPはHTMLタグとPHPコードが共存できることを特徴とし、多くの利用者を獲得してきました。しかしPHPコードが冗長になるにつれ、HTMLの記述が複雑になり、デザインの修正が難しくなる傾向があります。 そこでPHPにおいても、文書テンプレートのアイデアを取り入れた「テンプレートエンジン」が利用されます。 テンプレートエンジンを利用すれば、PHPコードで作られたロジックが吐き出す値を、HTMLデザインを分離したテンプレートに埋め込むことが可能になります。この結果、ロジックを作成する作業と、HTMLデザインを編集する作業を分担して行うことが可能にな
prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース(1.5 以降)。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。(
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での
OpenID入門――その導入で何が変わって何が変わらないのか:Focus on Technology(1/4 ページ) ここ数カ月で注目を集めつつある話題の1つに、OpenIDというオープン系の分散型デジタル認証システムがある。本稿では、最も基本的なレベルから、OpenIDでは行えないことまで網羅したOpenID入門をお届けする。 ここ数カ月で注目を集めつつある話題の1つに、OpenIDというオープン系の分散型デジタル認証システムがある。日々のシステム管理における頭痛の種としては、シングルサインオンなどの機構が知られているが、OpenIDとはそうした問題を解消するためのソリューションであって、個人情報の保護、信頼性の確保、スパムの対策、メッセージの真偽確認などの問題についてはまったくのノータッチである。またOpenIDにおけるサインオンのプロセスが複数のステージに分かれているのも事実である
Wwohn.comのエントリー「The 15 rules of quality hyperlinks」から、リンクの設置時に気をつけたい15のポイントの意訳です。 The 15 rules of quality hyperlinks 「ここをクリック」などではなく、リンク先を明確に表現する。 title属性を使用する。 テキストリンクを青い下線以外にする場合、明確に分かるようにする。 テキストリンクには、シェード効果や明るいグレーを使用しない。 visitedを設定して、訪問済みを明示する。 リンク切れは、なるべく早く修正・削除をする。 PDFのようなダウンロードリンクは、クリックする前に分かるように明示する。 一行に続けて複数のリンクを記述しないで、リストやビュレットを使用して間隔を持たせる。 テキストリンクは、一行まるごとにしないで、なるべく短くする。 リンクを新しいウインドウで開くよ
オープンソースで開発されているアンチウイルスソフト「ClamAV」のウイルス検出エンジンとデータベースを搭載し、別のヒューリスティックエンジンによる未知のウイルス検出も可能で、さらにエンタープライズレベルのリアルタイムスキャン機能を搭載した無料のアンチウイルスソフト、それが「Moon Secure Antivirus」です。 WindowsXPとVistaで動作可能で、ウイルスだけでなくトロイの木馬やスパイウェアの検出も可能です。 ダウンロードとインストールの仕方、実際の使い方は以下から。 Home - Moon Secure AV http://www.moonsecure.com/ ダウンロードページからリンクをクリックしてダウンロードします ダウンロードしたらインストールするために実行 「Next」をクリック 上にチェックを入れたら「Next」をクリック 「Next」をクリック 「N
Vdot Mediaのエントリーから、HTMLメールの制作時に気をつけたい9つのポイントを紹介します。 9 best practices for email design 旧式のHTMLを使用する CSSレイアウトは使用しないで、安全で旧式のテーブルレイアウトを使用する。 スタイルは、インラインで指定する head部分のスタイル指定を無視するメーラーがあるので、CSSはインラインで指定する。 背景画像に頼ったデザインにしない 背景画像が表示されない場合があるので、表示されなくても破綻しないデザインにする。 画像は表示されないものと考える 画像が表示されない場合でも、情報が伝わるようにデザインする。 画像には、altを設定する 画像が表示されない場合、altに記述したテキストで情報を伝えられます。 パス指定は、絶対パスを使用する 画像のパスは、http://から記述します。 ファイルの容量は
Design vs Art Blogのエントリー「8 Tips For Better Link Design」から、リンクのデザインに役立つ8つのTipsを紹介します。 8 Tips For Better Link Design リンクのテキストには、「ここをクリック」のようにあいまいな言葉ではなく、「サンフランシスコのホテルについての情報」などのように、クリック先が何か具体的に分かるような言葉を使用する。 リンクの前には、そのリンクの内容をユーザーが理解できるようなテキスト情報を与える。 リンクが画像の場合、その画像で伝えたい情報をテキストでも提供する。 altに記述するだけでなく、画像のそばにテキストで配置するともっと良い。 サイトの重要なリンク(ナビゲーションや機能など)には、accesskeyを設定してキーボードでの操作を有効にするとユーザーへの手助けになります。 Tabキーを押し
Googleには、10,000人の人間のサイト評価者が存在して、検索結果が適切かどうか人の目で品質チェックしていることは、Google自身の代表者によってオープンになっています。 なんと、検索結果をレビューするスタッフが検索品質を評価するためのガイドラインを示した内部ドキュメントが、流出しました。 このニュースを知ったのは、3月14日にSEO BLACK HATというサイトから届いた1通のメールです。 Hey, It’s QuadsZilla from SEO Black Hat. Let me tell you about some of the cool stuff going on at our private forum right now: Human Reviewer Spam Guidlines Leaked from Google You can check out the
新しいシステムMovableType4.1でのコンテンツ構築・デザイン変更で、知っておかなければならないのが新しく追加されたテンプレートタグとテンプレートです。タグリファレンスやブログを読んで、新しいMTタグについて勉強してみたのですが、やはり実際に使って動作させてみないとわからない。また、もう少し全体的に比べてみたりしないと理解しづらいなんてことで、まず、テンプレートの相関図みたいなものを個々に作っていこうと考え、実際にインデックステンプレート(トップページ)の構成内容とヘッダーテンプレートとの関係をイメージにして表してみました。ご参考にどうぞご覧になってください。 クリックでイメージ拡大されます。またドラッグで移動もできますので、大きな画像を見るときにスクロールで移動してもいいですが、ドラッグでイメージを移動させた方がみやすいです。highslideJSもこうした使い方をすると機能的で
MP3やWAV形式の効果音がダウンロードできるサイトの紹介です。 クリックなどの効果音は、ほとんどがロイヤリティフリー(Royalty Free)となっていますが、サイトに収録されている全てを確認するのは不可能なので、一部条件付きのものがあるかもしれません。
<textarea name="code" class="css" cols="60" rows="5"> a{ z-index:10; } a:hover{ position:relative; z-index:100; } a span{ display:none; } a:hover span{ display:block; position:absolute; float:left; white-space:nowrap; top:-2.2em; left:.5em; background:#fffcd1; border:1px solid #444; color:#444; padding:1px 5px; z-index:10; } </textarea>
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS-Tricksのエントリーから、異なるサイトにも利用が可能な、よく使用するクラスをまとめたスタイルシート「Toolbox CSS」を紹介します。 <textarea name="code" class="css" cols="60" rows="5"> .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .layoutCenter { margin: 0 auto; } .textCenter { text-align: center; } .textRight { text-align: right; } .textLeft { text-align: left; } </textarea>
AVI/MPEG/WMV/FLV形式などの複数動画ファイルからDVD-Videoを作成できるソフト「DVD Flick」v1.2.1.2が、2月10日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「DVD Flick」は、複数の動画ファイルからDVD-Videoを作成できるソフト。AVI/MPEG/MOV/WMV/ASF/FLV形式などの動画に対応しており、ドラッグ&ドロップした1つの動画を1つのタイトルとして登録できる。作成したDVD-VideoはDVD-Rなどに直接書き込めるほか、ISOイメージとして保存することも可能。たとえば、パソコンで録画したテレビ番組を、手軽にDVD-Videoにできて便利。 また、1つのタイトル内に指定した分数間隔でチャプターを設定したり、1つのタイトルを指定したチャプター数に等間隔で分割
コード名リスト上のコードをクリックすると、次に移行しやすいコード名を強調表示できる作曲支援用ソフト「Genkhord」v0.06が、2月20日に公開された。Windows 2000/XP/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0以降が必要。 「Genkhord」は、コード名のリスト上でクリックしたコードをMIDIで再生できるソフト。1つのコードをクリックすると次に移行しやすいコードの候補を強調表示できるのが特長で、たとえばコード進行から作曲をする際に便利。 コード名リストは、横にルート音、縦にマイナーやセブンスといったコードの種類が並んでおり、コードの利用頻度を色の濃さで3段階に分けて表示している。コード名をクリックすると該当コード名が赤く表示され、コードがMIDIで再生されるほか、移行しやすいコー
Googleは2007年31日(米国時間)、GWT(Google Web Toolkit)を使って開発が進められている新しいエディタフロントエンドのWebアプリケーション「Google Mashup Editor」について発表した。同アプリケーションはコーディングをほとんどすることなく簡単にマッシュアップを実現することを目的にして開発されているエディタタイプのWebアプリケーション。コーディングするかわりに標準のHTMLタグや拡張タグを記述することでUIの記述やフィードやデータの制御を行う。ドキュメントやフォーラムは公開されているが今のところ限られたデベロッパのみが試用できるようになっている。 Google Mashup Editorで注目すべきは開発フレームワークとしてGWTを採用した点にある。GWTはGoogleで開発されているWebアプリケーション開発用フレームワーク。JavaでWe
Presenter Story, Visuals, Showtime The Essential Presentation App Learn More Writer Pure Writing Pleasure The Focused Text Editor Learn More All-New Shortcuts: iA Writer 7.1 With 18 built-in actions and 22 ready-made shortcuts, iA Writer 7.1 saves time and helps you focus on writing by avoiding repetitive busywork. AI Videos: ******* Psychotic Remember when you saw the first DALL-E and ChatGPT-tex
PHPで日本語メールを送る - 基本編に引き続き、 今回は応用編をお送りします。 基本編で解説したmb_send_mailを使えば シンプルなメールを送るには十分な機能がありますが、 それ以上に複雑なこと、例えばHTMLメールや添付ファイルを 使ったメールにはmb_send_mailは使えません。 mail関数を使ってヘッダにガリガリとメールの仕様に そって書けば送れるのですが、それではあまりに 大変なので、ライブラリを使います。 ライブラリを使った日本語メール送信 PHPで複雑なメールを送るのに使えるスタンダードな ライブラリとしては、PEAR::MailとPHPMailerが有名です。 (ただし、両ライブラリとも日本語メールには対応していないので、 そのままでは文字化けしてしまいます) PEAR::MailはPHPの公式ライブラリのPEARで採用されていますし、 PHPMailerもX
デジカメで撮影した画像などを複数つなぎ合わせてパノラマ画像を作成できる「PhotoFit feel」v1.10が、公開された。Windows 95/98/Me/NT 4.0/2000/XPに対応するフリーソフトで、現在ベクターのソフトライブラリからダウンロードできる。 「PhotoFit feel」は、デジカメで撮影した画像などを複数つなぎ合わせてパノラマ画像を作成できるソフト。ウィンドウ左側にパソコン内のドライブがツリー表示されるので、デジカメなどの画像を保存しているフォルダを選択し、複数の画像ファイルをウィンドウ中央部分にドラッグ&ドロップしよう。画像の風景が合うように、四角のマス内に1つずつ画像をマウスでドラッグして並び替え、ツールボタンの[Fit]を押すだけで画像のつなぎ目が自動的に補正され、1枚のパノラマ画像を作成できる。作成したパノラマ画像は独自のプロジェクトファイルとして保存
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
John Wylie Activata 目次 はじめに SmartCSS拡張機能の使い方 SmartCSS拡張機能のマジカルな機能 印刷用に表示 作成日:2007年9月28日 ユーザレベル:中級, 上級 製品:Fireworks この記事では、Adobe® Fireworks® CS3向けに私が開発した拡張機能「SmartCSS」を紹介します。SmartCSS拡張機能を使えば、簡単にプロ現場レベルのHTMLファイルとCSSファイルを書き出すことができます。 それでは、SmartCSS拡張機能の使い方を詳しく紹介していきましょう。みなさん、ギアを一段上げたくらい生産性が向上しますよ。 Webサイト開発プロセスの現状 現在のWebページデザインの開発プロセスといえば、以下のような工程で行われているのではないでしょうか。 Fireworksを使用してページをデザインする Fireworks上で
CSS playのエントリー「A flyout menu over flash objects」から、Flashを背景にして動作する、階層型ナビゲーションの紹介です。 A flyout menu over flash objects 通常、Flashを背景とするとうまく動作しませんが、下記の手法を使用して実装しています。 swfの埋めこみの記述 「wmode」に、「transparent」を指定。 ※swfファイルの背景色を確認する。 <textarea name="code" class="html" cols="60" rows="5"> <param name="wmode" value="transparent" /> <embed wmode="transparent"></embed> </textarea>
アルゴリズム社の「SEO塾の公式ブログ」 検索エンジン最新情報の「新 SEOブログ」。検索上位表示対策と順位変動、インデックス更新、その他の話題など。 SEOの最新情報は、『Yahoo!やGoogleの順位と変動をリサーチする「SEO塾の公式ブログ」』をご利用ください。 独自の検証と実験を続けるSEO塾が、検索エンジンのアルゴリズムとペナルティの謎に接近。 順位変動に迷わない、回復リカバリーを成功させたい。そう思った方は、順位変動対策のSEOセミナーをご覧ください。 恥をさらすが、今年の1月までは「SMO」も「ソーシャルブックマーク」も言葉を知らなかったし、今でも盲信するべきものではないと思っている。 さらに、編集人にとって「SEO」さえインターネットビジネスの方法論の1つに過ぎず、それゆえ、Yahoo! JAPAN経由のアクセスに売上のほとんどを依存しているサイトオーナーには苦言を呈
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。 仕組みは、簡単に説明するとリストを使用したもので、実装方法は8つのステップで紹介されています。
woorkのエントリーから、シンプルなもの、アイコン付き、ツールチップタイプなどのメッセージボックスを作成するスタイルシートのチュートリアルの紹介です。 CSS Message Box collection wooksのエントリーでは、下記の5種類のメッセージボックスが紹介されています。 シンプルタイプ アイコン付きタイプ ソリッドタイプ 角丸タイプ ツールチップタイプ
CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例:15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows):4.0.1~8beta Internet Explorer (Mac OS):4.0~5.2.3 Pocket Internet Explorer (PocketPC):4.0.1~5.2 Gecko(Firef
Henry Hoffmanのエントリーから、スタイルシートで実装する、タブが重なり合うナビゲーションの紹介です。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="nav"> <li><a href="#" class="start"><span class="right"><span class="center">Menu Item</span></span></a></li> <li><a href="#"><span class="right"><span class="center">Longer Menu Item</span></span></a></li> <li><a href="#"><span class="right"><span class="center">Small</span></sp
NealGrosskopf.comのエントリーから、HTML 4.01で非推奨とされる要素や空の要素、空の属性などをピックアップするスタイルシートの紹介です。 CSS Diagnostics - Find Depreciated Elements Using CSS CSS Diagnosticsは、meyerweb.comのCSS Tools: Diagnostic CSSの影響を受けて作成されたもので、非推奨の要素・属性、要素・属性が空の箇所などにボーダーを表示します。 Depreciated Elements:非推奨の要素 <textarea name="code" class="css" cols="60" rows="5"> applet, basefont, center, dir, font, isindex, menu, s, strike, u { border: 5px
This shop will be powered by Are you the store owner? Log in here
2023.02.14 フロム・エー ナビ お仕事検索webサービス終了のお知らせ 平素より弊社サービスをご利用いただき誠にありがとうございます。2023年3月16日(予定)をもって、フロム・エー ナビ お仕事検索webサービスを終了させていただくこととなりました。 ご利用のお客様にはご迷惑・ご不便をおかけいたしますことをお詫び申し上げます。今後とも変わらぬご愛顧のほど、よろしくお願い申し上げます。 2014.08.19 2014.08.19からAPIが変更になります。リファレンスを更新いたしました。 ※2ページ目に記載されているリクエストURLの変更。 [http://xml.froma.com/s/r/jobSearch.jsp]から[http://xml.froma.com/s/p/api/jobSearch.jsp]に変更いたしましたが、 [http://xml.froma.com/
Litmusは、ウェブページやHTMLメールなどをさまざまなブラウザやメールクライアントでのレンダリングを確認できるオンラインサービスです。 Litmus Painlessly test your email and website designs 検証できるブラウザ・メールクライアントは、主要なものからマイナーなものまで揃っています。 クライアントによっては、日本語が文字化けしてしまいました。 ブラウザ IE 5, 5.5, 6, 7, 8 Fx 1.5, 2, 3beta Op 7.5, 8.1, 9.2, 9.5 Safari 2, 3.1 Netscape 9.0, Flock 0.9, Sea Monkey 1.0, Camino 1.0, Konqueror メールクライアント Outlook 2000, 2002, 2003, 2007 Gmail Hotmail AOL M
概要 aDesigner("エーデザイナー")は、視覚障害者や高齢者にもアクセスしやすく使いやすいウェブページを作れるように、ウェブページ制作者を支援するツールです。 ウェブ・アクセシビリティとは、ワールド・ワイド・ウェブが誰にとっても、特に障害者や高齢者にとっても、簡単にアクセスできる(アクセシブルである)ことを指します。ウェブが生活に深く浸透してきている現在、ウェブ・アクセシビリティを確保することは、障害者や高齢者の生活の質の向上につながると言っても大げさではありません。また、米国におけるリハビリテーション法508条の施行(2001年)や、日本におけるJIS規格の制定(2004年)など、最近の社会環境の変化も、ウェブページ制作者に対して自分たちのウェブページをアクセシブルにすることを求めています。 IBMホームページリーダーのような音声ブラウザーは、ウェブページを読み上げるこ
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫:フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」 2007年02月27日- ModalBox ? An easy way to create popups and wizards JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」。 次のように、LightBox風に同一ページ内で動作するウィザードを作成することが出来ます。 動画が軽くてサクサク動くこのUI は使いどころによってはかなり便利なサイトであるという印象を与えることが出来そう。 実装方法は次の流れ 1) まず、JavaScriptファイルとCSSファイルを読み込みます。 <script type="text/javascript" src="includes/prototype.js"></script> <script type
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
今まで山ほど素材関連のサイトを見つけてきましたが、灯台もと暗し、日本にもありました。というか、今まで日本の他の素材サイトは紹介できるだけの質と物量がないところばかりだったのですが、この「ゆんフリー写真素材集」は枚数が非常に多く、ジャンル別に整理もされており、解像度も400メガピクセル相当のものなのでサイトの作成以外にちょっとした印刷レベルまで耐えられるのではないかと。 詳細は以下から。 ゆんフリー写真素材集 http://www.yunphoto.net/ ジャンルは朝焼・夕焼、大地、草原、滝、池・湖・沼、山、海辺、森・林、水中、雪、空・雲、川、岩、紅葉などの自然風景が非常に多く、ほかにも夜景、建物、橋・ダム・噴水他、文化・ダンス、道、花火、都市などの人の営みや、木、花、植物(果実・葉他)、動物、鳥、魚介、昆虫等小動物というような生物関係、小物や乗り物などにいたるまで、大抵のものがそろって
最近は商用利用が可能でなおかつクオリティの高い写真や画像がダウンロード可能なサイトも増えてきました。で、今回紹介する無料ネットサービス「PicFindr」は、そういった画像を一括してキーワード検索できるようにするものです。商用利用する際にロゴを入れたり事前許諾を行ったりコピーライト表示を行ったりする必要が全くない画像のみを選び出して表示してくれるので、かなり便利かつ作業時間の短縮が可能です。 詳細は以下の通り。 PicFindr: Free stock photo and image search http://www.picfindr.com/ 上記ページにアクセスしたら、中央下部にあるこのボタンをクリック 検索したい画像のキーワードを入力して「Search」をクリック こんな感じでずらずらと並びます。画像の上にマウスカーソルを移動させると自動的にサムネイル画像が拡大されます。 サムネイ
Search Web Services: Related Suggestions We’re shutting down this API in February 2011. For further details, please see the Deprecated Services blog post. Submitting Related Suggestion Queries The Related Suggestion service provides suggestions for queries related to the submitted query. See also the other Web Search services. Request URL http://search.yahooapis.com/WebSearchService/V1/relatedSugg
GNUライセンスに基づくオープンソースで開発されているフリーソフトで、Windows、Mac OS X、Linux、FreeBSD、NetBSD、OpenBSD、Solaris、DOSなどに対応しています。ファイルシステムはFAT、NTFS、EXT2/EXT3、HFS+に対応。対応するファイルの種類もかなり多く、ほとんどの種類のファイルが復元可能です。 というわけで、実際の使い方は以下から。 PhotoRec - CGSecurity http://www.cgsecurity.org/wiki/PhotoRec ダウンロードは以下のページから。現時点での最新安定版は6.7です。 TestDisk Download - CGSecurity http://www.cgsecurity.org/wiki/TestDisk_Download 解凍したら「win」フォルダの中に「photorec
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
ティーンの女の子が書いたような“超”手書き風フォント「おひさまフォント」v1.0が、9月4日に公開された。Windows 95/98/Me/NT/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「おひさまフォント」は、ひらがなやカタカナ、すべてのJIS第一水準漢字、450文字以上のJIS第二水準漢字、英数字、記号などを収録し、縦書きにも対応する等幅フォント。ティーンの女の子が書いたような手書き風の字体が特長で、文字が右肩上がりで傾いて描かれている。 お世辞でも上手いとは言えず、読みにくい字体ではあるが、すべてを許せてしまうかわいらしさが目を引く。一般的な手書き風フォントは、デザインとして手書き感を取り入れているため、多少なりとも整えた部分が見られるが、本フォントは手書き文字そのものといった印象だ。 また、“けいせん”と入力してIME変換することで、女
DOMやAjaxを行うためのそれぞれのコードを出したりして、それぞれの比較を行っているスライド。 Prototype.js → jQuery 、あるいは jQuery → Prototype.js への移行を考えている場合に便利ですね。
Google Chart API にまつわるサービスやライブラリ。 Google Chart API に関するサービスやライブラリが充実してきたのでまとめてみました。 グラフ作成サービス hohli Online Charts Builder - ウィザードに従ってチャートをリアルタイムに作成可能 Chart Maker - 分かりやすいUIにデータを入れるだけで簡単グラフ作成 IE6,Operaでは動かない? GCFAK 英語じゃないので使えないかも。けどこういうUIもなかなか原始的でいいかも。 ライブラリ PHP用 Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場 クラスライブラリ GphpChart gchartapiとは別に開発されているクラスライブラリ PHPで「Google Chart API」を扱う ユーティリティ関数
こんにちは、ディレクターの八木です。 CMSでサイトを構築する場合、コンテンツの投稿・管理は運営者自身で行うのが一般的です。特にビジネスサイトの場合、CMS導入目的はそこにあったりするので当然かもしれませんけど、その点を踏まえると、従来の全コンテンツをWeb制作者が作り込んでいた時代とはSEOの実施方法も違ってきたように思います。 作る側の意識としては、ブログ設計段階で"運営をデザインする"視点を持って ・SEOの基本線の自動化 運用段階で余分な手間をかけなくても一定レベルのSEO施策が担保される構造であること。 ・手動でコントロール可能なつくり コンテンツの重要度に応じて、投稿者自身が手動でコントロールできるようになっていること。 それはHTMLやMTタグ等の知識を要しないシンプルな方法であること。 の2つの要素を、バランスよく実現することがポイントだと考えています。 以下、各要素につい
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
最近「あの話の続きが気になります」ということを各方面の方々からリクエスト頂いた、「ディズニーランドにSEO提案をしてみてください」の続きです。 * * 今月(2007年4月)に入社したばかりの新入社員にSEO研修を行いました。将来SEOをするのか、検索連動型広告の運用管理を行うのか、サーチを含めたキャンペーン全体の最適化も手がけるようになるのかわかりませんが、今回は各々の社員が成長していく上で役に立つときが来るであろう、きっかけや道標を与えることを念頭に構成を考えてみました。これは私自身「人や組織に、影響や感動を与えられる人になりたい」という志を持っていることが関係しますけれども。 さて、そんなわけで今年も最終日の午後にロールプレイングとして「東京ディズニーリゾート(TDR)にSEMの提案をしてください」という課題を出しました(※今年はサーチマーケティングを自由に考えてくださいということで
Search Engine Journalのエントリー「50 Questions to Evaluate the Quality of Your Website」から、あなたのウェブサイトの品質を判断する50のチェックポイントの意訳です。 50 Questions to Evaluate the Quality of Your Website アクセシビリティ ナビゲーション デザイン 内容(コンテンツ) セキュリティ その他:テクニカル その他:マーケティング 法関連 アクセシビリティ コンテンツは、ナビゲーションから独立していますか? ウェブサイトは、クロスブラウザに対応していますか? ウェブサイトのコードは、正しいHTML/CSSを使用して、W3Cに準拠していますか? Altは、画像にありますか? 画像などマルチメディアで構成された箇所に、代替となるテキストベースの要素がありますか?
splitdadiz.com 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
siteDev の世界へようこそ! siteDev はPukiWikiをベースに作られたフリーのCMS(コンテンツマネジメントシステム)です。 siteDev を使えばサイト更新の手間が少なくなり、Webの更新が楽しくなるかもしれません。 これからはサイト更新に FTP やエディタは不要です。 ブラウザだけでいつでもどこでも更新可能になります。 現在見て頂いているサイト自体も siteDev によって構築されています。 siteDevで構築されたサイトは携帯電話でも閲覧することが出来ます。 はじめての方、より詳しく知りたい方は こちら 実際に使ってみたい、という方はデモサイトへ ・これまでの面倒なWebページ更新手順と siteDev 導入後の比較 ・管理者だけがページを管理できます。そのユーザの制限の方法は? siteDev の更新履歴 2006/06/11 siteDev2(PukiW
Googleウェブマスターツールやヤフーサイトエクスプローラー、Live Search Webmaster Center(MSN)に登録、自サイトのサイトマップを登録し、検索エンジンに自サイトのインデックスを促進するのはインデックス対策として非常に重要です。 各ツールにサイトマップを登録するにはサイトマップ用のxmlファイルを作成しなければなりません。このxmlファイルをGoogleウェブマスターツールやYahoo Site Explorer、Live Search Webmaster Center(MSN)に登録することで検索エンジンに自サイトのページを知らせることができます。 そこでGoogleウェブマスターツールやYahoo Site Explorer、Live Search Webmaster Center(MSN)で共通で使えるサイトマップ用xmlファイルの作り方を紹介します。非
Movable Typeに自由度の高いフォームを簡単に複数設置することができ、なおかつフォーム作成はドラッグ&ドロップによる直感的なレイアウトが可能なので、カスタマイズの専門的な知識は不要。また、控えメール送信機能や、受付データをCSVファイルでダウンロードする機能もあり、さらにはアクセス数やエラーログのアクセスレポート機能、そしてフォームの稼動状態を定期的にチェックして管理者にメール通知する死活監視機能までが付いているというかなり高機能なフォーム作成プラグインがこの「A-Form」です。 詳細は以下から。 A-Form:MovableTypeにフォーム設置できるMTプラグイン|Web制作のアークウェブ http://www.ark-web.jp/movabletype/ 以下からダウンロードできます。 A-Formダウンロードフォーム:MovableTypeにフォーム設置できるMTプラグ
魔法のiらんどは4月1日、同社が運営するモバイルコミュニティサービス「魔法のiらんど」にて、進学情報サービス「魔法スクール」ベータ版のサービスを開始した。 魔法スクールは、携帯電話から学校情報を検索して閲覧、および資料請求ができるサービスとなる。進学情報は、専門学校、各種専修学校、大学、短期大学、その他の学校が対象。携帯電話およびPCにて配信する。 魔法のiらんどによると、モバイルコミュニティサービスの魔法のiらんどでは、累計会員数570万人のうち、69.1%のユーザーが学校生活を送っており、進学に関するサービス開始を望む声が寄せられていた。 このたび、双方向のコミュニケーションが可能な、魔法のiらんどサービスの特長を活かし、進学に関するサービスの提供を開始。高校生や中学生にとって身近なツールである携帯電話を中心展開することで、学校とユーザーの距離を縮めるサービスを目指すとしている。
多少でもSEOのスキルのある人なら、きっとサイトマップを作成しているでしょう。 そしてその狙いは、おそらく、すべてのページを検索エンジンにインデックスさせるためのSEO目的です。 でも、果たしてサイトマップはSEOにとって重要なんでしょうか? こんな、質問がHigh Ranking Forumに投稿されました。 フォーラムアドミニストレータ、Jill女史の回答です。 I really think that’s a myth. Unless you have an ecommerce site with hundreds of thousands of pages. And even then, if it’s designed correctly, a sitemap (XML type submitted to Google) won’t get you any benefits. “サ
スーパーマリオは日本よりも海外の方が愛好家が多いのかも知れない。あれほど単純で、ごくわずかな容量に収まった魅力的なゲームはないだろう。各種ゲームでマリオというキャラクターは動いているが、スーパーマリオブラザーズほどの傑作はそうそうお目にかかれない。 画面は乱れてしまっているが、確かにマリオだ そんなスーパーマリオを何と、ブラウザ上で動作させてしまうのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはThe Javascript Mario Experiment、JavaScriptで作られたスーパーマリオだ。 キャラクターが乱れるのはFirefoxのせいだろうか。筆者環境ではIE6が残念ながらないので、はっきりとは言えないが、IE7やSafariでもやはりキャラクターが乱れてしまった。ただ、動作はする。 右下にいるのが恐らくクリボー 十字キーのみの操作でジャンプ、移動が可能
東芝トップ > Toshiba Digital Doors > REGZAトップ >〈レグザ〉が、ダビング10番組の「アナログダビング」対応にバージョンアップします。 デジタル放送またはサーバーを利用した無償ダウンロードサービスにより、ダビング10番組の「アナログダビング」対応にバージョンアップ予定です。 ※ダウンロードサービス開始日時は、「ダビング10」運用開始日が確定次第<レグザ>ホームページにて発表します。 ※「ダビング10」運用開始日は、放送事業者と受信機メーカーが連携して準備を行い、 情報通信審議会の同意を受けて社団法人 デジタル放送推進協会(Dpa)が確定します。 詳しくは、(Dpa)のホームページ(別ウィンドウが開きます)をご参照ください。 これまで〈レグザ〉の内蔵ハードディスク、USBハードディスク、LANハードディスクに録画した番組は、テレビのデジタル放送録画出力端
Free, Fast and Easy CSS webpages! | psd 2 CSS Online psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML&CSSに一発変換できる「psd2css」 PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML+CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。3月11日(月)~3月17日(日)〔2024年3月第3週〕のトップ30です*1。 順位 タイトル 1位 大炎上したスクールフォト業界で勤めてたんだが、もう学校写真のカメラマンは限界かもしれない|所在ない 2位 高等学校段階までの学習で身につけてほしいこと | 東京大学 3位 文科省の公用文作成の考え方って資料、めちゃくちゃ役立つから論文書く人とか社会人になって社外にメールを送るのが苦手って人は読むのをおすすめする。 - Togetter 4位 桐朋高等学校、78期卒業生の答辞に賛辞やまず 「只者ではない」「感動のあまり泣いて10回読み直した」(1/2 ページ) - ねとらぼ 5位 横浜中華街デートで1日過ごせ|まりにゃ 6位 謙虚なリーダーのもとで心理的安全性が高まりメンバーが本領発揮しやすくなる
グループの作成やメンバーの追加は、メールの送信で行える。TOにピージャムの固有アドレス、CCに登録したいアドレスを追加し、送信すれば完了だ。CCの内容を読み取って、pjam.jpが自動的にグループ掲示板を作成してくれる。普段使っている携帯電話やPCメールのアドレス帳からメール送信できるため、手軽に使えるしくみだ。 メンバーは、メールでコメントを投稿する。投稿があると、メーリングリストのようにメンバーに通知が行くしくみだ。サイトにアクセスする手間がかからない。もちろん、必要に応じてウェブ上で掲示板を一覧することもできる。飲み会等のイベントの日程調整は、届いたメールをもとにウェブサイトにアクセスし、参加の有無を選択するだけでできるなど、手軽に情報共有できる。 また、ぐるなびやGoogle Maps地図サービスのAPIにも対応。店舗情報や地図情報を自動取得し、イベント参加メンバーに配信できる。
巨大な容量のファイルを相手に送る際にはいろいろな方法がありますが、できればより簡単かつ確実、そして安全に送りたいもの。そういった要望をすぐに叶えてくれるのがこの無料サービス「Filemail」です。ユーザー登録不要で利用できるため、すぐに利用を開始することが可能。しかも無料なのでこれといった負担もなく敷居が非常に低いわけです。 というわけで、利用方法の詳細は以下から。 Filemail.com - Sending large files has never been easier! http://www.filemail.com/ 仕組みとしては、Filemail.comの持っているいくつかのサーバ(ノルウェーのオスローにある)にファイルがアップロードされ、相手にはそのファイルをダウンロードできるアドレスが届くという仕組み。ファイルは128ビットAES暗号化済み。ファイルのダウンロード回数
Willさんいんのコーダー兼インストラクター兼ワーゲン愛好家、いしわのBlogです。主にサイト構築に関する私的メモ中心です。 » Haruki "HARUSAN" Ishiwa のプライベートブログ 先のエントリーで、Windowsに「Pear PC」を導入してMac OS X Tigerをインストールしたことを書きました。今回は、そのインストール等に関する覚え書きです。 私が導入したバージョンは、最新のPear PC 0.4.0とMac OS X v10.4(Tiger)です。インストール方法などは様々なサイトで紹介されており、それらを参考にさせていただきましたが、このバージョンの組み合わせを解説したサイトは見当たりませんでした。なので、以下に書いておきます。(長文覚悟) 1. Pear PCのインストール Pear PC公式サイトからPear PC本体(pearpc-0.4.0-wi
Summary This is the simplest Google Analytics tracking code installer plugin for WordPress. Just copy and paste your tracking code into option panel, then it inserted into footer area. Code will not be inserted in case login insider accesses, so “administrator filter” on Google Analytics won’t be necessary. Google Analytics のトラッキングコードを埋め込むプラグインは数多くありますが、どれも複雑過ぎるように思えたので必要最小限の機能のみ備えたシンプルなプラグインを作りまし
サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。 その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせてみました。 実物はエントリータイトル横のアイコンにマウスオンしてもらえればわかるかと思いますが、せっかくなのでソースとか公開。 2007年12月14日 追記 サイトリニューアルでボタンが変わったので、サンプルを下記に移動しました。 実際に動作しているサンプルはこちら さて、今回の材料は、 アイコン画像 JavaScript ファイル 3種 本ボタンの XHTML ソース 本ボタン用 CSS の追加 JavaScript ファイルはマウスオン、オフ時の動きを制御するために使用。これは 「PJ Hy
ロイヤリティフリーで商用利用も可能なパブリックドメインの写真を数多く取りそろえているのがこの「PD Photo」です。主に風景写真が多く、現時点で3691枚ほど用意されています。検索して探し出すことも可能で、非常に使い勝手がよいです。 アクセスは以下から。 PD Photo - Free Photos And Pictures (public domain, stock pictures, wallpaper, royalty free, clip art, etc) http://www.pdphoto.org/ このサイト、FAQのぺーじによると最初は友人や家族のために写真を公開していたそうですが、そのうち訪問者から「この写真を使ってもいいか?」という問い合わせが多く寄せられたため、パブリックドメインで公開することにしたそうです。ただし、画像によってはパブリックドメインでなかったり、商
前回の続きです。Mashups: Mashup Maker SmackdownでIntelがMash Makerという名前のいわゆるマッシュアップ用のツールをリリースする、という話を読んでマッシュアップツール(と呼ばれるもの)の比較 - bits and bytes をはじめたら、えらく長くなったのであらためてMashMakerのことを書きます。 Intel To Launch MashMaker に、デモのビデオがあるので英語がわかるならこれをみればおしまいかもしれません。自分はわかんないので ProgrammableWeb.com » Blog Archive » Intel’s MashMaker Coming Soon にある論文 Intel research paper from SIGMOD 07(PDF) と User-Friendly Functional Programm
Live Dwango Reader (旧livedoor Reader)まとめサイト Live Dwango Reader(旧livedoor Reader)についてのWikiです。 トップページページ一覧メンバー livedoor Reader API 最終更新: staff_reader 2007年11月26日(月) 10:41:57履歴 Tweet livedoor Reader API livedoor Readerが提供している公開APIの一覧です。 公開中のAPI Count API Feed Discover API Streaming API API利用サイト/サンプル API利用例 APIの利用について 配布ソフトウェアに組み込む場合、リクエストするUserAgentを独自のものにしてください。 常識的な頻度でアクセスしてください。また、可能であればレスポンスをキャッシ
このページでは XHTML/RSS/Atom においてモバイル版 URL へのリンクをメタデータに埋め込む仕様: Mobile Link Discovery について解説します。 (See English version of this page.) サマリ モバイル端末に最適化されたウェブページをもつサイト(Publisher と呼びます)は、link タグにその URL を以下のように記述します。 <link rel="alternate" media="handheld" href="..." /> こうすると、サーチエンジン、ブログサイト、ソーシャルブックマーキングサイトといった外部のサイトのモバイル版ページから、Publisher 側のモバイルページに正しくリンクすることができます。 このモバイルリンクは RSS や Atom フィードに記述することもできます。 例 http:/
Adobe AIR で作るビジュアルパフォーマンスアプリケーション 2008年2月 1日 コメント: トラックバック (0) 私は、昼間はサンフランシスコにあるインタラクティブデザインスタジオ「Odopod」のチーフデベロッパーとして仕事しています。Flash、HTML、 CSS、JavaScript といったテクノロジーを使い、デザイナやデベロッパのチームと一緒になって魅力的な Web サイト作りに励んでいます。 そして夜はというと、テクノロジーアーティストに変身します。ダイナミックアート、生成システム、インタラクティビティに興味があり、ゆくゆくは自分のアートワークをみなさんと共有できるようなライブパフォーマンスを行いたいと考えています。デジタルアートワークのパフォーマンス用のソフトウェアはたくさん出ていますが、それらの多くはビジュアルジョッキー(VJ)系のソフトウェアです。ただ、ほとん
注目のCMS「MODx」とは? 「MODx」はPHPで実装されているWebベースサイトを管理することができるCMS (Content Management System)です。データベースにMySQLを利用しているため、オープンソース系のWebアプリケーション環境で標準的なLAMPで構成することができ、国内でもここ最近になって知名度を高めています。 他の多くのCMSと同様に、Webサイトの管理者専用のページが用意されており、管理者は管理ページを通してコンテンツやユーザーの管理を行うことができます。加えてMODxの管理画面はAjaxを用いているためページ遷移を発生させずに画面移動でき、快適な操作性を実現しています。 MODxを用いることで、用意されているテンプレートやモジュールでWebサイトを構築することができ、必要であればPHPを書いて独自のWebアプリケーションやサービスを構築することも
Allurent:デスクトップで実現する次世代eコマースエクスペリエンス 2008年2月15日 コメント: トラックバック (0) 私が勤めるソフトウェア会社「Allurent」では、次世代のeコマースエクスペリエンスの開発に取り組んでいます。私はエンジニアリング・バイスプレジデントとして、商品開発におけるすべての技術面を任されています。 私がこの会社に入った頃、まだまだ駆け出しの会社でした。当時、まず取り組んだ課題の1つは、どのテクノロジープラットフォームをターゲットに自分たちのeコマース商品を開発していくべきかということでした。結果として、Adobe FlexとAdobe Flash Playerを選んだのですが、今では良い決断をしたと思っています。Flexプラットフォームは発展してきていますし、さらにはAdobe AIRの登場によって、Flexでのノウハウをデスクトップアプリケーショ
平成 20 年 2 月 20 日 2007 年の日本の広告費は 7 兆 0,191 億円、前年比 1.1%増 ― 4 年連続増、インターネット広告が引き続き伸長 電通が媒体別広告費の推定範囲を改訂して発表 ― 株式会社電通(髙嶋達佳社長)は 2 月 20 日、わが国の総広告費と、媒体別・業種別広告費を推定し た「2007 年(平成 19 年)日本の広告費」を発表した。 これによると、昨年 2007 年(1~12 月)の日本の総広告費は 7 兆 0,191 億円、前年比 101.1%であ った。総広告費は、2000 年にIT(情報技術)ブームを背景に 3 年ぶりに増加した後、減少が続いた が、2004 年に日本経済の景気回復基調とデジタル家電やインターネット(ブロードバンド)の普及を 背景に 4 年ぶりに増加し、2005 年(前年比 102.9%)、2006 年(前年比 101.7%)
「BTGuard」の運営する匿名プロキシサーバを経由することによって、転送中の相手から自分のIPアドレスを隠すことができるという通信匿名化サービスです。このサービス提供元はアクセスログを一切記録せず、さらに転送量制限もなし。本来はBitTorrent用ですが、ほかのソフトでも設定次第では動作可能。 使い方などの詳細は以下から。 BTGuard - BitTorrent Anonymously http://btguard.com/ サーバ自体はカナダに置いてあります。1ヶ月で750円の有料サービス(PayPalで支払い)ですが、1日だけ無料で体験することが可能で、以下のページから申込み可能です。 BTGuard - One Day Free Trial http://btguard.com/trial.php メールアドレスを入力し、表示されている文字列を入力後、「Register」をクリ
先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 1)XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML(C-HTML)、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な
It’s really amazing to see what one can create using jQuery. Developers just don't stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : 45+ Fresh Out of the oven jQuery Plugins 50+ Amazing Jquery Examples- Part1 So let
Web 2.0 Layout Photoshop Tutorial Web2.0風なサイトを作る過程のPhotoShopチュートリアル。 1からWeb2.0なサイトを作る過程が紹介されていて、PSDのダウンロードも出来ます。 なかなか綺麗なデザインなので、サイト作成の際に参考にしてみては。
- 若葉マーク管理者に捧げる - LinuxやUNIXをWindowsのファイルサーバ/プリントサーバとしてしまうことができる「Samba」は、手軽にファイル共有環境を構築することができ、サーバ管理入門にもぴったりです。インターネット上の関連情報も豊富ですが、しっかり出所を確かめないと誤った設定を招く恐れがあります。 オープンソース・ソリューション・テクノロジ株式会社 代表取締役 チーフアーキテクト 小田切 耕司 2008/4/22 Windowsとのファイル交換を手軽に実現するSamba Sambaは、LinuxやUNIXをWindowsのファイルサーバ/プリントサーバとしてしまうことができるオープンソースソフトウェア(OSS)です。Sambaの導入によって、LinuxとWindowsが混在する環境で、手軽に情報共有を行えるようになります。 Sambaは、大きく以下の4つの機能を提供しま
「CSSがいじれるようになった」とは言ってもあまり目新しさも感じないようにも。。。しかしサンプルを見せられた瞬間に「これは!」と感じざるを得ませ
この回では、「あなたがどんなひとか」を あなたの手相から、リーディングしていきます。 今回の質問は、ぜんぶで14問。 20分くらいで答えることができると思います。 あせらずに、あなたの手と向き合ってみてくださいね。 答え終わると、すぐに、マーコさんによる鑑定が お読みいただけますよ。 *リーディングの結果は、 それぞれの線や丘の意味することを マーコさんのことばでまとめたものです。 あなたひとりの手に、ことなるふたつ以上の メッセージが読み取れることもありますが、 誰もがさまざまな可能性や才能を 重なり合わせて持っているもの。 そのどちらも、「あなた」と考えて 読んでいただけたらさいわいです。 *「ほんとうのわたし編」では、 「右手」を見ながらすすめてくださいね。 *あなただけの正確な答えをみちびきだすために、 同じパソコン、同じブラウザを使ってくださいね。 中断する場合は、最初からやり直
写真などをスライドショーなどのように展示するライブラリは、Lightboxをはじめいくつかありますが、 今回は、jQuery プラグインからGalleriaを紹介します。 手軽にイメージギャラリーを作成することのできる美しいプラグインです。 jQuery jquey.jsのダウンロード Galleria デモ1 デモ2 Galleria ダウンロード jQueryのダウンロードと設置 Galleria Galleriaを使うためには、上記のGalleria ダウンロードのサイトでサイトでgalleria-1.0b.zipなどの最新版の圧縮ファイルを入手します。 解凍すると、(galleria-1.0b.zipの場合は)demoとtrunkの二つのフォルダがあり、demoにはjquery.js(圧縮版のjquery.min.js)とサンプルHTMLとサンプル画像が入っており、 trunkには
Si hay algo bueno y útil son las ilustraciones en vectores. En esta ocasión les dejo para la descarga 3 ilustraciones en EPS y JPG relacionados con el mundo, totalmente editables. Lo bueno de esto es que se pueden utilizar para todo proyecto, incluso los realizados con animación tipo Flash, en los cuales al mover las imágenes de bits muchas veces vemos un escalado poco agradable. Veamos cuales son
John Resig - Pure JavaScript HTML Parser JavaScript単体で動作するHTMLパーサー。 JavaScript単体で、HTMLをパースしてXMLに変換するデモも公開されています。 次のように、閉じていなかったり、不正なHTMLを正すことが可能です。 JavaScriptでの実装のため、クライアントサイドでこの処理が可能になります。 例1) <b>Hello <p>John ↓ <b>Hello </b><p>John</p> 例2) <a href=">aaa ↓ <a href=""">aaa</a> HTMLtoDOM関数で、HTMLをDOMに変換することも可能みたい。 JavaScriptでスクレイピングしたりできそうですね。 関連エントリ PHPでのスクレイピングに役立つライブラリ色々 XPath使いのための日本語チートシート
ゼロ円でできるインターネットVPN OpenVPNで手軽にVPN構築 オープンソースのソフトウェア「OpenVPN」を利用すれば、手軽にSSL-VPNによるインターネットVPN環境を構築することができます。そのインストール・設定方法を紹介しましょう。(編集局) Shin.鶴長 2008/5/2 元祖仮想化はネットワーク? 高速なCPUの普及を背景に、XenやVMwareのような仮想化技術が注目されていますが、ネットワークにおいても、ブロードバンドのような高速インターネット回線の普及を背景に、インターネットVPNが利用されるようになっています。 VPNはインターネット上に仮想的な専用線を構築し、離れた拠点間を直接つなぐことができます。VPNはNATルータやファイアウォールを越えた接続も可能なため、外部のインターネットからはアクセスできない社内ツールに、自宅に居ながらアクセスすることができます
いわゆるフルHDサイズ(1920×1080)のH.264/MPEG-4 AVCムービーを再生しようとすると、スペックの低いパソコンではカクカクになったり、コマ落ちしたり、音がずれたり、そもそも再生できなかったりとさんざんな結果になるので困っていたのですが、このH.264ソフトウェアビデオデコーダ「CoreAVC」は世界最速と自ら名乗っているだけのことはあり、非常に軽いらしい。CPUが100%に張り付いてしまうようなムービーでもサクサク再生できる、という話だったので実際に使ってみました。 どれぐらい軽くなったのかという検証結果は以下から。 CoreAVC.com: World's Fastest High Definition H.264 Video Software Decoder http://www.coreavc.com/ この「CoreAVC」はただ再生するだけのStandard
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」 2006年11月09日- Highlight active input This script is easy to configure. All you have to do is to define how the active input should be highlighted. This is done by CSS. Then you have to call a function at the bottom of your page to initialize the script. 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」。 実装方法は簡単で、次の通り。 1. CSSの
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE 3年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
RSSWriter RSSWriter is a convenience class for generating RSS 1.0 feeds with PHP. RSSWriterを使えば、RSSの詳しいフォーマットについて知らなくても、手軽にRSS1.0 feedを作成することが出来ます。 クラスの形式でライブラリ化されているので、自作のツールに組み込むのも容易です。 サンプルは次のような感じ。 <?php include("rss10.inc"); $rss=new RSSWriter("http://www.example.org/", "Example Site", "The best examples out there.", array( "dc:publisher" => "Example Publishing Inc.", "dc:creator" => "E X Amp
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫:WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか? CookieManager.jsを使えば、phpでcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使
p2js - Google Code PHPの関数をJavaScriptで利用する為にピュアJavaScriptで移植しました(しています。) PHPの関数をJavaScriptで使う「p2js」。 使い慣れているPHP関数をどうにかJavaScriptで実装できないかと以前考えたことがありましたが、Google Codeにてそういうプロジェクトを発見しました。 標準のJavaScript 機能だと、PHPほど標準関数なんかが充実していないこともあって、こういうのが使えると便利ですね。 まだ全ての関数があるわけではないですが、つくり中ということで、今後に期待ですね。 あとは機能ごとにファイル化して、script.aculo.usのように、ファイル指定で簡単に必要な機能だけ読み込める機能なんかがあったらなかなか使われそうな気がしますね。 関連エントリ JavaScriptから使える便利なUR
Script.aculo.us Select Box This javascript class allows you to add nice styled select boxes in a HTML page. JavaScript&CSSで独自デザインのselectボックスを作成。 チェックボックスとかラジオボタンの独自デザイン仕様にする方法はいろいろあったものの、selectボックスの独自デザイン仕様にする方法はそういえば無かったですね。 prototype.js ベースで script.aculo.us を使い、次のイメージのようなselectボックスを作るライブラリが公開されています。 選択項目の内容はAjaxで取得できるようです。 レスポンスが遅い点と挙動が通常のselect ボックスと違う点で操作に違和感がありますが、多少の修正で通常のselectボックスと同様に出来そうな
JavaScript入門&応用&リファレンス&ライブラリ紹介サイト「JavaScriptist... 次の記事 ≫:blockquoteでの引用を美しく表示するCSSサンプル URLParser - Public code - Trac JavaScriptから使えるURLパーサークラス「URLParser」。 次のように簡単に使えます。PHPでいうところの、parse_url 関数にあたる機能ですね。 var p = new Poly9.URLParser('http://user:password@poly9.com/pathname?arguments=1#fragment'); /* OUT * p.getHost() == 'poly9.com' // ホスト p.getProtocol() == 'http' // プロトコル p.getPathname() == '/path
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の3つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い&便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
Mozilla Firefox は、次のような新しい「フィードアイコン」 (別名「RSS アイコン」) を以前のバージョンで採用し、使用してきました。これは RSS や Atom などのオープンな Web シンジケーション フォーマットと関連して使用されるものです。 Mozilla Foundation は、Mozilla Foundation 以外の方がこれらのアイコンを自由にご使用いただけるようにしました。このドキュメントは、アイコンの使用に関する推奨ガイドラインを提供しており、以下の皆様に向けてのサービスとして Mozilla Foundation によって発行および管理されています。 独自の製品およびサービスと関連してフィードアイコンを使用したいと考えている個人および組織のコミュニティ これらの製品およびサービスを使用し、オープン Web シンジケーションフォーマットの使用を
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design クールなロゴをオンラインでお手軽作成「FREE Logo Maker」。 4つのステップで次のようなカッコいいロゴが簡単に作成できます。 ソフトはブラウザだけあればよく、Flashを使ったインタフェースでデザインを行えます。 手順は、 (1) エンジニアリング、スポーツといったカテゴリを選択 (2) ロゴのベースとなるアイコンを選択 (3) フォントを選んでデザイン実行 (※ ロゴをデザイン中の画面) ↓↓↓↓↓↓ (※実際に作ってみたロゴ) これは簡単で実用的ですね。サイトのロゴを作成するのに役立ちそうです。
Mini Pixel Icons These mini icons are designed at 14x14px with transparent background. 320以上の高品質なミニアイコンがダウンロードできる「Mini Pixel Icons」。 再販禁止で、10個以上アイコンをサイト上で使う場合は http://www.ndesign-studio.com/ にリンクしなくてはいけない、というライセンスがあります。 リンクしたくない場合は30ドル払えばよいらしいです。 どれもWEBツールなんかに使えそうないい感じのものばかりなので、利用規約に沿って、使わせてもらうのも良いでしょう。 SILK ICONS なんかもクリエイティブコモンズで広く使われていますね。
PHP Classes - Class: CSS parser CSSをPHPでパース出来て解析などに役立つライブラリ「CSS parser」。 次のようにPHPプログラムからCSSをパースしてプロパティを参照できます。 クラスライブラリの形になっているので利用も容易ですね。 <?php include("cssparser.php"); $css = new cssparser(); $css->ParseStr("b {font-weight: bold; color: #777777;} b.test{text-decoration: underline;}"); echo $css->Get("b","color"); // returns #777777 echo $css->Get("b.test","color");// returns #777777 echo $c
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫:ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど - はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行う Observer 的なライブラリ JavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) { log('a')}); addKeybind('a', function(ev) { log('a!!');}, $('loglog')); addKeybind('B', function(ev) { log('B')})
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはCSSによってデザインされているため、
Ajaxian Joe Hewitt Firebug power user demo Joe Hewitt (Firebug creator) gave a power-user demo of Firebug at the Yahoo! campus to share and explore the Firebug 1.0 release. FireBug1.0リリース!&YahooでのFirebugデモ。 先日Betaが取れた、FireBug1.0がリリースされました。 スクリーンがちょっと見難いですが、DOMインスペクタの紹介、プロファイラなどのデモが見れます。 関連エントリ 便利すぎて困る程のFireBug1.0系を使ってみよう Firebug 1.0 Betaのチュートリアルムービー
Zeniltuo.com - inspiration journey - All website galleries in one page FlashやCSSのデザインギャラリーサイトをあつめた「Zeniltuo.com」。 以下、CSSギャラリーサイトの抜粋。沢山あるもんですね。 Artnetz Best Web Gallery brdcast CeeSeS Cool Site Collection Creative - Pakistan CSS - Website css Beauty CSS Blast - RU CSS Bloom CSS Brain - HU CSS clip CSS Collection CSS Container CSS Demo CSS Design .ru CSS Drive CSS Elite CSS Fill CSS Galaxy CSS Galer
複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」 2007年02月22日- xFruits - Compose your information system 複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」。 今やRSSといえば、サイト作成においてなくてはならないほどのフォーマットになりました。 そのRSSを色々便利に加工できるサービスがxFRUITSです。 複数のRSSを1つにまとめたり、RSSをメールで送ったり、RSSをPDFにしたりと、様々な便利な機能が提供されています。 このツールを活用し、工夫することで、よりよいRSSライフが送れそうです。
Fireworks.js: A DHTML fireworks effect 花火アニメーションをJavaScriptで実装「Fireworks.js」。 Fireworks.jsライブラリを読み込めば、以下のようなシンプルなAPIによって花火のアニメーションを表示することが出来ます(音も出るので注意)。 createFirework(79,19,1,3,null,null,null,null,false,true); サイトで何か嬉しい出来事が起こった際に、このアニメーションを表示することで、利用者に驚きを与えることが出来そうです。 これは楽しいですね。 関連エントリ JavaScriptで3Dオブジェクトを作成するためのライブラリ「JS3D」 JavaScriptでMP3を扱えるライブラリ「SoundManager 2」 JavaScriptによるモーショントゥイーンアニメーション実装
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ
MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開 次の記事 ≫:PHPからjQuery(JavaScriptライブラリ)を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。 ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。 右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。 以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表
PQuery - PHP and JQuery at NGCoders PQuery is a set of helper classes for JQuery JavaScript library. PHPからjQuery(JavaScriptライブラリ)を簡単に使うことができる「PQuery」。 PQueryは、PHPにjQuery用のオブジェクトを提供してくれます。要はPHPからjQueryが扱いやすくなります。 JavaScriptをそこまで知らずとも、PQueryを使うことで、PHPのみでAjax等のJavaScriptが持つ機能を実装できるようです。 PQueryを使ったTODOリストのデモも公開されてます。 JavaScript苦手なPHPプログラマの方は試してみましょう!
NoFunc Nomadic Functions 超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」。 他のどのライブラリにも依存しない、★投票システムや、Ajaxリクエスト、カラーピッカー、ドラッグ&ドロップ、テーブルソートなどを実現するためのJavaScriptコード集です。 例えば、ajaxリクエストをするのに、次の関数があって、wReq('http://www.YourDomain.com/',0,function(v) { alert(v); }); のようにシンプルに呼び出せるコードが紹介されています。 function wReq(u,s,change) { var r=[function(){ return new XMLHttpRequest(); },function(){ return new ActiveXObject("Ms
注目!Flashを応用してHTML&CSSだけでは通常作れない画像効果を得る「swfIR」 2007年02月27日- swfIR: swf Image Replacement When you start to use swfIR, you’ll need the ability to style it, the same way that you can do with regular images. Flashを応用してHTML&CSSだけでは通常作れない画像効果を得る「swfIR」。 こういった仕組みで、久しぶりに感動させられました。 Ajaxにこだわらず、Flashも応用することでこんなことも出来るんだ、と思わせられたものでした。 なんと、<img src="〜"> な画像タグがあったとして、この画像に、動的に角丸やシャドウ効果、回転効果やボーダーを直接かけることが出来ます。 次の
Flash&FlexからYahooのウェブAPIを利用できる公式ライブラリ「Yahoo! AS3 API Libraries」 2007年03月12日- Yahoo! AS3 API Libraries - Yahoo! Developer Network Yahoo! AS3 API libraries are a set of wrapper tools that facilitate access to Yahoo!'s Web APIs from Flex and Flash. Flash&FlexからYahooのウェブAPIを利用できる公式ライブラリ「Yahoo! AS3 API Libraries」。 ActionScript3で記述されていて、Flex Builder2から使えるようです。 Flexとは、Flashによって、WEBアプリケーションのUI部分やフロント部分の機能
郵便番号検索API このAPIは、郵便事業株式会社様(旧日本郵政公社)が公開している郵便番号のデータを取得する機能を提供します。 郵便番号から住所、住所から郵便番号の取得が可能です。 お知らせ 【重要】郵便番号検索APIサービスの終了について リクエストの構築 リクエストは、「REST」を用いて行います。 URLの構築は、リクエストURLにリクエストパラメータを「引数=値」という形式で指定します。複数のリクエストパラメータを指定する場合は、「&」を用いてつなげます。 例: http://api.postalcode.jp/v1/zipsearch?zipcode=33200&callback=callback リクエストURL http://api.postalcode.jp/v1/zipsearch? リクエストパラメータ パラメータ値説明
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 (※↓は画像です) 知っておくと、レイアウトを崩さないでテーブルのようなUI が必要な部分で使えそうですね。 設置方法は次の様に簡単 1.ライブラリを読み込み <script type="text/javascript" src="webtoolkit
Creating web sites for the Wii Opera browser Though it may be old news that Wiimote keycodes can be detected by JavaScript in the Wii Opera browser, I could not find a JavaScript library that facilitates handling these input events, so I created my own. Wii用のサイトを作る際に超便利なJavaScriptライブラリ「wii.js」 wii.jsをインクルードすると次のようなAPIを使うことが出来ます。 wii.isWiiOperaBrowser() - WIIで見ているかどうかを true/ false で返す wii.setupHand
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS&JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル+画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
Compress javascript and css. amazing code compression. quick, easy and free! JavaScriptやCSSをWEB上で簡単圧縮するサービス「Compressor」。 次のような画面で、(1)の入力ボックスにCSSでもJavaScriptでも入力後、(2) で圧縮ボタンを押して圧縮可能です。 圧縮方法にはbasicとpowerfulの2つの方法が選択でき、それぞれボタンを押すことで(3)のフィールドに圧縮されたコードが出力されます。 JavaScriptの場合、powerfulにすると動作しなくなることがありますが、簡単なコードならちゃんと動くと思います。 転送量が気になる方はgzipな圧縮転送以外にもこういったツールでCSSやJavaScriptのサイズを削減しましょう。 関連エントリ サイトがGZip圧縮されてい
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ&ドロップ、アニメーション、スライダー、オートコンプリートのほか、 3Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
livedoor Reader 開発日誌:開発者様向け : APIを2種類公開しました - livedoor Blog(ブログ) livedoor Readerに登録されているフィードの情報を取得するAPIを2種類公開しました。どちらも登録不要で、無料で利用できます。 livedoor Reader がAPI を 2種類公開。 フィードの登録数を取得するAPI ( Count API )と、フィードを配信しているサイトを見つけ出すAPI だそうです。 PHPから簡単に使うモジュールはもうあったりするんでしょうか。 関連エントリ ぐるなびAPIをPHPから簡単に使える「Services_Gnavi」 ホットペッパーウェブサービスを簡単に使える「Services_Hotpepper」 楽天ウェブサービスをphpから簡単に使うライブラリ「Services_Rakuten」
The simplest draw editor to your forms Next is a example of how to use it, how it works and what is the result. With this we hope you'll understand the entire picture.お絵かきキャンバスを提供するJavaScriptライブラリ「InputDraw」。 次のようにキャンバスの上にドラッグ&ドロップでお絵かき機能を実装できます。 必要なJavaScriptライブラリを読み込んで、キャンバスの幅/高さ、背景画像を指定して初期化するだけ。 お絵かき結果はSVGで取得することが可能です。 この機能を使ってお絵かき掲示板的なものを作ったりできそうですね。
Ext JS Blog - Ext v1.1 Released The Ext team is proud to announce the immediate availability of Ext v1.1 for download. 超クールJavaScriptライブラリ「Ext v1.1」正式版リリース。 次の点が更新され、ますます強力さを増しているようです。 YUIやprototype.jsを必要とせず、スタンドアロンでExtが動作するようになった WYSIWYGなHTMLエディタ カレンダー Ext.Ajax というAJAXの機能を追加 特定のエレメントに対するイベントハンドラの付与を簡単にできる、Behaviors 関連エントリ JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」
2006年初頭から「Plagger」という技術が、一部で話題になりました。まだまだ知名度が低い「Plagger」ですが、便利でカスタマイズ性が高いものなので、2007年では爆発的に流行するかもしれません。豊富なプラグインを自在に組み合わせ、欲しい情報を収集し、加工して出力するPlaggerの仕組みや使い方を紹介します。 1. 何でもできる? Plaggerの正体に迫る 今回は話題のPlagger(プラガー)を取り上げます。 この連載を読んでいる読者の皆さんは、ネットワーク技術や知識に興味を持っている人が多いでしょうから、「Plagger」という単語は一度は耳にしたことがあるでしょう。しかし、Plaggerという言葉を聞いたことはあっても、いったいどんなものかピンと来ない人もいるかもしれません。今回はPlaggerがどういった働きをするか? その動きの仕組みなどを中心に紹介していきます。 ●
idea generator アイデアをWEB上でジェネレートできる「idea generator」。 ボタンを押すと、3つのワードでアイデアをジェネレートしてくれます。 ランダムに3つのワードを並べているだけですが、こういったところから思いもしないアイデアが浮かぶかもしれません。 日本語も欲しいですね。
Position Absolute : Prototype Fisheye : Another gear in the machine. The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user's mouse as it approaches the icon. This control was made popular by Mac OSX "Dock". prototype.jsでMacOSXのDock風UIを作るJavaScriptライブラリ。 カーソルを合わせるとアイコンが拡大されるあのUIをprototype.jsで実装したい場合に使えます。 その他、Dock風UI実装のライブラリを以下に。 一味違う
prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.Menu」 2007年08月27日- Proto.Menu :: prototype based context menu Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.Menu」。 次のような独自の右クリックメニューを簡単に作ることが出来ます。 使い方は、必要なJavaScript/CSSファイルを読み込んだ後、次のようなコードを書くだけです。 // メニューを定義 var myLinks = [ {name: 'Back', callback: fu
使用するFlashプレイヤーのバージョンを選べるようになるFirefox拡張「Flash Switcher」 2007年08月29日- Flash Switcher extension for Firefox - sephiroth.it - flash & php I just did this new extension (my third extension) for Mozilla firefox. I hope it can be useful for Flash developer who want to easily test their pages with different flash player versions. 使用するFlashプレイヤーのバージョンを選べるようになるFirefox拡張「Flash Switcher」 インストールすると、次のように、ブラウザの
Codetch :: Firefox Add-ons Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you...FirefoxにDreamWeaver風のWYSIWYGなHTMLエディタ機能を追加できる拡張「Codetch」。 インストールすると「ツール」メニューにCodetechが追加され、実行すると次のようなDreamWeaver風のWYSIWYGなHTMLエディタが表示されます。 CodeタブでHTMLを修正することもでき、PreviewタブでWYSIWYGな編集も可能です。 DOMインスペクタや CSS/HTML/XMLバリデーターなどの機能も持っています。 素早くHTMLページを作りたいという場合に、便利な拡張ですね。
CSSMate :: Firefox Add-ons Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that i've been using for many months. I've gutted it, made each stylesheet load into a seperate tab. Removed the save load clear functionality as i found it to be useless... ページのCSSをファイルごとにリアルタイム修正できるFirefox拡張「CSSMate」。 次のように、ページに使われているCSSをファイルごとに編集し、リアルタイム反映できます。 ページのCSSをすべて1くくりにしてしまう「Edit CSS」よ
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」 2007年09月03日- Eulerian Technologies - DatePicker using Prototype and Scriptaculous You'll find here the code and instructions for a datepicker widget using Prototype and Scriptaculous librairies. ありそうでなかったPrototype.jsベース(script.aculo.us使用)の日付入力補助ライブラリ「DatePicker」。 次のような日付入力補助機能を実装できるようです。 YUIなんかには普通にありましたが、Prototype.js ベースははじめてではないでしょうか? 実装コードも次のように非
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ
進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」 2007年09月06日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a rewrite of the (unfortunately wrongly named) AJAX Progress / Percentage Bar by Webappers. 進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」。 プログレスバーがなめらかなアニメーション表示されるので、進捗状況が非常に分かりやすく表示できます。 デモページはこちら 利用にはprototype.js
YAML Builder | A tool for visual layout development of YAML based CSS layouts ビジュアルにドラッグ&ドロップでCSSレイアウトをデザインできる「YAML Builder」。 全体のレイアウトを1〜3カラムから選べ、ヘッダーやフッターを設置するかもチェックボックスで直感的に設定できます。 ページ幅もツール上で簡単に設定でき、カラムの中に更に複雑なカラムを挿入することも可能。 「Get Code」ボタンで実際のコードを簡単に取得できます。 レイアウトを簡単に作るツールはいろいろありますが、これまた便利なツールが出てきましたね。 尚、IE6では動作しませんでした。 関連エントリ WYSIWYG型オンラインCSSデザインツール「CSSEZ」 サイトのCSSを見たままリアルタイムに編集するツール色々
LiveValidation - Validation as you type Lets face it, forms are boring, validation is a pain. It’s time to inject some life into them, make them fun again... JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」。 このライブラリを使ってできることは、examples にまとまっています。 数字、長さ、メールかどうかなど、値チェックに必要なものは殆どそろっているので簡単に実装できます。 コードは次のようにオブジェクト指向で非常にシンプル。 var sayHello = new LiveValidation( "sayHello", { validMessage: "Hey there!" } );
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
Ext JS Blog - Ext 2.0: A Preview The development of Ext 2.0 continues to move forward with some exceptional new features being rolled into the framework. あのJavaScriptライブラリ「Ext」のバージョン2「Ext 2.0」のプレビュー。 UIの品質でいえば、高機能&高デザイン性で他と一線を画するExtの2.0版がプレビューされました。 ブラウザ上で動作するデスクトップ風機能の他、高度なコンポーネントが実装されている模様。 Grouping & Group Scrolling Tabs - 横スクロールタブ Column Tree - TODOツールなんかに使えそうなウィジェット Web Desktop - デスクトップアプリ風のも
STUDIO7DESIGNS Free CSS and XHTML Website Templates created this site to provide people with free xhtml and css designs. 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」。 Organic Design Template Eco Business Template. NauticaX2. Nautica05. NauticaX1. Nautica09. Nautica05 Dark. ブログやサイト構築の際に使えますね。 ライセンスは「Creative Commons 2.5 licence」。
FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. PHPから使えるアニメーションするグラフコンポーネント「FusionCharts Free」。 アニメーションが心地よく、実に様々なグラフを描画することが出来ます。 チャートは次のように、JavaScriptコードで簡単に貼り付け可能。データはXMLから読み込み。 PHPから簡単に使えるAPIライブラリも公開されています。 <
Styling File Inputs with CSS and the DOM // ShaunInman.com This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. inputのtype=fileをCSSでクールにスタイルするサンプル input type=file なエレメントを次のように美しくスタイリングするサンプルが公開されています。 これはなかなかクールですね。Web2.0なサイトでは是非実装したいスタイルです。 関連エントリ サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ CSSでデザインされたテーブルレスでクールなフォームサ
CSS - Creating a vista style nav bar in css In today’s tutorial I want to show you what you can do with a minimal effort and a little imagination. What we are going to do is re-create the Vista toolbar in pure CSS with buttons and hover effect in cross-browser compatible CSS and HTML. CSSでWindowsVista風のナビゲーションバーを作成するサンプル。 画像とマークアップが公開されています。 実際に動作しているサンプルはこちら ファイルを一括ダウンロードすることも出来るようです。 Windows Vis
Sprinkle Javascript library by Jon Davis This is basically CSI (Client-Side Includes), when SSI (Server-Side Includes) is not available. You can also call it "sprinkle", as that's the name I gave the Javascript library. SSIならぬクライアントサイドインクルード(CSI)を実現できる「sprinkle.js」。 SSIとは、指定の位置に決められたタグを埋め込んでおくことで、サーバ側で処理して特定の文字列を出力する仕組みです。 今回紹介するCSIは、JavaScript を使い、DIV要素内にsrcで指定したファイルをAjaxで読みこむという仕組みです。 次のようなコードで、
関数のデバッグトレーサー - PHP_FunctionCallTracer : アシアルブログ デバッグトレースを行うためのPEARパッケージ「PHP_FunctionCallTracer」。 関数に仕込めば、関数の引数や戻り値、指定した変数などがスクリプト名やその行番号と共に表示されるようです。 Array ( [php_uname] => Linux localhost.localdomain 2.6.18-8.1.8.el5 #1 SMP Tue Jul 10 07:06:45 EDT 2007 x86_64 [date] => Wed, 12 Sep 2007 14:02:14 UTC [calls] => Array ( [0] => Array ( [call] => Array ( [file] => /path/to/example.php [line] => 15 [fu
LiveValidationPHP | Home What is LiveValidationPHP? Well in short it's a form validation script. PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」。 PHPとJavaScript でリアルタイムにバリデーションする仕組みが公開されました。 次のようにフォーム内容をリアルタイムにバリデーションできます。 バリデートのルールなんかはPHPで記述でき、JavaScript に慣れていなくても使えます。 関連エントリ JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。 使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。 まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。 そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。 すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。 関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール10選
FitFlash - Smart Flash Resize Script FitFlash is a smart script that resizes your flash automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」。 通常、Flashムービー(SWF)はブラウザに貼り付けた状態だと固定サイズとなっています。 このムービーサイズをJavaScriptで動的にうまく調節できるライブラリがFitFlashです。 FitFlashは次
複数の画像を1枚にて表示用のCSSも吐いてくれるHTTPパフォーマンス向上ツール「CSS Sprite Generator」 2007年10月03日- Website Performance | CSS Sprite Generator 複数の画像を1枚にて表示用のCSSも吐いてくれるHTTPパフォーマンス向上ツール「CSS Sprite Generator」。 GoogleはHTTPコネクションを減らすため、画像は一枚で出力しています(参照)。 同じことをやろうとすると結構面倒ですが、複数の画像をZIP圧縮してアップロードするだけで、画像の結合&CSS出力を行ってくれるサービスが登場しました。 使い方は簡単。画像ファイルをZIPでまとめて圧縮後、アップロードします。 positionに関するCSSが出力されています。 ページ下部には画像を表示したい位置に「background: url〜
Polaroid Gallery v.1.01 Polaroid Gallery is a free, opensource flash gallery developed by myself, Christopher Einarsrud, in the year of 2006. ポラロイド風に写真を美しく魅せる画像ギャラリー「Polaroid Gallery」。 次のような画像ギャラリーをFlashを使って構築することが可能です。 Fla形式をダウンロードすることが可能ですのでカスタマイズも出来るでしょう。 画像をFlickrから読みこむことが可能なので、写真の魅せ方としてプレゼン等で活用することも出来るでしょうし、覚えておいて損はなさそうです。 関連エントリ スライドショーが可能なイメージギャラリー作成ライブラリまとめ 超クール画像ギャラリーが作れるJavaScriptライブラリ 写
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、IEにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 IEでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
mir.aculo.us script.aculo.usバージョン1.8プレビュー Prototype 1.6対応 Ajax.InPlaceEditor と Ajax.InPlaceCollectionEditor のリライト Effect.Morph をフルCSS継承に(?) Effect.Tween が追加 MP3サウンドの再生機能追加 パフォーマンス向上 バグフィックス MP3サウンドの再生機能がいいですね。 関連サイト scriptaculousリファレンス - JavaScriptist
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース 2007年10月15日- Ext JS Blog - Ext 2.0 Beta 1 The Ext team is proud to announce that Ext v2.0 Beta 1 is available for download. WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース。 新しいサンプルが追加され、ますます魅力的になってきました。 WEBデスクトップ iGoogle風ポータルサイト 正式版の登場が待ち遠しい限りですね。 関連エントリ Ext2.0のアルファ版がリリース
携帯版Google AdSenseのPHPコードがきもいので修正してみた - ふわふわな毎日 allow_url_fopen強制っすか!Notice出しまくりっすか!GLOBAL汚染しまくりっすか!みたいな感じなので修正ついでにクラス化してみた。 PHPから携帯版GoogleAdSenseを使うクラスライブラリ。 10/10に携帯版AdSenseが公開されました。 デフォルトのライブラリは使い勝手が悪いそうで、クラスライブラリの形式で配布されています。 次のように簡単に使えるようです。 $google = new GoogleMobileAdSense(); $options = array(); $options['ad_type']='text'; $options['channel']='xxxxxxxx'; $options['client']='xxxxxxxx'; $optio
Free CSS Toolbox - Free CSS Validator, CSS Formatter, CSS Compressor Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. CSS開発に使える「Free CSS Toolbox」。 次の機能を持つWindowsで動作するアプリケーションです。 色わけされたCSSエディター CSSフォーマッター、Beautifier機能 CSSエラーチェッカー CSS圧縮機能 W3C CSS バリデート機能 CSS開発のIDEとして使えそう。
PopBox! - Javascript Image Magnification PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page.JavaScriptでの画像プレビュー自由自在「PopBox」。 ページ内の画像をクリックするとページ内でそのまま、アニメーションしながら拡大。 PopBoxを使えば、そんな効果を実装することが可能です。 拡大だけではなく、比率の変更や、画像の移動、画像の縮小を行うことも出来ます。 凄く軽くて使いやすいです。もう、別ページで画像を拡大させるのは古い、と言われてしまうのかもしれませんね。
ButtonBoost - The Button Generator クールなボタン画像をジェネレートできる「The Button Generator」。 ボタンのテキスト、色、フォントスタイル、アイコンスタイルなどを指定した後、ページ中央から下の「Render as PNG」ボタンを押すことでボタンをジェネレートできます。 大量のボタンテンプレートがあって、様々なボタンをジェネレートできますね。 サイト作りに役立てられそうです。
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
Splashup オンラインで使えるPhotoShop風画像編集ツール「Splashup」。 インタフェースはPhotoShopにそっくりで、PhotoShopになれている方は、使い方も簡単です。 レイヤー機能も再現。 フィルタに雲模様なんかもあって、ますますPhotoShopです。 これだけ高機能な画像編集ツールがあれば、簡単な画像を作る場合であればPhotoShopは必要ないかもしれませんね。
オンラインで汚いJavaScriptコードを整形できる「Online beautifier for javascript」 2007年11月22日- Online beautifier for javascript (js beautify, pretty-print) This script was intended to explore ugly javascripts, e.g compacted in one line. オンラインで汚いJavaScriptコードを整形できる「Online beautifier for javascript」 次のようにコードを美しく整形することが可能です。圧縮、難読化されたコードもこれで読みやすくできそう。 /* paste in your own code and press Beautify button */var latest_chang
Starbox - Rating stars for prototype Starbox allows you to easily create all kinds of rating boxes using just one PNG image. 綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」。 次のように、見栄えも綺麗で、カーソルを離すとアニメーションしてくれます。 実装は、次の流れで簡単に実装できます。 <script>タグでprototype.js等、必要ライブラリを読み込み CSSを読み込み、かつ画像をcssと同じパスに設置 new Starbox で初期化。コンストラクタに渡すオプションで挙動の調整が可能 自分でスタイルしてオリジナルの投票インタフェースを作るのもよさそう。 ライブラリ自体は、prototype.js/script.acu
WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10%
Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 2007年11月12日- Javascript htmlspecialchars Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装するコード。 JavaScript でも HTML エスケープをしたい場合が結構あったりします。 PHPに慣れている方は htmlspecialchars 関数があったら使いやすいかもですね。 function htmlspecialchars(ch) { ch = ch.replace(/&/g,"&") ; ch = ch.replace(/"/g,""") ; ch = ch.replace(/'/g,"'") ; ch = ch.replace(/</g,"<")
FastFind Menu This page demonstrates the ActiveSpotLight FastFind Menu Script. 階層的でクールなメニューを作るためのJSライブラリ「FastFind Menu」。 紹介サイト上、左上の[ Toggle Menu ] でデモが開きます。 メニューをクリックすると、階層的にメニューが開きます。 アニメーションも滑らかでカッコいいです。メニュー先はAjaxでオープンするようです。 Ajax にすることで、深い階層であっても一度に読み込ませることなく利用することが可能です。 こういった形式のメニューの需要もあると思うので、覚えておくとよさそう。 関連エントリ セクシーに動作するスライドメニューバー実装JSライブラリ
Google Sitemapの日本語版が公開されました。 Google sitemapにサイトのサイトマップをXMLで提供すれば、クロールの精度が高まり、より多くのウェブページが検索結果に表示されるようになるそうです。 うれしいのが、クロールを上手くできたかというのをレポート出力してくれるところでしょうか。 そこで、サイトのコンテンツと同じディレクトリに設置するだけでGoogleサイトマップのXMLを吐き出だすphpスクリプトを作成してみました。 次のスクリプトを、*.html と同じディレクトリに置いてアクセスするとGoogleSitemap用のXMLが出力されます。 <?php // 追加するファイルの種類 $allow_ext = array( "html", "txt", "php" ); $baseurl = "http://".$_SERVER["HTTP_HOST"].dir
Developer's Guide - Google Chart API - Google Code The Google Chart API lets you dynamically generate charts. Googleのグラフ描画API「Google Chart API」。 パラメータを作成して<imgタグで呼び出すだけでグラフが出力できます。 例えば、次のようにグラフを貼り付けられます。 グラフの種類は、線グラフ、棒グラフ、円グラフ等。 今後、グラフの種類も増えていきそうですね。 サーバサイドでグラフを描画するようなグラフ描画ライブラリは必要なくなるのかもしれません。 単なる画像なので、JavaScript等によって動的に描画するものに比べて軽く、プラットフォームの依存も少ないのがいいですね。 関連エントリ キュートな円グラフ簡単作成サービス
Bits of PHP code - Google Chart API for PHP - James Cridland Google have released the Google Chart API which enables you to produce swizzy graphs like the above, which is the total 'hours-listened' to BBC Radio 1 from March 1999 to September 2007.PHPで「Google Chart API」を扱うユーティリティ関数が公開されました。 現状では、この関数、使いやすいとは言えませんが、こういった形でGoogle Chart API を PHP から簡単に使うようなユーティリティクラスが出てくると嬉しいですね。 「超簡易「Google Chart API
Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場 2007年12月14日- gchartphp - Google Code A simple PHP Object wrapper for the Google Chart API. Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場。 昨日、「PHPで「Google Chart API」を扱う」で出てこないかな、と言ってたものが早くも登場。 次のようなオブジェクト指向な分かりやすいコードでGoogle Chart API を扱うことが可能です。 $piChart = new gPieChart; $piChart->addDataSet(array(112,315,66,40)); $piChart->valueLabels = arr
Psyrens.com Scripts - AJAX CAPTCHA AjaxでCAPTCHAするPHPプログラムサンプル「AJAX CAPTCHA」。 次のような、Checkボタンを押すと、画面遷移せずにCAPTCHAの値が正しいかどうかを確認するサンプルがダウンロード可能です。 CAPTCHA の値が正しければ、インプットボックスの背景が緑色に、正しくなければ赤色になります。 Ajaxで作ったフォームでどうしてもCAPTCHA を使用したいという場合に参考にできそうなサンプルですね。 関連エントリ 文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」 ねこでコメントスパムを防ぐ「Auth_Kitten」 数字の足し算を行わせてCAPTCHA認証を行うPHPライブラリ「PEAR::Text_CAPTCHA_Numeral」 PHPで使えるCAPTCHA
Email Me Icons Eメールに関するアイコンを集めた「Email Me Icons」。 次のようなハイクオリティのアイコンが配布されています。 非商用利用につきフリーで利用可能です。 PNG,ICO形式にて配布されています。 関連エントリ 物凄く美しいオーブのアイコンセット 可愛いMac風のフォルダアイコン集 ロイヤリティフリーで使える高品質アイコン集「Danish Royalty Free Icons」 ハイクオリティな和風アイコン集「Yoritsuki」 凄く美しいVistaパッケージ風の各種OSアイコン集 RSSアイコンデザインいろいろ ソフトやWEBサイトのUIに活用できるアイコン集配布の「User Interface Icons.com」
PHP: tiff2pdf Let's say you have a fax with multiple pages that has been stored as a TIFF and you want to convert it to PDF using PHP for digital document flow. PHPでTIFF形式のファイルをPDFに変換する「tiff2pdf」関数が公開されています。 TIFFをPDFに変換するようなことはあまり無いかもしれませんが、画像などを扱う仕事をするようになった場合必要なこともあるかもしれません。 というわけで覚えておいても損はなさそうです。
女子高生が勉強しないのはケータイのせい!? 今時の青少年のインターネット利用の実態はどうなっているのだろうか。内閣府は、その一端をうかがわせる資料とも言える「第5回情報化社会と青少年に関する意識調査」を12月12日付で発行した。 新聞各紙は「女子高生の携帯電話によるネット利用は1日平均2時間」という部分に着目していたが、元の調査資料を見てみるとケータイを含め、インターネットが与える青少年への影響は小さいことが分かる。 調査の概要は内閣府のサイト、青少年に関する調査研究等で公開されている。調査対象の青少年は、10歳から17歳までの1191人と、18歳から29歳までの1227人の2グループだ。 高校生までのグループで時間的占有率の高いメディアは、なんと言ってもテレビだ。平均で160分から180分を費やしているのだから毎日3時間近くテレビを見ていることになる。女子高生の場合、これに加えてケータイ
Dilectio: A Smashing Wordpress Theme | Design Showcase | Smashing Magazine 超クールなWordPressテーマ「Dilectio」が配布されています。 次のような、かなりカッコいいWordPressテーマがダウンロードできます。 実際のデモはこちら WordPressでのサイト開設時には是非とも導入したいと思わせられたデザインでした。 関連エントリ 4カラムのクールなWordPressテーマ集20+ 3カラムのクールなWordPressテーマ集30+ 超高品質WordPressのテーマ20個 10の超クールなWordpressテーマ集 WordPressのテーマをWEB上で作成「Wordpress Theme Generator」 WordPress テーマパーク
Flash Doodle Flashで物体を作成してシュミレートできる「Flash Doodle」。 単純に物体を描くだけでなく、描いた物体が物理法則に基づいて動作してしまうサンプル。 赤の線は固定線で、黒は丸い浮力のある物体。 そして、青は少々固めの線で、四角形や円形のオブジェクトを作成できます。緑はひも状の物体。 Line Rider も楽しかったですが、こちらも物体を創造できるところが非常に楽しいです。
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズできる多機能LightBox「Lightview」。 次のように、背景色を赤にカスタマイズしたりできるLightBoxの登場です。 背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能です。 インストールは、必要なCSS/JSを読み込んだ後、<img> タグの rel 属性に lightview を設定するだけ。 (例: <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーの機能なんかも実装されています。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「F
as3Query: alpha version (New Wave ActionScript) [TECH-NI Blog] as3Query is an ActionScript3.0 port of John Resig's exellent JavaScript library jQuery 1.2.1.ActionScript3でjQuery「as3Query」。 as3Query を使えば、ActionScript3 で jQuery の機能が使えるようになるそうです。 as3Queryを使った動くサンプルムービーも公開されています。 HTMLとFlashでは性質は違いますが、ステージ上のオブジェクトを $() 関数で選んで操作したりする機能は中々使いやすそう。
リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 2008年01月18日- Color Design Blog / Free Advanced DHTML Color Picker by COLOURlovers リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 色を選択するときに便利なカラーピッカーに次のようなリッチなUIのカラーピッカーが登場。 UIがカッコよく使い勝手もよさそう。 実装は、ページ内の「Here is the Code You Need & Examples...」以下のコードをページに貼り付けるだけ。 CSSとJSのコード自体がホスティングされている形での提供のようです。 カラーピッカーのデザインにもこだわりたい、という方には最適なカラーピッカーですね。 関連エ
Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」 2008年01月29日- Shadowbox.initShadowbox.js Media Viewer Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」。 YUI, Ext, Prototype.js, jQuery, Mootools, Dojo などをコアライブラリとして使用できます。 LightBox は prototype.js
「Skype」と「VNC」を使って外出先から自宅PCをリモート操作「SkyGateForVNC」 2008年01月30日- 窓の杜 - 【NEWS】「Skype」と「VNC」を使って外出先から自宅PCをリモート操作「SkyGateForVNC」 音声チャットソフト「Skype」のネットワークを利用して、ファイヤーウォール・NAT環境下でのVNCによるリモート操作を可能にするソフト「SkyGateForVNC」v1-0-1-117が11日に公開された。Windows XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「Skype」と「VNC」を使って外出先から自宅PCをリモート操作「SkyGateForVNC」 NATやファイアウォールごしでリモートPC操作が可能のようです。 外出時でも自宅PCをいじりたいという方には非常に便利なツールではないでしょうか。 そうし
htmlspecialchars ( ) でセキュリティ対策( ENT_QUOTES もね!) PHPのhtmlspecialcharsにはENT_QUOTESを付ける。 htmlspecialchars でXSS対策をしていたと思ったら、デフォルトでは シングルクオートをエスケープしてくれない(マニュアル参照) htmlspecialchars($str, ENT_QUOTES); ENT_QUOTES を指定することで、シングルクオートも ' にエスケープ出来ます。 ZAPAブロ〜グのZAPAさんの指摘するh関数を定義してフレームワークなどに組み込んでおくのがスマートなのかもしれませんね→htmlspecialchars関数を簡単にする 意外に知られていないかもしれないので、念をのため紹介しておきます。(知っている人はごめんなさい) その危険な例をしめしてみます。 例えば、h
ScrapBook :: Firefox Add-ons ScrapBook はWebページの保存と収集したコレクションの整理を手助けするための Firefox 拡張機能です。WEBページをローカルに保存して後から全文検索できるFirefox拡張「ScrapBook」。 Firefoxの拡張インストールでブラウザに統合され、WEBページのローカルへの保存と全文検索が出来るというなかなか凄そうな拡張。 ページの全部ではなく、選択範囲のみの保存などもできます。 特定のサイトはいつ消えてしまうか分かりませんが、保存しておけば自分のPCが壊れるまでは安心してデータを参照できます。 ローカルにあることで高速に閲覧することも出来るでしょう。 全文検索機能によって検索することも可能なので、後々に役立ちそうなページをスクラップしておき、必要に応じて検索して情報を引き出す、ということも可能。 これはなかなか
PHP.JS Licensing This article is part of the 'Porting PHP to Javascript' Project, which aims to decrease the gap between developing for PHP & Javascript. PHPで使える便利関数をJavaScriptでも使えるようにする「php.js」。 php.js をインクルードすれば、次のPHP関数と同名かつ同機能を使うことが出来ます。 abs, addslashes, array_change_key_case, array_chunk, array_combine, array_count_values, array_diff, array_diff_assoc, array_diff_key, array_fill, array_flip, a
JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート 2008年02月07日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App.JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート。 『進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」』で紹介した
アドビ システムズ http://www.adobe.com/jp/products/ アドビ製品の情報や使い方をPodcastでお届けします ようこそAdobe Podcastへ!今回はAdobe Photoshop Lightroom 2 のチュートリアルビデオを追加しました。 ja-jp Copyright © 2009 Adobe Systems Incorporated アドビシステムズ asj-podcast@adobe.com アドビシステムズ Lightroom 2のスマートコレクション Photoshop Lightroom 2では「スマートコレクション」という新機能を使うことで、何万枚もの写真の中から特定の条件にあてはまるものだけをすばやく探し出すことができます。このスマートコレクションの基本的な設定方法についてご紹介いたします。 Fri, 17 Jul 2009 12
Prototype.js1.5→1.6への移行を容易にしてくれる「Deprecation.js」 2008年02月15日- Prototype JavaScript framework: Deprecation.js: easing the 1.5 → 1.6 transition If you’ve put off the task of upgrading your old code to Prototype 1.6, now you’re out of excuses. Prototype.js1.5→1.6への移行を容易にしてくれる「Deprecation.js」。 利用手順は以下 <script src="prototype.js" /> で読みこむPrototype.js のバージョンを1.5→1.6へ <script src="deprecation.js" />でdepre
PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日- Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像を幅200pxでリサイズ&保存のコード $thumb = new Image('image.jpg'); $thumb->width(200); $thumb->save(); そして、画像を50%のサイズにリサイズのコード $thumb = new Image('image.jpg'); $thumb->resize(50); $thumb->save(); そして、左0px、上30pxの位置
PEAR :: Package :: Net_UserAgent_Mobile モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」が2/10にアップデートされました。 前回のリリースは、2007/2/20。1年ほど経っているわけなのですが、その間に携帯端末のユーザエージェントの状況なんかも変わりましたね。 新しく、モバイルかPCのどちらか、というのを判別するために、isMobile メソッドが追加されています。 (これまでは、isDocomo、isEZWebなど、具体的なキャリア名の指定が必要でした) より詳しい変更点はこちらを参照してください 携帯サイトをPHPで構築されている方は要チェックですね。 関連エントリ 携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile
mooSocialize - social bookmark widget, ajax based, add your post to the most common social networks Enough of having to submit interesting articles by hand to your favorite social networks and newsgroups? Then this is for you!ソーシャルブックマークやRSSリーダーに追加ボタンをスマートに一括設置できる「mooSocialize」。 mooSocializeボタンをクリックで、deliciousなどに追加するリンクがアニメーションでクールに表示されます。 日本版も欲しいところですね。 ちなみに、当ブログではAddClipsを使っています。
YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる 2008年02月25日- YUI 2.5.0 Released ? Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more Yahoo! User Interface Blog The YUI Team just released version 2.5.0 of the library. We’ve added six new components ? Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper,
GlassBox WindowsVista風のLightBox作成JSライブラリ「GlassBox」。 若干表示が重いのですが、なかなかカッコいいUIを実現できます。 使い方は、以下のとおり 1. スクリプトを読み込み <script src="glassbox/glassbox.js" type="text/javascript"></script> 2. divでボックスを作成 <div id="myGlassboxContent"> <!-- Content --> </div> Content 部分にGlassBoxの中身を記述 3. スクリプトの初期化 <script type="text/javascript"> var myGlassBox = new GlassBox(); myGlassBox.init( 'myGlassboxContent', '400px', '30
「Google Static Maps API」を使い携帯でGoogleマップを表示する方法が紹介されています。 新しくリリースされた「Google Static Maps API」は、Google グラフAPIのように、RESTで叩いて画像化できるようです。 これまで、GoogleMapのAPIといえば、JavaScriptで使うグリグリ地図でしたが、これで携帯なんかでも地図を表示できますね。 詳細: ke-tai.org > Blog Archive > 「Google Static Maps API」を使って携帯でGoogleマップを表示する GoogleのAPIドキュメント: Google Code Google Static Maps API
jWYSIWYG This plugin is an inline content editor to allow editing rich HTML content on the fly. シンプルなWYSIWYGエディタ作成用JSライブラリ「jWYSIWYG」。 必要なスクリプトを読んだ後、次のようにマークアップ。 <div class="box"> <textarea id="wysiwyg" rows="11" cols="69"></textarea> </div> 初期化は「 $(function(){ $('#wysiwyg').wysiwyg(); }); 」だけでOKみたい。 WYSIWYGエディタは他にも色々ありますね。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor Tin
XHTML/CSS Markup Generator マークアップの生成を高速化「XHTML/CSS Markup Generator」。 独自の記法を元に、XHTMLとCSSのマークアップをジェネレートできる仕組みです。 例えば、独自記法→XHTMLの変換は、次のように行われます。 例1) #root.company ↓ <div id="root" class="company"></div> 例2) h1#logo.red=Company Name ↓ <h1 id="logo" class="red">Company Name</h1> CSSっぽい書き方でXHTMLが作れるので構造が分かりやすく、何より短くて書くのが楽です。 CSSっぽいので覚えるのもそれほど難しいことではないでしょう。 元の書き方のフォーマットが標準化されるなどすれば盛り上がりそうですね。
PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」 2008年03月12日- PHP Universal Feed Generator (supports RSS 1.0, RSS 2.0 and ATOM) | ajaXray It’s been a while since I’ve planned on developing a feed generator that fulfills most my needs by supporting the various feed formats. PHPでATOM、RSS1/2フォーマットのフィードが超簡単に吐き出せる「FeedWriter.php」。 RSS1や2、ATOMのフォーマットを理解して出力するのは面倒ですね。 このライブラリを使えば、RSS1/2もATOMも、クラスを作成す
iBox - Lightweight inline popup iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload.多機能LightBoxのiBoxがバージョンアップ「iBox v2」。 以前に紹介したiBoxがバージョン2にアップしていました。 画像、HTMLドキュメントに加えてYoutubeビデオ、インラインコンテナ(hiddenで内部に記述したdiv)を開くことができるようになっているみたい。 iBoxは依存ライブラリがなく、ライブラリ自体は7KBなので、この機能だけ使いたいという場合に使えますね。
特定のキーワードだけを意識して、キーワード出現率にこだわってもSEO効果は得られない、という記事を1つ前に書きました。 では、SEOを意識した記事はどのように書くといいのでしょうか。 一言で言えば、「関連用語」との組み合わせです。 【UPDATE】関連語もそうですが、一緒によく使われる言葉、「共起語」も重要な要素になっていそうです。 「LSI(Latent Semantic Index)」と呼ぶ、SEOウェブマスターもいます。 【UPDATE】LSIという技術をGoogleは使っていません。 GoogleもYahoo!も(おそらくMicrosoftも)、単一のキーワードの存在だけで、ウェブページが何について書かれてるか判断しているわけでは、なさそうです。 検索順位にしても、ひとつの語句だけではなく関連する語句も含めて、評価していると考えられます。 Googleは、単語・語句同士のつながり、
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
Free XHTML/CSS website templates for download | Mantis-a templates シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」。 シンプルなテンプレートが7パターン、29種類公開されています。 パターン1 - Preview | Download パターン2 - Preview | Download パターン3 - Preview | Download パターン4 - Preview | Download パターン5 - Preview | Download パターン6 - Preview | Download すっきりしたテンプレートが好きな人にはオススメのテンプレート集です。 関連エントリ 使えるCSSレイアウトテンプレート集「mycelly.com」 プロレベルのWEB
The Highly Extensible CSS Interface CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」。 デモサイトのようなリッチなUIを実現するためのサンプル集 Part I: The Foundation Part II: CSS Selectors & jQuery Part III: Adding Ajax Interactivity Part IV: Testing for Extensibility jQuery、Ajaxなどを活用してページを作成していく部分はページ作りにおいて非常に参考に出来る部分が多いです。 IE7, FireFox2, Safari2.x 以降が推奨環境となっているようです。
HD DVDとの激しい規格争いを経て、ついに次世代DVDとして勝ち残ったBlu-rayですが、対応ドライブの大幅な値下がりが始まりました。 一気に値下がりが進んでいるため、このまま値下がりが続くようであれば、Blu-rayドライブが広く普及する日はそう遠くないかもしれません。 詳細は以下から。 大手価格比較サイト「価格.com」に掲載されている価格情報によると、以前GIGAZINEでも取り上げた、Blu-rayとHD DVDに両対応したLG電子製のドライブ「GGW-H20N」が、2008年4月04日23:00現在で2万9980円と、3万円を割っています。 価格.com - LG電子 GGW-H20N 価格比較 価格変動グラフはこんな感じ。3月20日前後から1万5000円ほど下がっています。値下がりする前に買った人はつらいかもしれません。 なお、GGW-H20Nは有機色素を使った廉価なBD-
MD5やSHA、Base64機能を提供するActionScript3用暗号&ハッシュ化ライブラリ「As3Crypto」 2008年04月10日- AS3 Cryptography Library As3 Crypto is a cryptography library written in Actionscript 3 that provides several common algorithms. MD5やSHA、Base64機能を提供するActionScript3用暗号&ハッシュ化ライブラリ「As3Crypto」。 ActionScript3上で、MD5や、SHA1,224,256、RSA、AES, DES, 3DES, BlowFishなどの暗号機能を提供するライブラリです。 これら暗号化方式だけでなく、Base64エンコード/デコード機能も提供。 バイナリ列をBase64化してサー
Crop & Resize with JavaScript, PHP, and ImageMagick - Monday By Noon PHP+ImageMagick+JavaScriptで画像を切り抜くサンプル。 次のように、JavaScriptで領域指定→キリトリ→拡大が可能なサンプル →デモを見る 1回アップロードしてしまった画像を再度加工して再利用したい場合に便利そうですね。 ダウンロードはこちら 関連エントリ 画像をサーバ側で好きなサイズにリサイズできるPHPスクリプト
Saving canvas data to image file This is a small library that lets you easily save a WHATWG canvas element as an imagefile. CanvasデータをPNG/JPEG等の1枚画像に変換するJS「Canvas2Image」。 Flashを使わずに、ブラウザ上でお絵かきして、画像に変換できます。 次のように、Canvasに対して1行で変換できます。。 var oCanvas = document.getElementById("thecanvas"); Canvas2Image.saveAsPNG(oCanvas); Canvasの使えないブラウザでは当然、使うことは出来ませんが、描画したものをそのまま画像にする、というのは使いどころがありそうです。
Charts with PHP and Google Charts API // Notebook // Ludwig P. Just yesterday I found out about the Google Charts API and I was impressed by this excellent service but noticed that creating multiple charts got pretty messy, especially if I wanted to edit the data later on. GoogleChartsAPIをPHPから簡単に使える「GoogChart」。 「Google Chart API にまつわるサービスや各種ライブラリ」で色々と紹介しましたが新しいライブラリが出た模様です。 以下のように、直感的なコードでグラフ描画用の
オープンソースで作られているエンタープライズ用ソフトウェアルーター「Vyatta」は最初から個人向けと言うよりは業務用途目的で開発されており、Cisco 7200よりも価格やパフォーマンスなどで10倍のアドバンテージがあると豪語、実際に第3者機関によるテストでもそのことがある程度証明されており、コストを75%削減できるとしています。 確かにそれ相応の機能があるようで、ルーター、ファイアウォール、VPNなどが可能。また、XenやVMwareの仮想ネットワーク内でも動作。オープンソースで無料版の「Community Edition」であってもコンパイル済みのバイナリの提供やバグフィックスなどは6ヶ月ごとに必ず行われると明言しており、ほかにもRedhatのような有償による手厚いサポートもちゃんと提供しています。 というわけで、実際にこのVyattaを使ってPPPoE接続のブロードバンドルーターを
Wet-Floor-Maker : A Reflection Generator 鏡面画像ジェネレーター「A Reflection Generator」 次のような鏡面画像をジェネレートできます。 ファイルをアップロードしてパラメータを色々といじることができるみたい。 これは面白いですね。
March 24, 200612:34 カテゴリT-SELECTカスタマイズ デザインテンプレート製作/カスタマイズの手引き 現在「Tシャツ&BLOG<連動> デザインオーディション第二弾」を実施中! 募集期間は3/17から4/16まで。かっこいい&かわいいデザインを製作するコツを学んで、どしどしご応募ください! ■製作/カスタマイズすべきポイント 1.ブログのヘッダー デザインテンプレートの印象を大きく左右する最も重要な部分。インパクトやかっこよさだけでなく、ブログのタイトルが読みやすいように作ります。 2.記事部分のヘッダー 記事のタイトルや日付の部分。過度に装飾する必要はありませんが、ちょっとした工夫をするだけでデザインに個性が出ます。 3.サイド 「最新記事」「最近のコメント」「カテゴリー」などのプラグインで増えていく部分。記事本文より目立つと使いにくくなりますが、ワンポイントでち
53 Killer Photoshop Illustrator Effects and Tutorials Photoshop&Illustratorのキラーチュートリアル53、というエントリが公開されていました。 どれもうなるような作品ばかりで、その製作過程が見れるというのは非常に参考になりますね。 特に目をひいたものをピックアップ。 Create cool neon effects Creating Smoke Jessica Rabbit Silver White Fractal Rainy Day Rainbows The Dream In A Puddle Nietylko 参考にすれば、目を引くブログのヘッダー画像みたいなものは簡単に作れてしまいそうですね。
Icojoy - stock icons shop, article 'Free web development icons #3' Icojoy team have released new free icon set (addon for this set). The subjects of this set are blogs, dating, player, social networks. These icons are free to use in any kind of project unlimited times. WEB開発に使えるアイコン集「Free web development icons」。 RSSやタグ、カートやスターの他、ナビゲーションに関するアイコンがつまったフリーアイコン集です。 26種類あって、形式は、ico, .icns, .tif, .gif, .
以前のエントリーで、Fireworks CS3でのPhotoshopフィルターのバグについて書きましたが、 Photoshopフィルターを駆逐するツールをつくったので、紹介します。 以前のエントリー:Fireworks CS3でPSDファイルを開くときの注意 Photoshopフィルターを駆逐します Fireworksの拡張パネルになります。 PSDを開いたときにできる、「Photoshopライブエフェクト」を、いくつかの方法で駆逐し、クリーンなPNGデータにすることができます。 ■ダウンロード MXPファイルになってますので、ダウンロード後、「PS_FilterManager.mxp」をクリックすれば、 EXTENSION MANAGERが起動し、インストールできます。 設置した後は Fireworksを再起動すれば、[ウィンドウ]メニューに、[pxiel_lab] > [Photosh
自力で記述したHTMLに対するRSSを手軽に公開 ブログなどのシステムを使えば、追加したページに関するRSSを自動的に作成してくれます。 しかし、自力でHTMLを記述して公開したページのRSSは作成してくれません。 そこで今回は、ローカルHDD内にある自分で作成したHTMLファイルから、自動的に情報を抽出してRSSを作成してくれるソフトウェアをご紹介致します。 ご紹介するのは、「Fumy RSS & Atom Maker」という、最近に更新されたHTMLファイルから情報を自動抽出して、RSSフィードやAtomフィードを自動作成するソフトウェアです。 ※拙作のフリーソフトです。 「RSS作成ソフト」と言っても、RSSに含める文章を全部手入力しなければならないソフトではありません。 HTMLファイルの中身から自動的に文字列を抽出して、RSSやAtomフィードを生成できるソフトです。 このソフト
オンライン マーケティングにおいて重要なのは、販売につながる可能性の高いトラフィックを増やすことです。 Google Analytics を使用すると、費用効果の高いオンライン マーケティング活動やサイト内でのユーザーの行動を簡単に把握できるほか、 サイトのデザイン改善に必要な情報を収集し、関連性の高いトラフィックを集めて、コンバージョンや利益を向上させることができます。 費用は無料で設定も簡単です。今すぐお申込みください。
オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 2006年11月13日- Smashing Magazine Blog Archive Online Generators One can discuss, whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t matter really. オンラインで動く、CSSや画像ジェネレーター色々。 色、CSS、METAタグ、htaccess、パスワード、robots.txt
「Microsoft AJAX Library」をPHPで使う「PHP for Microsoft AJAX Library」 2007年01月29日- PHP for Microsoft AJAX Library A small set of PHP files to support using the Microsoft AJAX Library with PHP web applications. 「Microsoft AJAX Library」をPHPで使う「PHP for Microsoft AJAX Library」。 「Microsoft AJAX Library」は、ASP.net専用ということで、PHPからは使えませんが、このライブラリによってPHPからも使えるようになるようです。 ライブラリをざっとみてみたところ、PHPで作成したクラスのメソッドをそのままの名前でJav
Comeeko - Creating comic strips from your photos Ajaxを駆使した超リッチUIで4コマ漫画が作れるサービス「Comeeko」 アカウントを作成する必要がありますが、これは1開発者として1回使ってみたいUIなので是非使ってみましょう。 尚、EメールアドレスのValidateは必要ないようで、登録後、すぐつかえます。 「Create」タブを押して作成を開始。 1) 漫画のコマ数を決める 4コマ、と書きましたが、2〜9コマ漫画まで作成できます。 好きなレイアウトを選択したら、ページ下部の「Step 2 Adjust Layout」に移ります。 ここでは3コマにしてみました。 2) 漫画の枠線のボーダーの色、幅などを決める Ajaxによってリアルタイム反映なので、UI的に非常に便利なものとなっています。 3) 元画像のアップロード or Flick
ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」 2007年02月20日- Devlounge | Custom Reading Containers For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width. ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」。 サンプルを参考にして、次のように、ブロック要素を1フレームのように、ドラッグ&ドロップでリサイズできるようなページを実装できます。 使い方によってはユーザビリティ向上に繋がるはずですね。 リサイズしたサイズをAjaxにてサー
ソーシャルブックマークと、ブログの連携の有効性を確かめるべく、ブログに「はてなブックマークに追加」みたいなボタンをつけることにしました。 やり方は簡単。以下のコードをMTのテンプレートの任意の箇所コピペするだけです。 <a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink archive_type="Individual"$>">はてなブックマークに追加</a> 僕の場合はインデックスの各エントリートラックバックの横と、個別リンクの下部に取り付けてみました。 ブログ側がSBSをサポートすることで、どのような変化が出るかテスト。 ちなみに、del.icio.usに追加する場合は
マニュアルにも載っていないGmailの検索技が2つある。この丸カッコと波カッコをうまく使って、メッセージを自動的にうまく整理する検索クエリーを作りだそう。 【この記事は、2007年7月10日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 Googleの電子メールサービス「Gmail」のキラー機能は、当然ながら検索機能だ。GoogleがWebの王者たるのは、数十億のWebページの情報を検索できるようにしているからだ。同様に、Gmailは毎日受信トレイに流れ込んでくる大量のメッセージを、精度の高い検索で管理できるようにしてくれる。Gmailの検索クエリーの作り方を知っていれば、メッセージを自分が適切だと思うあらゆる方法で振り分けることができる。そうしたクエリーをフィルターに入れ込めば、Gmailは送られてくるメールを自動的に処理してくれる。Gmailは高度な
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
オンラインアルバムやソーシャルブックマーク、ブログなどあちこちのオンラインサービスを使っている人は多いだろう。「Yahoo!Pipes」を使えば自分のネット活動をまとめたRSSフィードを作成可能だ。 【この記事は、2007年2月14日付けで米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 読者のみなさんは、生産性の高いネットユーザーとして、多くのWebベースのフィードを生成しているだろう。例えば、Flickrの写真、del.icio.usのブックマーク、ブログの投稿、そしてLifehackerへのコメントなど。新登場の「Yahoo!Pipes」を使ってそれぞれのWebサイトを直接訪れる代わりに、あなたのオンライン活動を1つにまとめたマスターフィードを作ろう。 すべてのフィードを取ってくる まず始めるためには、PipesのWebサイトに進んで、新しいパイプを作ろ
ストレスフリーの仕事術、GTD。海外のナレッジワーカーには常識になりつつあるこの仕事術、あなたはもう試してみましたか? 今回の特集では、「GTDって何?」という人から、GTDを始めたいのだけど……という人まで、その理論と実践の方法を分かりやすく解説していきます。 →Getting Things Done(GTD)まとめページはこちら GTDとは何か? GTDとは米国のコンサルタント、David Allenさんの著書、「Getting Things Done」のことを指します。この本で紹介されている理論が今、注目を集めているのです。さてこのGTDとはどういったものでしょうか? 一言でいうと「ナレッジワーカーのための仕事術」です。 知識社会の仕事はますます複雑になってきています。「どこまでやったら終わりなのか」がはっきりしない上に、スピードが要求され、しかも降ってくる仕事の量は増えるばかりです
私の個人ブログに掲載したら好評でしたので、こちらでもご紹介してみます。 最近知ったんですが、生年月日から年齢を計算する簡単な計算式というのがあるそうです。 (今日の日付-誕生日)/10000の小数点以下切捨て。 PHPで書くと echo (int)((20070823 - 19850101)/10000); Perlで書くと print int ((20070823 - 19850101)/10000); JAVAで書くと System.out.println( (int)((20070823 - 19850101)/10000) ); という感じになります。 日本の法律を確認してみました。誕生日の前日が終了する瞬間(すなわち誕生日をむかえる午前0時00分の直前)に1歳を加えることになる。ただしうるう年など、年によって期間を定めた場合において最後の月に応当する日がないときは、その月の末日を
このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト(Ajaxを勉強しよう)も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章 Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点/難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章 非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を
Photo Slider Tutorial 滑らかで操作性のよいフォトスライダー実装JSライブラリ「Photo Slider」。 PhotoSliderを使って、次のようなフォトスライダーを作れます。 (クリックでサンプルを表示) 写真の一覧部分が小気味よくアニメーションしてくれるも特徴。 デフォルトでは若干デザイン性が良くありませんが、CSSデザインなのでよりカッコよくカスタマイズして利用することもできそうですね。 関連エントリ 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」 Flashを使った超高機能クールフォトギャラリー「dfGallery」 スライドショーが可能なイメージギャラリー作成ライブラリまとめ AJAX&PHPでクールなイメージギャラリーを実装できる「PhotoFolder」
FreeVectors.net :: Free Vector Graphics Gallery Welcome to FreeVectors.net, an online gallery of free graphics, all in vector format. All the images on this site are free for personal use and most of them for commercial use,多数の商用利用可能なベクター画像が入手できる「FreeVectors.net」。 ベクターということで拡大/縮小を行ってもクオリティが失われないため、様々な場面で活用できそうですね。 画像の投稿も可能のようなので、腕に自信のある方は登録してみてはいかがでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く