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.
米Googleは10月27日(現地時間)、ベータ公開中のソーシャルサービス「Google+」のアップデートを発表した。「What’s Hot on Google+」「Google+ Ripples」「Google+ Creative Kit」などの新機能を追加。またGoogle Appsユーザーにも解放され、独自ドメイン名でもGoogle+を利用できるようになった。 What’s Hot on Google+は、Google+コミュニティで話題を集めているコンテンツを教えてくれる機能だ。各ユーザーのメインストリームに現れるWhat’s Hotのメニューバーから話題のコンテンツにアクセスできるほか、What’s Hot専用のストリームも用意されている。 Google+ Ripplesは、公開されているポストがGoogle+コミュニティ全体で共有されてきた様子を可視化する機能。投稿のメニューバ
カヤックは10月27日、あとで行きたいと思った場所やいつか行きたいお店などを登録しておき、後日その場所やお店をを思い出すのをサポートするソーシャルロケーションリマインダーサービス「Will go later」を公開した。 Will go laterは、PCWebサイトとiPhoneアプリで利用でき、無料。 Will go later PCサイトやiPhoneアプリで登録した場所やお店を思い出したいときは、iPhoneアプリでマイリストを「近い順」にソートすることで、今いる場所から近い場所が順に表示されるようになっているほか、マップ上で場所を確認することもできる。 また、登録した場所に近づいたときに、アラームで通知するようにあらかじめ設定しておくことも可能で、通知する距離は半径500m~2kmで設定できる。 マップ表示画面
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). (意訳:バグを報告するとき
マイケル・デグスタ氏によるAndroid端末18機種の歴史を見ると、「Nexus One」がICSにアップデートできないのはまだましなケースであることが分かる。 米メディアBusiness Insiderにも寄稿する起業家のマイケル・デグスタ氏が10月26日(現地時間)、「ANDROID & IPHONE UPDATE HISTORY(AndroidとiPhoneのアップデートの歴史)」というインフォグラフィックを自身のブログで公開した。 同日、Googleが初代ブランド携帯「Nexus One」の「Android 4.0(コードネーム:Ice Cream Sandwich)」へのアップデートをしないことが明らかになったことを受け、「Nexus Oneのユーザーはラッキーな方だ。OSアップデートの歴史を調べたところ、他のほとんどの端末よりも長くアップデートされている」と説明する。 デグスタ
【NEWS】2008年1月26日のTBSの「王様のブランチ」で紹介されました! ToDoMailはメールを利用した無料のリマインダ(通知)サービスです。 <-- ケータイページはこちら。 ToDoMailはあなたが指定した日時にあなたが作成したメールをあなたに配信します。 普段忘れがちな、でも忘れちゃいけないことをToDoMailしておけばもう忘れることはありません。 ToDoMailの利用は無料です。ユーザ登録も必要ありません。使い方もとても簡単。ToDoMailが送られてくる時間に受信可能なメールソフトウェアからtodomail@aivy.co.jpにメールするだけです! 使ってみてよかったらお友達への紹介も忘れないでね! 【ToDoMailの使い方】 こでは携帯電話からToDoMailを使う方法を説明します。PC用のメールソフトウェアでもやり方は同じです。以下の説明が難しい場合は慣れ
これまで何度か、企業会計や経営分析をレゴブロック的に解説してきました。レゴブロック的な単純モデルの積み重ねで物事を捉えることで、複雑な情報をシンプルに理解でき、正しい判断を導けるのです。今回は「運転資金」モデルです。 「運転資金」とは? なぜ、黒字倒産が起こるのか? 運転資金は、企業が事業を継続するために必要なお金です。運転資金が回らなくなると血流の止まった人間と同じように、会社はバタっと倒れてしまいます。運転資金の増減は利益とは関係ないため、「黒字なのに倒産」という現象が起こるわけです。 運転資金は、現金以外の流動資産から、有利子負債以外の流動負債を除いた金額です。なんとなく難しいので、もっとかんたんに式に表すと次の通りです。 運転資金のプラスが大きいと、たくさん現金を持っていないと会社が回せません。マイナスが大きいと、現金がなくても会社が回っていきます。 現金がないのに会社が回る? 運
Jacob Nielsen の「ユーザビリティに関する10のヒューリスティクス (問題解決に役立つ知見) / Ten Usability Heuristics」 公開日 : 2009年9月8日 (2018年1月20日 更新) カテゴリー : ユーザビリティ Web ユーザビリティの評価手法のひとつとして、「ヒューリスティック評価」があります。ユーザビリティの専門家が、評価対象のサイトを見て様々な問題点を指摘する手法ですが、専門家の主観的な観点だけでなく、あらかじめ用意されている評価項目に基づいて、客観的な観点での評価も併せて行なうのが一般的です。 今回は、ヒューリスティック評価における具体的な評価項目を検討する際のベースとして使える、Jacob Nielsen (ヤコブ・ニールセン) の有名な「ユーザビリティに関する10のヒューリスティクス (問題解決に役立つ知見) / Ten Usabi
公開日 : 2011年10月20日 (2018年4月2日 更新) カテゴリー : ユーザビリティ IBM が公開しているデザイン原則をご紹介します。ソフトウェア全般のデザインを対象にしたものですが、Web サイトの設計においても参考になる内容です。原文 (Design principles checklist - IBM Design) は英語で、公式な日本語訳は公開されていないようなので、意訳してみました。 分量が多く読み応えがありますが、内容的にはユーザビリティやアクセシビリティに関する原則論だけでなく、それを実現するためのユーザー中心設計 (UCD) の手法や、より大きな、ユーザーエクスペリエンス的な視点も盛り込まれているので、一読することで多くの気付きを得られることと思います。 1. Concepts from the product's subject domain (for e
ChocolateChip-UI provides a layout module to enable you to create the layouts you need. It uses an unordered list with the class list. This means you can use a normal ordered or unordered list inside of ChocolateChip-UI’s layout lists and they will be displayed as expected. To create a layout is very simple. Just put an unordered list with the class ‘list’, then add content to the list items. The
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。 先日リリースされたiOS5にも最適化されています。 ChocolateChip-UI [ad#ad-2] ChocolateChip-UIで用意されているエレメント あらかじめ用意されているエレメントは数多くあります。 ツールバー ナビゲーションバー ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト スイッチコントロール ポップアップ プログレスバー アクティビティインディケーター アクションシート セグメントコントロール スライダー カルーセル スクロールパネル ページングコントロール テキストを並べても分かりにくいと思うので、下記にキャプチャでご紹介。
EXPLANNER/FLⅡは技術革新に応じた新たなワークスタイルを創出し、業務プロセスの効率化と生産性向上を推進。企業の持続的な成長を支えるワークフローシステムです。
Tutorial demos さまざまな基本となるアニメーションのユニット集。 [ad#ad-2] jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
「CSS 3をクロスブラウザで実装するプログレッシブ・エンハンスメント」 2009年10月22日 TEXT:菊池 崇 Web制作時にはどのブラウザをターゲットにすべきか ブラウザの開発スピードは、3年前と比べて約3倍に向上している。おもな開発の焦点はレンダリングエンジンの高速化であったのだが、その脇で進められていたCSSの実装でも各ブラウザに違いがでてきた。特に、2008年よりCSS 3の実装に大きな差がでてきている。それもそのはず、1999年に開発されたInternet Explorer(IE)6と、2009年6月にリリースされた Firefox 3.5が同時に存在しているのだから、大きな差がうまれるのは当然だ。 しかし、このふたつのブラウザには似ている部分がある、シェアが20%前後(2009年9月時点)と非常に近いのだ。 ブラウザのシェア(Browser market shareより)
CSS 3はFirefoxやSafariなどのブラウザで利用できる環境が整ってきているが、IEにおいてはCSS 3が実装されていない。IEでCSS 3を利用できるようになるには、CSS 3の対応を予定しているIE 9がリリースされ、そのうえで十分なシェアが確立するまで待たなくてはならず、数年の月日がかかる。 そこで最近のサイト制作のトレンドのひとつに「Progressive Enhancement(プログレッシブエンハンスメント)」という考え方がある。これはコンテンツに焦点を置き、正しいXHTMLでサイトを作成してCSS 3などをサポートしているブラウザに対して、よりリッチなデザインや機能を提供し、サポートしていないブラウザにはそれなりのデザインや機能を提供するというものだ。今回のサンプルをIE 8で見ると【1】のデザインになる。角丸やグラデーションなどCSS 3で提供されるデザインは再現
はじめに FormITの解説は今回でいったん終わりです。退屈されている方もいらっしゃるかもしれませんが、FormITは挙動がわかりやすいスニペットで、MODx全体を理解するのにも役立ちますので、今しばらくお付き合いください。 二重投稿を防止する 前回までのようなメールフォームを作成した場合、データ送信後に誤ってブラウザのリロードボタンが押されてしまうと、同じ内容がポストされてしまい、挙動としてはあまり美しくありませんし、大量のspam投稿が発生する可能性もあります。 こちらもカスタムのフックを活用することで、二重投稿を防止させることができます。二重投稿を防止させるための方法はいくつか考えられるでしょうが、今回は投稿時の「名前」「メールアドレス」「投稿内容」を連結した文字列のMD5ハッシュを作成し、セッション中に前回保存されたハッシュ値があれば比較、値が同じであれば、エラーを出力、そうで
公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント(Progressive Enhancement)という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化(パソコンだけでなく、携帯電話やスマートフォン、支援技術など)、ユーザーの抱える身体的状況の多様化(障害、加齢、怪我、など)、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です(Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね)。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします(たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる
ウェブアクセシビリティ方針 Accessible & Usable (以下、当サイトといいます) は、ウェブアクセシビリティの普及および一般化を、社会の要請として捉えており、すべてのウェブサイトおよびそのコンテンツは、十分なアクセシビリティを備えているべきであると考えています。 当サイトでは、ウェブアクセシビリティ関連情報を発信するという立場からその規範となるべく、「JIS X8341-3:2016 高齢者・障害者等配慮設計指針 — 情報通信における機器、ソフトウェア及びサービス — 第3部 : ウェブコンテンツ」を遵守し、アクセシビリティの向上に積極的に取り組みます。 対象範囲 Accessible & Usable (https://accessible-usable.net) 以下すべてのページ 目標とする適合レベルおよび対応度 JIS X8341-3:2016 の適合レベル AA
jsTree Examples 綺麗なツリービューが実装できるjQueryプラグイン「jsTree」 次のようなWindowsのツリービューっぽいUIが実装できます。JSONやXMLデータをツリーとして表示することが可能です。 アプリケーションで使い慣れた機能をWEBでも簡単に使えるのはいいですね クリックでアイテムの選択も可能です。 実装は最低限次のコードで実現できます $("#demo1").tree(); 関連エントリ WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」
$("#demo2").tree({ data : { type : "json", json : [ { attributes: { id : "pjson_1" }, state: "open", data: "Root node 1", children : [ { attributes: { id : "pjson_2" }, data: { title : "Custom icon", icon : "../media/images/ok.png" } }, { attributes: { id : "pjson_3" }, data: "Child node 2" }, { attributes: { id : "pjson_4" }, data: "Some other child node" } ]}, { attributes: { id : "pjson_5" }, d
Div Linker | jQuery Plugins div全体をクリッカブルにするjQueryプラグイン「DIV LINKER」。 次のようなマークアップがあったとして、この場合は「Link text」部分にしかリンクされません。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <br /> <a href="//www.google.com">Link text</a> </div> そこでこちらのプラグインを使って初期化します <script> $(".divlinker").divlinker(); </script> するとDIV全体がクリックできるようになるというもの。 デモページ HTMLをきれいにかきつつdiv全体を<a>みたいに動かすことができます 関連エントリ RSSやA
WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」 2010年11月25日- jquery.dynatree.js | jQuery Plugins WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」。 次のように、デザインそっくりのUIが比較的簡単に実現できます。 スキンに対応していて、次のように、Vistaっぽくすることも可能 アイコンを付けてより分かりやすくすることもできます。 ドラッグ&ドロップも出来たりします。移動している最中のUIもWindowsアプリそっくり 各ツリーはAjaxに対応していて、読み込み時に全部読む必要がなく、巨大なツリーを表示することにも対応しています。 Windowsアプリなんかでは何かと便利なこのUIですが
jQuery notification Plug-in 9lessons.info - Ravi Tamada The Basic Setup Include the jQuery and notification libraries into your document <script type="text/javascript" src="js/jquery_v_1.4.js"></script> <script type="text/javascript" src="js/jquery_notification_v.1.js"></script> Include the notification CSS into your document <link href="css/jquery_notification.css" type="text/css" rel="stylesheet
Introducing a new jQuery notification plugin, it helps better and enrich message notification system for your web application. This plugin contains four types of notification systems such as Success, Error, Warning and Information with rich user interface. Very easy to implement just follow the steps.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く