機能 1.UIはベーシックなものとし、JavaScript などを使用したUI (Drag & Drop で操作できる、など)は想定しない。 2.予約の1枠に対する時間幅は、予め固定の数パタンの選択式とする。 (例: 20分・1時間・2時間 など) 3.管理画面の機能イメージは下記の通り。 a.会場情報(開催会場)を登録 1)チケット情報(名称、金額)を登録 2)予約上限(上限なし設定もあり)、1枠幅を指定して予約枠を設定可能 3)期間を指定して、予約枠の一括登録・変更・削除可能 4)予約枠毎に予約状況の閲覧が可能 5)予約の削除可能(1件ずつ) b.1度の購入上限枚数はシステムにて固定設定 4.ユーザは、会員登録せずに、現状程度の項目を入力して予約する想定。 見積り条件 ・一般的なLAMP環境での開発を想定 ・サポートする環境は次を想定しております。 （IE9以降、iOS7以降、Andr
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
Webコンテンツを企画し湯水のように生み出していくためには、コンテンツを機能ごとに8つ分類し、浮かんだアイデアがその分類のどこに当てはまるか整理しましょう。この整理をすることで、自分の抱えているテーマをおもしろいコンテンツにするにはどうすべきか、コンテンツの価値を上げるためにどの分類にすべきか、自社サイトで足りないコンテンツはどんなものかがわかるようになります。 1役立つ読み物「単発型」「単発型」のコンテンツとは、1～3回程度で完結し、1つのテーマについて書かれていて、役立つ、あるいはおもしろい読み物のことです。たとえば、「単発型」のコンテンツとは次のようなものです。 3分でわかる！ スマートフォンを3倍楽しむコツ働きやすいオフィス作りのための5つの法則雑誌では「特集」にあたる位置づけです。数回で結論まで進み、1つの読み物として完結します。ずっと掲載しておけば後述する5.永続型コンテンツと
先週の金曜にGunosyを見ていると「サイトのデザイン変更が反映されない時の対策 | monopocket.jp」という記事が表示されていました。2012年7月19日の記事ということで10ヶ月も前の記事なのに表示されるんだと思いながらも、よさげなブログを知ることができたので、これもGunosyの魅力なのかなと思ったりしました。 で、記事の内容ですが、HTMLやCSSを変更してもブラウザで見たときに変更が反映されていない、というときの対応法について紹介されています。 HTMLやCSSを変更しても、ブラウザが以前にキャッシュした変更前のファイルを読み込む場合があります。その場合、当然変更した内容は反映されませんので、保存されていたキャッシュを削除ようというものです。 ただ、キャッシュ自体はブラウジング高速化のために役立ってくれていますし、すべてのキャッシュを削除してしまうのももったいないと思い
Google Hosted Libraries は、最も人気のあるオープンソースの JavaScript ライブラリ向けの、安定性、信頼性、高速性に優れた、世界中で利用可能なコンテンツ配信ネットワークです。 Google は、各ライブラリの取り組みについて主要なステークホルダーと直接連携し、最新バージョンがリリースされるとすぐに受け入れます。 ライブラリ ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット（以下を参照）をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> スニペットをウェブページに埋め込みます。 独自のウェブサイトで HTTP のみを使用してい
PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」 2012年05月24日- Opauth ? Multi-provider authentication framework for PHP PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」。 Zend、CakePHP、Symfony、CodeIgniter等のフレームワークに認証を入れる場合に是非参考にしたいライブラリ。 Facebook, Google, twitter, Linked.in の他、OAuth、OpenID などにも対応。Yahoo!JapanでOAuth等による認証ができますから、これで認証にまつわる処理はすべて実装できそう。 各サイトにおける認証の方法を都度実装するのは非効率ということで、こうしたライブラリで認証処理はサクっと終
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
この記事の内容はすべて筆者自身の見解であり（ありそうもないことだが、筆者が催眠状態にある場合を除く）、SEOmozの見解を反映しているとは限らない。 ペンギン・アップデートは、「SEOの基礎を知らなければやがて危険に陥る」という強いメッセージを発した。基本をしっかり押さえるか、さもなくばリスクにさらされるかだ。 ペンギンは、これらのアップデートが今後も速いペースで継続的に実施されるというグーグルからの合図である。君がブラックハットかホワイトハットかなどは関係ない。ただ関連性だけが問題とされるのだ。一見有効そうな「SEO戦略」もすべて、そうした観点から見直す必要がある。自分の知らないことが原因でケガをする可能性だってある。 君のやっていることが不適切だとか間違っているとかいうわけではない。関連性を目指す動きがかつてないほど急速に進んでいるということだ。グーグルはかつて有効だったかどうかには関
海外デザインブログSmashing Appsで、最近公開された、デザイン性にすぐれた無料テクスチャ素材55枚をまとめたエントリー「55 Fresh and Free Texture Packs to Spice Up Your Design」が公開されていたので、今回はご紹介します。 そのまま壁紙デザインとして使えそうな、アート性の高いテクスチャ素材から、グラフィックデザインなどの質感アップに利用できるものなどさまざまです。 お気に入りの一枚を探してみてはいかがでしょう。 詳細は以下から。 デザイン力爆発、最近公開の無料テクスチャ素材まとめ 2012年2月度 0702 Missesglass 複数のイメージ、テクスチャ画像を組み合わせてデザインされた、800x600pxの無料テクスチャ素材3枚セット。 Gold Luster キラキラと黄金色に輝く、ボケ(英: Bokeh)デザイン が印象
« back to inner.geek Parallax Backgrounds a multi–layered javascript experiment This work is licensed under a Creative Commons Attribution 3.0 License. First of all, try scrolling up and down thing page. Use your scroll wheel, use the scroll bar, use the arrow keys, page up, page down, space bar. Note how the text scrolls normally, but the green background scrolls slowly, and how the clouds scroll
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く