タグ

Web制作とweb制作に関するkomzのブックマーク (138)

  • Webアプリケーションの構成に関する予備知識 - Qiita

    自分の担当したWebアプリケーションを引き継ぐ際に、予備知識として説明したことのまとめ 注意事項 もともと明確に定義されていない概念や、簡単に説明するため正確さを犠牲にした部分が多い 間違っていることを前提に、疑いながら読むのがベター アプリケーションの層構造 アプリケーションを構成するオブジェクトには非常の多くの種類がある アプリケーションの(より良い)構成をオブジェクト単位で考えるのは難しいので、もっと粒度の大きい単位で考えたい アプリケーションをいくつかの層(オブジェクトの所属するグループ)に分割し、層単位でアプリケーションの構成を考える View層(ビュー層) レスポンスをクライアントにとって都合のいい形(i.e. 画面)に変換する層 View層のオブジェクトは Controller層のオブジェクトから利用される DomainModel層のオブジェクトを利用して、ユーザーに表示した

    Webアプリケーションの構成に関する予備知識 - Qiita
  • jQueryで地震分布図を作成しよう

    地理情報を含むデータを表現する場合、地図上で表すことで視覚的にその情報を認知しやすくなります。例えば、車のナビや道路標識などでは、単純に方向や座標だけを示すのではなく、地図上に表現することで、見た人が直感的に認知できるようにしています。稿では、jQuery対応コントロール集である「Ignite UI 2013 Volume 1」のigMapというコントロールを用いて、地震分布図を作成していきます。 対象読者 JavaScriptの経験者、地図アプリに興味のある方。 必要環境 IDEは特に必要がなく、コード編集用のエディタと動作確認用のブラウザがあれば良いです。 今回使用するigMapコントロールは、jQuery UIウィジェットの一つであり、jQueryライブラリとjQuery UIライブラリに依存します。そのため、対応ブラウザについてもjQuery UIに依存します。 プログラム実行時

  • 週6フリーターもWEBサービス作ってみました。

    こんにちは。週6フリーターです。WEB業界で働く為に勉強中です。 ちゃんと働いてカーチャン温泉につれてくんだ。。。 下記の記事に触発されて自分もWEBサービスを作ってみました。 ・『自分でWEBサービスを作りたいと思っている人へ』 http://anond.hatelabo.jp/20101203150748 ・『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』 http://d.hatena.ne.jp/inouetakuya/20120331/1333192327 あ、でも今回作ったものはエロ関係ありません(笑) 下記が今回の製作物になります。 今回の製作物 『はてブ1000users超え記事アンテナ(´・ω・)』 http://hatebu-1000users-over.com/ ・このサイトについて はてなブックマークにて1000users以上取

    週6フリーターもWEBサービス作ってみました。
  • Google、新サイトを検索エンジンに即時登録する方法を提供 | ネット | マイコミジャーナル

    Google Web Search GoogleGoogle検索のインデックスに新しいページを登録する方法、または既存のページ情報を素早く更新するための新しい手段を「ウェブマスターツール」に追加したことを発表した。Googlebotとしてクロールを実施する「Fetch as Googlebot」の機能に、指定したWebページを即時にクロールさせ、クロールに成功したページを検索インデックスに追加する機能が組み込まれている。 この新機能の使い方は簡単。これまでのように「ウェブマスターツール」にログインしたら、操作したいサイトを選択。左のメニューから「Fetch as Googlebot」を選択し、検索インデックスに新しく追加したいページやサイト、または更新して欲しいページを指定して「取得」ボタンをクリック。クロールに成功すると「インデックスに送信」といったリンクが登場するので、これをクリック

  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

  • 初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-

    スマートフォンサイトを格的に作るようになってきたので、いろいろ基的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

    初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-
  • デザインの基礎力をワンランクアップしたい私(Webデザイナー)の注意書き

    Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち

  • CSSの知識をもっと深める30+2の小技テクニック集|Webpark

    的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

    CSSの知識をもっと深める30+2の小技テクニック集|Webpark
  • 「EC-CUBE2.11.0」いよいよリリース! 国内No.1ECオープンソースの最新版を徹底解剖 記事一覧 | gihyo.jp

    「EC-CUBE2.11.0」いよいよリリース! 国内No.1ECオープンソースの最新版を徹底解剖 記事一覧

    「EC-CUBE2.11.0」いよいよリリース! 国内No.1ECオープンソースの最新版を徹底解剖 記事一覧 | gihyo.jp
  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • CMS導入&活用ガイド | Web担当者Forum

    企業活動にとって、ウェブサイトの重要性は日ごとに増している。コンテンツ管理システム(CMS)の導入・活用は、ウェブサイトの管理運営が飛躍的に向上するだけでなく、マーケティングなどの企業戦略にとっても欠かせないものとなっている。この特集サイトでは、CMSの比較検討に役立つCMS導入のためのチェックポイント、CMSを最大限に活用するためのノウハウなどを紹介する。

  • 実践!iPhone&Androidサイト制作ガイド

    「WebサイトをiPhoneAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための入門ガイド。PCサイト制作のノウハウを生かして作るスマートフォン(iPhone/Android)対応サイト制作の基礎知識から実践的なテクニックまで解説します。<cj:inc template="792" element_id="594257" />

    実践!iPhone&Androidサイト制作ガイド
  • 【重要】「さぶみっと!サイト制作マッチング」サービス終了のお知らせ | さぶみっと!JAPAN

    いつも さぶみっと!JAPAN をご愛顧いただきありがとうございます。 この度、誠に勝手ながら2017年9月29日(金)を持ちまして、「さぶみっと!サイト制作マッチング」のサービスを終了させていただきます。 日頃よりご利用いただいております皆さまにはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧、厚くお礼を申し上げます。 終了するサービス ・サイト名:さぶみっと!サイト制作マッチング ・URL:http://hp.submit.ne.jp/ ・サービス終了日:2017年9月29日(金)11:00 サービスご利用中の方へ ・案件情報のご登録は2017年8月28日(月)より停止しており、新規でご登録をいただくことはできません。 ・現在掲載中の案件に提案を行うことはできますが、サービス終了日を持ちましてサイトをご利用いただくことはできなくなります。 ・現在サイト内で商談中の

    【重要】「さぶみっと!サイト制作マッチング」サービス終了のお知らせ | さぶみっと!JAPAN
  • ブラウザチェックが10倍カンタンに! Expression Web 4「SuperPreview」がすごい。

    いつも さぶみっと!JAPAN をご愛顧いただきありがとうございます。 この度、誠に勝手ながら2017年9月29日(金)を持ちまして、「さぶみっと!サイト制作マッチング」のサービスを終了させていただきます。 日頃よりご利用いただいております皆さまにはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧、厚くお礼を申し上げます。 終了するサービス ・サイト名:さぶみっと!サイト制作マッチング ・URL:http://hp.submit.ne.jp/ ・サービス終了日:2017年9月29日(金)11:00 サービスご利用中の方へ ・案件情報のご登録は2017年8月28日(月)より停止しており、新規でご登録をいただくことはできません。 ・現在掲載中の案件に提案を行うことはできますが、サービス終了日を持ちましてサイトをご利用いただくことはできなくなります。 ・現在サイト内で商談中の

    ブラウザチェックが10倍カンタンに! Expression Web 4「SuperPreview」がすごい。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • ジャストシステム製「ホームページ・ビルダー15」はCSSに本格対応、アクセス解析も

    ジャストシステムは10月13日、PC/携帯向けサイト作成ソフトの最新版「ホームページ・ビルダー15」を発表した。価格は通常版が1万4800円、ビジネスバリューパックが2万7825円ほか。12月3日に発売される。 ホームページ・ビルダーはIBMが開発・販売してきたソフトだが、2007年からジャストシステムが販売を代行、2010年2月にIBMからプログラム著作権と商標権を取得した。今回の「ホームページ・ビルダー15」は、ジャストシステムが開発する初めてのホームページ・ビルダーであり、これまでできなかった大幅な改善、機能強化を行ったという。 CSS格対応、フルCSSテンプレートを搭載 大幅な機能改善の筆頭が、CSSへの格対応だ。これまでのホームページ・ビルダーでWebサイトを制作する場合、デザインはテーブル組みのレイアウトが基だった。しかし現在ではデザイン要素はCSSなどスタイルシートに

    ジャストシステム製「ホームページ・ビルダー15」はCSSに本格対応、アクセス解析も
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • たった5秒でウェブサイトがどんな印象を与えられるかテストできるサイト「Clue」 | ライフハッカー・ジャパン

    「Clue」はウェブサイトが短時間でどんな印象を与えるかユーザテストできるサイトです。5秒間でウェブサイトを眺めて、その後すぐに「どんな印象が残りましたか?」というアンケートがとれます。ユーザの意見をきくことができますし、はじめの数秒でどんなインパクトが与えられたかもチェックできますね。 以下に使ってみた様子を載せておきます。 まず「Clue」にアクセスして、テストしたいサイトのURLを入力します。 スクリーンショット作成のため、その後しばらく待機です。 スクリーンショットが生成されたら、テスト開始です。 5秒間だけ先ほど指定したサイトを眺めることができます。 普通にウェブサイトを見る感じで、スクロールしましょう。5秒経つと画面が切り替わります。 どんな印象をもったのか、覚えてることを書いてくださいという内容。 結果も閲覧できます。 自分でやってもあんまし意味はないかと思いますので、他人に

    たった5秒でウェブサイトがどんな印象を与えられるかテストできるサイト「Clue」 | ライフハッカー・ジャパン
  • ウェブ制作者のためのベストエントリ33【2010年7月版】

    というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl

    ウェブ制作者のためのベストエントリ33【2010年7月版】