IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
![Web ページを高速化する](https://cdn-ak-scissors.b.st-hatena.com/image/square/976d6b25b135fedb9c2be132b02244d48574a5af/height=288;version=1;width=512/http%3A%2F%2Fwww.ibm.com%2Fdeveloperworks%2Fi%2Fdw-social-201508.png)
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
ケータイ大規模サービスの開発・運用に関する資料のまとめ Tweet 2009/2/18 水曜日 matsui Posted in 記事紹介・リンク | 5 Comments » 先月末に「満足せる豚。眠たげなポチ。大規模サービスの運用事例まとめ」という大変素晴らしいブログエントリーがあり、ブックマークしていたのですが、なかなか時間を作れずに目を通せずにいました。 本日読んでみると、とてもためになる情報が多かったため、まとめのまとめという形ですが、資料の中からケータイ関係の事例を抽出して、簡単にコメントをつけてみました。 まず、大元の記事はこちらです。 → 満足せる豚。眠たげなポチ。 大規模サービスの運用事例まとめ [blog.hacklife.net] → 満足せる豚。眠たげなポチ。 「大規模サービスの運用事例まとめ」に補記 [blog.hacklife.net] → livedoor 開
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML+CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。Windows、Mac OSX、Linuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど
iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり(他の言語でもできるが)、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス
http://takahashifumiki.com/others/480/ WEBクリエーターって無能なスイーツ(笑)でも まぁまぁまともな生活ができる楽園なんだからさー。 アンタのような頑張り屋さんで能力が高い人が わんさか来ちゃうと、居場所なくなってしまうでしょ。 しーえすえすないと見ればわかるでしょ? 俺らがスイーツ(笑)だって。 HTML/xHTML俺達WEBクリエーターのメインとなる道具。 これを知らなきゃ始まらない。 当然一度くらい仕様書読んでるよね? 「・・・」 CSSはっくクソプログラマがわけわかんねぇ実装するから 俺たちはこんな苦労してんだ。 あー忙しい忙しい。 うんそうだね。でもあと5年もすれば そんな知識ほとんど必要なくなるけど ほかに何ができんの? 「・・・」 WEBデザインやっぱ俺たちが作ったサイトはキレイでオシャレだよな。 見てみろよこのきらきら感。 どのサイ
WordPressの設置後、すぐにやっておきたい10の作業をPro Blog Designから紹介します。 10 Things to do After Installing WordPress 1. パスワードの変更 管理画面の[ユーザー]-[投稿者とユーザー]から、パスワードを変更できます。 訳者注: ユーザー名:adminはデフォルトのため危険なので、ユーザーを新規追加して運営するのがより安全です。 2. パーマリンク設定 管理画面の[設定]-[パーマリンク設定]で、URL構造を編集します。 訳者注: パーマリンクの設定方法は、「WordPressのSEO対策(その1):個別URLの最適化」を参照ください。 運営の途中でパーマリンクを変更する場合は、「パーマリンクの変更後、旧アドレスでもアクセスできるWordPressのプラグイン」も参考になると思います。 3. テーマファイルの設定
Web APIが公開されてなくても、動的にマッシュアップすることが可能だ。便利に使える“まとめサイト”を、各種ツールで動的に構築しよう。 すべて表示 新着記事 関連記事 まとめサイト2.0: 2008年、Webは文字列解析で変わっていく オルタナティブ・ブログを例に挙げて“まとめサイト”を作るための手法を紹介してきたこの連載。最終回は、文字列解析の自動化からキーワードを抽出するための方法を紹介しよう。 (2007/12/28) まとめサイト2.0: 付加価値コンテンツとは――スクレイピングからグラフ化まで HTMLを解析し、スクレイピングしたデータを基にグラフ化を行う。遷移を把握するために有効なものとして、さまざまな応用が考えられるだろう。 (2007/12/21) まとめサイト2.0: スクレイピングで記事ランキングのグラフ化 「オルタナティブ・ブログ」で公開されている週間アクセスランキ
Webアプリケーションおよびサーバの高負荷時の挙動を確認する方法の1つが、擬似的に負荷をかけてテストを行うことだ。ここでは、そうしたテストを実施するフリーソフトウェアをいくつか試し、それぞれがどんなタイプのサイトに適しているかを調べた。 負荷テスト用のツールはいろいろあるが、メンテナンスが行われていないもの、フリーでないもの、インストール手順が明確でないものを除くと、curl-loader、httperf、Siege、Tsung、Apache JMeterの5つが候補として残る。 JMeterについては、すでにDaniel Rubio氏が取り上げているので、ここでは詳しく説明しない。ただし、最後のまとめでほかのツールと共に簡単に触れている。 curl-loader curl-loaderは、「SpirentのAvalancheやIXIAのIxLoadの代替として使える強力かつ柔軟なオープン
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
Flash制作を簡単にする ActionScriptライブラリとは? 特集:Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何? 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか? そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか? そんな人でも、「Tweener」「Paperv
前回のエントリをバトンにしない?と言われたので、答えられそうな話題にしぼってバトンってことにしてみました。 エディタは何使ってますか? 高さ揃えるとか、なりで広がるとかいうところに関してtableを使いますか?JavaScriptを使いますか? ブラウザごとのCSSバグ対処方法はどうしてますか? 画像置換についてどう思いますか? 印刷についてどうしてますか? スクリーンリーダーにて確認などはしますか? IE7のズーム機能について、対応させていますか? JavaScriptライブラリのライセンスについてクライアントに説明しますか? JavaScriptのフレームワークを使いますか?使っている場合は何を使っていますか? CSSやJavaScriptの圧縮をしていますか? コーディングにかける時間はどのくらいでしょうか? あなたのコーディングのこだわりはコレ!みたいなものがあれば。 「コーディン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く