タグ

web制作に関するtaku_ichimiのブックマーク (146)

  • スモールビジネスが上手に使いたいビデオ系ウェブサービス

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    スモールビジネスが上手に使いたいビデオ系ウェブサービス
  • CSS Nite LP, Disk 6「CMSリベンジ編」に行ってきたよ: 世界中の1%の人々へ

    2009年6月| 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 29 30 イベント結果が、もっとも有意義に生かされるのは、Movable Typeとなり、もっとも恩恵を受けるのは、MTユーザーとなるだろう。 ということで、6月27日、CSS Nite LP, Disk 6「CMSリベンジ編」に行ってきた。国産CMSを一同に集めてのイベントセミナー。参加CMSは、Movable Typeと比較点をプレゼン項目にあげていたことから、裏テーマは「そのCMSはMovable Typeの代替となりうるか?」であることは明白だ。 結論から書けば、Movable Type/WordPressの代替として使ってみたいCMS投票には、「a-blog cms」が選ばれた。僕はMovable Typeのセミ

  • 1ランク上のブログにステップアップするためのアドバイス

    1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー

  • 第65回 [図解]Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング:ITpro

    今回は,Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品,つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが,ご参考になれば。 図は,一番上は「4つのステップ/3つのタスク/12の要素(第62回 持続可能なWebサイト開発を支える12の要素)」。その下は,人的配置をロール(役割)ごとに記述しています。その下は,大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が,「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基的には,その流れの順で進んでいきます。その下は,それぞれのステージのアウトプットのイメージで,更にその下にはよく使うファイルアイ

    第65回 [図解]Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング:ITpro
  • 無料の写真画像の利用条件の確認方法と検索方法

    写真画像を無料でダウンロードできるサイトの利用条件の確認方法や画像の検索方法をPXLEyesから紹介します。 How And Where To Find Legal Source Images 下記に写真画像を無料でダウンロードできる代表的なサイトの利用条件の確認方法と検索方法を紹介します。 また、写真画像を無料でダウンロードできるサイトは他にも多数あるので、下記エントリーを参照ください。 商用・非商用で使用できるフリーの写真素材サイト集 商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 商用サイトでも制限無しで利用できる無料の写真素材サイト集 stock.xchng

  • アクセス解析、定例ミーティングでチェックしたい5つの項目

    アクセス解析の結果を共有する定例ミーティングは、とても重要です。 解析結果は切り口と解釈で、違った認識になってしまいます。 まして、意思決定に使われる場合には、定期的な会合による共有が不可欠です。 アクセス解析の結果をミーティングで扱うときには、見るべき指標を絞ると良いでしょう。 以下に、チェックポイントの例をあげます。 全体的な傾向 ・セッション数 ・先週との比較 ・新規ユーザーとリピーターの割合 ・参照元 突出事項の吟味 ・突然のセッション増(リンク元やキーワードから推察など) ・突然のセッション減(検索順位の変動、参照元の変化など) ・突然のコンバージョン増・減 施策・コンテンツ追加の吟味 ・投入コンテンツのセッション ・投入コンテンツのバズ度(TwitterSNS、ブックマークなど) ・上位のコンテンツ ・費用対効果(コンバージョン/コスト、除外キーワードの吟味など) 織り込むべ

    アクセス解析、定例ミーティングでチェックしたい5つの項目
  • https://jp.techcrunch.com/2009/06/05/20090604google-opens-up-internal-speed-tool-to-the-public/

    https://jp.techcrunch.com/2009/06/05/20090604google-opens-up-internal-speed-tool-to-the-public/
  • MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介

    入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。 jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。 今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。 jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非

    MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
  • Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum

    今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする(変更点を日付と一緒にメモしていく)XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり/なしの統一を指定するサイトリンクの表示をチェックして調整(以降随時)Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste

    Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
  • クックパッドというサービスを男性エンジニアはどのように解釈すれば良いか - FutureInsight.info

    友人クックパッドエンジニアnegipoくんから以下のをもらいました。読んでみて非常におもしろかったので、いろいろ考えたことを書いておきます。600万人の女性に支持されるクックパッドというビジネス (角川SSC新書)上阪 徹 おすすめ平均 さて、困りました Amazonで詳しく見る by G-Toolsあまり実感がわからない携帯サービスを抜きにして今日で勢いのあるサービスの代表と言えば以下の2社だと思います。 イラスト コミュニケーションサービス[pixiv(ピクシブ)] レシピ検索No.1/料理レシピ載せるなら クックパッド 個人的にこの2つが素晴らしいサービスだなと思っているのは、今まで評価されることの難しかったイラストレシピという人間のアイディアや知恵が非常に詰まっている創作物に多数の人々から評価される快適なコミュニティを作ることができた点です。Pixivは、日頃から接点のある

    クックパッドというサービスを男性エンジニアはどのように解釈すれば良いか - FutureInsight.info
  • 第63回 サイトを嫌わせる五つの要素:あいうえお

    五つの要素 とりあげる要素は,画面を見ている人が,基的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが,多少個人差のあるニュアンスがありそうなので,Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと~ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは,テンプレートの供給が少ないせいかもしれませんが,一目で「ん?」と感じます。宣伝色の余りに強いサイトは,同系統の匂いを感じます。言葉巧みに,その機能なり商品なり会社なりの宣伝をして,さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い(やり方) ・ ギンギラギンの ・ 毒々しい ・ ど

    第63回 サイトを嫌わせる五つの要素:あいうえお
  • カヤック製、ブログパーツフレームワーク·suzunari MOONGIFT

    実践に勝る訓練はない、と言われる。机上の空論や理想論では心には響かない、確かな経験があるからこそ重みが増していくものだ。ソフトウェアについても同様で、当の意味で役立つものは、実際に運用で使われて培われてきたものばかりだ。 Old versionとのことですが、左側に表示されているのがブログパーツ ブログのサイドバーなどに貼付けるブログパーツ。そのブログパーツを効率的に開発、提供するためのフレームワークがsuzunariだ。 今回紹介するオープンソース・ソフトウェアはsuzunari、Flash + JavaScriptによるブログパーツフレームワークだ。 suzunariの開発元であるカヤックではブログデコというブログパーツポータルを運営している。そして以前に話題になった剣道ブログパーツをはじめ、多数のブログパーツを開発している。そこで培われたノウハウを集約したのがsuzunariだ。

    カヤック製、ブログパーツフレームワーク·suzunari MOONGIFT
  • WordPressをベースにSNSを構築する·BuddyPress MOONGIFT

    ※ 画面はデモより ブログエンジンと言えば、当初は日記調のブログとコメント、トラックバックを打てるのが基だったが、認証やプラグイン機能などを経て今や立派なCMSになっている。いや、それまでのCMSに比べるとシステムが柔軟で、様々な形に姿を変えてしまう点をみるとそれ以上の存在とも言える。 もはやWordPressには見えない… 何でもブログエンジンという風潮は好きではないが、それでも既にブログエンジンがECサイトやマイクロブログになったりしている。そして次はSNSだ。 今回紹介するオープンソース・ソフトウェアはBuddyPress、WordPressSNSにしてしまうプラグイン&テーマだ。 BuddyPressは今やオープンソースのブログエンジンの代表とも言えるWordPressをベースにして開発されたソフトウェアで、WordPressSNSに変身させてしまう。ここまでくるともはや別物

    WordPressをベースにSNSを構築する·BuddyPress MOONGIFT
  • 初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳

    第3回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の3つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので! 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。

    初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
  • ブログ記事でリンクやTwitter投稿を稼ぐための21のヒント(前編) | Moz - SEOとインバウンドマーケティングの実践情報

    こうした人々に評価してもらえるコンテンツを作るためには、調査が必要だ。彼らが好きなもの、彼らが話題にしているもの、彼らがクチコミで広めているものを知らなくてはならない。RedditTechmeme、Digg、Delicious、StumbleUpon、Tweetmemeなどのソーシャルメディアで動きを把握することで、そういったものが見えてくるだろうが、ちょっと調べるだけでは十分じゃない。リンケラティが何を考えているかという「感触をつかめる」までには、数週間、あるいは数か月間は細心の注意を払う必要があるはずだ。 #2 コンテンツを広めてくれる人たちに報いよう人というものは来、利己的だ。多くのブロガー、Twitterのユーザー、ソーシャルメディアの熱狂的ユーザーの意識は、自分自身のネットワークを作り上げることに向かっている。彼らが求めているのは、より多くの仲間であり、さらなる注目であり、も

    ブログ記事でリンクやTwitter投稿を稼ぐための21のヒント(前編) | Moz - SEOとインバウンドマーケティングの実践情報
  • 全てのネットサービスを構成する「サービスの3原色」とは? - livedoor Blog(ブログ)

    2009年04月12日 全てのネットサービスを構成する「サービスの3原色」とは? 「光の3原色」という言葉を聞いたことがある人は多いと思います。全ての色は「赤」「青」「緑」から構成され、この3つの色を構成する比率を変えることで、どんな色でも作り出せる、という概念です。 ネットサービスのコンセプトを「そもそも論」で点検する12の質問をガイドラインに、池邉CTOと、私とで、ライブドアのメディア事業部の各サービスについて責任者を、個別に呼んで、「そもそも、どうよ」からの議論をやる中で、「光の3原色」に似たような、ネット上のサービスを構成する「ネットサービスの3原色」的な概念を思い付きました。 ネットサービスを構成する「サービスの3原色」 ほとんどのネット上のサービスは、「Media」なのか「Community」なのか、「Tool」なのか、の3者択一のうちのどれかを基に置きながら、この3要素がカ

  • ブログやウェブサイトに関連記事を付けられるコンテンツマッチングエンジン「comatch」--基本機能は無償で提供

    ナレッジデータベースは3月2日、ブログやウェブサイトなどのコンテンツに「関連記事」を表示できるSaaS型のコンテンツマッチングエンジン「comatch」の提供を開始した。 comatchはニュースサイトやブログなどにある関連記事を自動表示するサービス。通常、関連記事の表示はサイト運営者が手動で過去記事を検索し、関連づける必要がある。しかし同サービスを利用すれば、自動的に関連記事を表示できる。 利用にはまず、サイト上で同社のIDサービスであるKnowledgeIDを取得し、「マッチングルール」と呼ぶ関連記事の表示ルールを作成する必要がある。ルールでは、関連記事を表示したいサイトのドメインと、関連記事として表示したいコンテンツが存在するドメインなどを設定する。 ルールを作成した後、関連記事として表示したいコンテンツを指定のタグで囲むことで、comatchのクローラーがデータを収集し、形態素解析

    ブログやウェブサイトに関連記事を付けられるコンテンツマッチングエンジン「comatch」--基本機能は無償で提供
  • 商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳

    とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無

    商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
  • IDEA * IDEA

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

    IDEA * IDEA
  • 携帯各キャリアの固有IDについて (全キャリア対応)

    百式の人のまとめがえらい中途半端だったのに360ブクマも集めてて悔しかったので気でまとめてみた。 ケータイのユーザーIDを取得する方法まとめ (IDEA*IDEA ~ 百式管理人のライフハックブログ ~) 携帯各キャリアの固有IDについて (全キャリア対応) 2009.03.25 コメントで指摘を頂いてEZ番号の書式について訂正いたしました。(10桁→14桁) 2010.05.20 EZ番号の再発行のポリシーに変更があったそうです 現在携帯関連の仕事を離れたため詳細を追いかけていません。 高木浩光@自宅の日記などを参照してください。 PDFはこちら: mobileid.pdf:携帯各キャリアの固有IDについて (全キャリア対応) 携帯4キャリア(DoCoMo, au, SoftBank, emobile)と、PHS(willcom)まで書いています。*1) このとおり、各キャリアは複数の

    携帯各キャリアの固有IDについて (全キャリア対応)