Private content!This content has been marked as private by the uploader.
Private content!This content has been marked as private by the uploader.
今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版
作成:2013/12/16 更新:2014/11/01 Web制作 > サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML5のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイントだけおさえてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ HTML5 タグ一覧 1.フォーム(input )関連の便利な新要素 2.基本要素一覧 動画/音楽再生 3.video タグ 4.audio タグ アプリケーション向けの機能/API 5.位置情報を取得する 6.ローカルストレージ 7.サーバー双方向通信 8.バックグラウンド処理 9.ファイル操作 サンプル 10.ソースコードつきのサンプル テンプレート 11.テンプレート+作成ツール HTML5
Tweet TweetGoogleドライブにHTMLやCSSファイルをアップロードして、WEBサイトの公開ができるようになったみたいですね。 試しに簡単にやってみたので、WEBサイトの公開方法をご紹介いたします。 HTMLやCSSの用意 WEBサイトを公開するためのHTMLやCSSなどを用意しましょう。 Googleアカウントにログイン Googleドライブを利用するには、Googleアカウントにログインする必要がありますので、まずはGoogleアカウントにログインしましょう。 フォルダの作成 Googleアカウントにログインしたら、Googleドライブにアクセスします。まずは、Googleドライブに公開用のフォルダを作成しましょう。 フォルダ名は「WEB」とかなんでもいいです。わかりやすい名前をつけておきましょう。 フォルダの共有設定 作成したフォルダを公開できるように共有設定を一般公開
IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理
サンプル <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>PHP & JavaScript Room</title> <script type="text/javascript" src="common.js></script> <link rel="stylesheet" type="t
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
overflow-*** は、overflow の縦と横の処理を個別に指定するプロパティです。(*** の部分には、x または y が入ります) overflow-x … 横方向の指定 overflow-y … 縦方向の指定 div.example1 { width: 200px; height: 100px; white-space: nowrap; overflow-x: scroll; } div.example2 { width: 200px; height: 100px; overflow-y: scroll; }
ボディ(本文)文書全体のデザインを設定 background="filename" 背景のタイルイメージを指定 bgcolor =#rrggbb or colorname 背景の色 text =#rrggbb or colorname テキストの色 link =#rrggbb or colorname リンクの色 vlink =#rrggbb or colorname アクセス済みのリンク色 alink =#rrggbb or colorname アクセス中のリンクの色 onLoad =code HTMLファイルの読み込み完了時に実行するイベントハンドラ onUnload =code HTMLファイルの表示終了時に実行するイベントハンドラ
CONTACT US リズムファクトリーはホームページの制作会社です。 ホームページ制作に関するご要望・ご相談はこちらからどうぞ。
2023.03.01 ホームページが公開されました。 2023.03.01 ここにお知らせが入ります。 2023.03.01 ここにお知らせが入ります。 ☆幹事さんに朗報です☆ ●月●日までに●名様以上でご予約いただいた団体様は、合計金額から●%オフ! ☆お得なコース料理も準備☆ AAAコース(2時間飲み放題付)・・・●●●●円 BBBコース・・・・・・●●●●円 CCCコース・・・・・・●●●●円 ご予約はお電話または、下記の問い合わせフォームからお願いいたします。 ※問い合わせフォームからのご予約は、宴会日の2日前まで受け付けます。 当店では、●名様までの貸切パーティー・結婚式2次会が可能です。 AAAコース ●時間 ●●●●円~ BBBコース ●時間 ●●●●円~ CCCコース ●時間 ●●●●円~ いずれも飲み放題付。お料理のメニューは、ご相談に応じます。 ☆店内見学OK!☆ ※ご
メタタグは、サイトの情報を検索エンジンに提供するうえで非常に便利です。メタタグを使用して、あらゆる種類の情報を提供できます。各システムでは、サポートするメタタグのみを処理し、残りは無視されます。HTML ページの <head> セクションにメタデータを追加する効果・種類について解説します。 meta タグとは?metaタグ(メタタグ)とは、htmlページの<head>~</head>内に記述される、ページの各種付加情報を定義するタグです。 META要素META要素は、メタデータを指定するための一般的機構である。しかし、HTML要素・属性の中には、既に何らかのメタデータを取り扱うためのものがあり、著者によってMETA要素の代わりにメタデータ指定に使われ得る。 TITLE要素、ADDRESS要素、INS及びDEL要素、title属性、cite属性がそれである。 META要素とHTTPヘッダの関
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
ページ全般タグ 基本要素、タイトル、背景色、背景画像、マージン、範囲指定、META情報、罫線 ... テキスト・フォントタグ 見出し、段落、改行、文字サイズ、文字の装飾、強調、略語、引用、整形済み ... リンクタグ 別ページへのリンク、ページ内のリンク、表示先の指定、メール送信用のリンク ... リストタグ 箇条書きのリスト、番号付きのリスト、定義型リスト、マーカーの変更 ... イメージタグ 画像の表示、代替テキスト、画像に並ぶテキスト、イメージマップ ... テーブルタグ 表の作成、表のタイトル、行と列のグループ化、セルの背景色、表に並ぶテキスト ... フレームタグ フレームの基本、分割のレイアウト、フレームの境界線、インラインフレーム ... フォームタグ フォームの作成、フォーム部品、送信形式、部品のラベル、部品のグループ化 ... 埋め込みタグ プラグインデータの埋め込み、J
この例をもとに、HTMLのフォームを構成する要素を順番に説明していきます。この例のHTML全体は、本章の最後で改めて紹介します。 フォームの基本枠組み データを送信するためには「何を」「どこに」「どうやって」送るかを示さなければなりません。フォームはこのための手段を提供します。 HTMLのフォームは、データを入力するための手段(コントロールと呼びます)と、それに関するラベルや説明から構成されるひとまとまりのセクションです。「何を」送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素です。 form要素の構造 form要素タイプは2つの主要な属性を持ちます。ひとつは「どこに」、つまりデータを受け取るプログラムを指定するaction属性、もうひとつが「どうやって」、つまりデータの送信方法を指定するmethod属
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く