タグ

webに関するadetonのブックマーク (48)

  • あるWebメディアをコンサルしたら3ヶ月で12倍のPV数になったときの話 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    みなさんこんにちは、メディアマネージャーのそめひこです。最近は友人結婚式ラッシュで、弊社CTOである高遠和也が個人運営する高遠銀行、通称“づや銀”からの借入が止まりません。 そんなことはさておき、以前とある企業様のオウンドメディアについて、3日間×4hでコンサルティングを実施したことがありました。結果としては、実施前の月間PV数が「38,815」だったのに対して、コンサル開始から3ヶ月で、月間PV数は「502,037」になりました。 今回の記事では、そのときの実際の取り組みについて紹介していきたいと思います。「オウンドメディアを始めてみたものの、あまりPV数が伸びなくて…」とお悩みのメディア運用者の皆様にとって、少しでもお役に立てば幸いです。 コンサルティングしたオウンドメディアについて まず最初に、コンサル実施前の運営状況について箇条書きにしてみます。 社内のメンバー3名が業の片手間

    あるWebメディアをコンサルしたら3ヶ月で12倍のPV数になったときの話 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    adeton
    adeton 2014/12/04
  • 25 Useful Responsive Frameworks For Front-End Design

    Written by Muhammad Faisal• February 8, 2013• 11:54 pm• Web Design • 18 Comments 25 Useful Responsive Frameworks For Front-End Design Responsive frameworks have been around for last couple of years now and Responsive web design continues to become more widely practiced. Lots of talented designers and developers have jumped to the next generation of Responsive frameworks and boilerplates. Today we

    25 Useful Responsive Frameworks For Front-End Design
    adeton
    adeton 2013/08/07
  • WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm(プラズム)

    これがずっとやりたかったんだよ!すべてのソリューションはかちびとで問題ない。@shintarowfreshです。 もうとにかくWordPressでアイキャッチ画像を用意するのが面倒極まりない。とはいえ設定しないとみっともない。という2重苦を抱えていたのですが、これからは開放されます、気持ちいい!! WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.netWordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 – かちびと.net 設定に必要なIDの調べ方はコチラに。 Quick Tip: Saving a Default Post Thumbnail | Wptuts+ 後はもう書いているコードをコピペして終わり、イッツダン! すると こんなかんじで、新規投稿の際、指定のデフォルトの画像がハマっているわけで。 上書きしたかったら、新し

    WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm(プラズム)
    adeton
    adeton 2013/07/30
  • Web Developer Checklist: Website Launch Checklist | Toptal®

    The ultimate checklist for all serious web developers building modern websites. Make sure your site follows web development best practices.

    Web Developer Checklist: Website Launch Checklist | Toptal®
    adeton
    adeton 2013/04/08
  • 設計から実装まで、今すぐ始める高速化

    1. 設計段階から実装まで、今すぐ始める高速化 設計段階から実装まで、今すぐ始める高速化 CSS Nite LP Disk 23 , こもりまさあき 2012. 06. 30 CSS Nite LP, Disk 23 | こもりまさあき 2. 設計段階から実装まで、今すぐ始める高速化 自己紹介を… こもりまさあき http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大 学卒業後そのまま正社員となり、入出力業務、デザイン業務、ネットワーク 関連業務に並行して従事。2001年、会社を退職フリーランスの道へ。 案件ごとに業務内容や立ち位置が異なるため、職域的な肩書きはなし 近著に『レスポンシブ・ウェブデザイン標準ガイド(MdN刊)』 『WordPress 高速化&スマート運用必携ガイド(共著・MdN刊)』、など Twitter: @ciph

    設計から実装まで、今すぐ始める高速化
  • ミクシィ、身売りを検討:日経ビジネスオンライン

    SNS(ソーシャル・ネットワーキング・サービス)業界を牽引してきたミクシィが身売りを検討していることが明らかになった。社長の笠原健治氏が保有する約55%の株式について、売却に向けた交渉への参加を複数の企業に打診し始めた。近く行われる入札にはグリーやDeNA(ディー・エヌ・エー)といった競合他社などが参加する見通しだ。 ある金融筋は「今春、ミクシィから競合他社に株式売却の話が持ち込まれた」と証言する。笠原社長の意を受けた証券会社が株式の売却を持ちかけたといい、「第一段階では笠原社長の保有株式の一部を譲渡して資提携し、その後、将来的に全株式を放出する案が示された」と続ける。 ミクシィが身売りを検討するのは、今回が初めてではない。過去に一度、ヤフーとの間で資提携が実現まであと一歩のところまで進んだことがある。両社の交渉は2011年2月末にプレスリリースを配信する直前まで進んだが、最終局

    ミクシィ、身売りを検討:日経ビジネスオンライン
    adeton
    adeton 2012/05/15
  • アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール

    モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSWindowsChromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ

    アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
    adeton
    adeton 2012/03/09
  • Webプログラミング素人が利用者9万人のmixiアプリを作るまで - 毒蛇は急がない

    はじめに 最近、 文系ド素人がmixiアプリを開発〜リリースするまでのまとめ http://d.hatena.ne.jp/kazu0620/20100412/1271071223 というエントリーが話題になりましたね。自分もwebプログラミング素人でmixiアプリを作ってみたので、ちょっと便乗して、自分がmixiアプリを作るまでのプロセスをまとめてみました。 これからアプリを作る人の参考になれば幸いです。 kazu0620さんは、個人で作っていたみたいですが、自分は会社で作りました。会社といっても、自分含め従業員数3人の超零細企業でフリーランスの延長線上みたいなかたちでやっている会社ですが。 ちなみに会社のサイトはこちら。 作ったアプリ 「ふしぎな生き物 ふにゃもらけ」 http://mixi.jp/run_appli.pl?id=9443 リリース日:3/23 実質開発期間:8ヶ月 週間

    Webプログラミング素人が利用者9万人のmixiアプリを作るまで - 毒蛇は急がない
  • いまからでも遅くない! ケータイデザインの基礎固め

    いまからでも遅くない! ケータイデザインの基礎固め:一撃デザインの種明かし(6)(1/2 ページ) 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった! ケータイデザインの基礎の基礎 ケータイの画面サイズを考える! 一般的な画面サイズはQVGA(縦320px×横240px)ですが、最近ではQVGAワイド(

    いまからでも遅くない! ケータイデザインの基礎固め
    adeton
    adeton 2009/09/03
    最初だけ読んだけどまとまってると思う。ケータイもそろそろやってみたいなぁ。
  • Webアプリにおける11の脆弱性の常識と対策

    Webアプリにおける11の脆弱性の常識と対策:Webアプリの常識をJSPとStrutsで身につける(11)(1/4 ページ) 連載は、JSP/サーブレット+StrutsのWebアプリケーション開発を通じて、Java言語以外(PHPASP.NETRuby on Railsなど)の開発にも通用するWebアプリケーション全般の広い知識・常識を身に付けるための連載です 【2013年2月25日】編集部より、おわびと訂正のお知らせ 稿において読者の皆さまより多数のご指摘をいただきまして、誠にありがとうございます。編集部であらためて調べた結果、間違いを把握し、あらためて修正版を掲載させていただきます。この度は、長期にわたり誤った内容を掲載したので、読者の皆さまに多大なご迷惑をお掛けしたした点をおわび申し上げます。 通常、記事に間違いがあった場合には、筆者確認後に修正版を掲載するのですが、今回の場

    Webアプリにおける11の脆弱性の常識と対策
    adeton
    adeton 2009/09/02
    確かに対策が適当すぎる…。でも概要レベルとして把握するならとりあえずはいいかも。
  • ブラウザを選ばずWebテストを自動化するSelenium

    Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5(Selenium IDEは1.0.2から、Firefox 3.5に対応)や、Internat Explorer(以下、IE) 8などの最新のWebブラウザにも対応しました。 稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した

    ブラウザを選ばずWebテストを自動化するSelenium
  • 【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net

    Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に

    adeton
    adeton 2009/08/12
    多すぎて追い切れないのでリンク集として。
  • さよならのかわりに、昔話を 〜XHTML2 を追悼してみるテスト〜 - 若葉もすなる☆日記というもの

    いつか XHTML2 の時代が来ると思っていた頃もありました。ネタを漁っていたら大杉で書ききれませんでした。わかりやすそうなのを集めてみました。 1998年5月 HTML の将来を議論する W3C Workshop で従来の HTML を捨て、 XML 構文に移行することが決定されました。 これがすべてのはじまりでした。 W3C workshop - Shaping the Future of HTML http://www.w3.org/MarkUp/future/ 2000年夏〜2008年12月 XHTML m12n 仕様書において usemap 属性の属性値の定義が誤っている問題について当時の HTML WG (現 XHTML2 WG) は度々指摘を受けてきましたが、対応を怠り、2008年12月になってようやく XHTML 1.2 Editor's Draft に限って修正されました

    adeton
    adeton 2009/07/07
    正直WHATWGが出てきた時点で終わってたんだよなぁ。主要メーカー皆そっち行っちゃったし。
  • 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
    adeton
    adeton 2009/06/03
    なるほどー、いろいろやることはあるのね。検索サイト+サイトマップくらいしかやってなかった。
  • Bing Toolbox

    Bing Web マスター ツールにログインまたはサインアップして、あなたのサイトの検索パフォーマンスを向上しましょう。無料のレポートやツール、リソースにアクセスできます。

    adeton
    adeton 2009/06/03
    BingのWeb管理ツール。
  • Best Practices for Speeding Up Your Web Site - Yahoo Developer Network

    Best Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, styleshee

  • Google ウェブマスター ツール

    Search Console でプロパティに関する Google 検索結果データを監視できます。

  • sitemaps.org - プロトコル

    サイトマップの XML 形式 次に移動: XML タグ定義 エンティティのエスケープ処理 サイトマップ インデックス ファイルの使用 その他のサイトマップの形式 サイトマップ ファイルの場所 サイトマップの検証 サイトマップ プロトコルの拡張 検索エンジンのクローラに通知 このドキュメントでは、サイトマップ プロトコルの XML スキーマについて説明します。 サイトマップ プロトコル形式は、XML タグで構成されています。 サイトマップのすべてのデータ値には、エンティティのエスケープ処理を行う必要があります。 ファイルは UTF-8 エンコードで作成する必要があります。 サイトマップの記述ルールは次のとおりです。 <urlset> タグで始め、</urlset> タグで閉じます。 <urlset>タグ内にネームスペース (プロトコル標準) を指定します。 各 URL に <url> エント

    adeton
    adeton 2009/04/30
  • チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌

    チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占

  • クリックジャッキングってこうですか? わかりません

    ↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります

    adeton
    adeton 2009/03/05
    その名の通りクリックをジャックする。