カテゴリー別アーカイブ: ネット

[web]プレスリリースを出したい



 

無料で広報ができる!プレスリリース配信サイト25選(IT・web・ニュース)

プレスリリースを活用しよう!無料掲載できるプレスサイト39→37選まとめ ※9/10修正あり

無料で簡単にプレスリリース配信できるサービスまとめ

プレスリリースの無料掲載・配信サイト


【IT】

ITmedia

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

tech crunch

http://jp.techcrunch.com/

INTERNET Watch

http://internet.watch.impress.co.jp/docs/common/contact.html

ValuePress!

http://www.value-press.com/information_flow

NEWZINE(ニュージン)

http://newzine.net/

Press-Partnerz!

http://press-partnerz.com/regist.php

MarkeZine

http://markezine.jp/

Venture Now

http://www.venturenow.jp/company/press.html

Web担当者Forum

http://www.impressbm.co.jp/form

Techable (テッカブル) –

http://techable.jp/

REGNAS(レグナス)

http://www.regnas.jp/

TECH WAVE

TechWaveについて

Startup Dating

お問い合わせ

@IT

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

週アスPLUS

https://ssl.asciimw.jp/info/inquiry/form03.php

エンタープライズ ジン

http://enterprisezine.jp/

EE Times Japan

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

EDN Japan

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

RBB today

http://www.rbbtoday.com/

クラウドwatch

http://cloud.watch.impress.co.jp/

IMPRESS INNOVATION LAB.

http://i.impressrd.jp/

【ニュース系】

Gizmodo

http://www.gizmodo.jp/

JCASTニュース

http://www.j-cast.com/

Business Media 誠

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

はてなブックマークニュース

http://hatenanews.com/articles/about

マイナビニュース

http://news.mynavi.jp/top/notice/press.html

STRAIGHT PRESS(ストレートプレス)

http://straightpress.jp/press

IBTimes(アイビータイムズ)

http://jp.ibtimes.com/contactus/

ネットベンチャーニュース

http://www.netventure-news.com/page_pressrelease

VENTURE NOW

http://www.venturenow.jp/

Sankei Biz

http://www.business-i.jp/corp/inquiry.html

GIGAZINE

http://gigazine.net/news/contact3/

サーチナ(Searchina)

Joomla!を調べてみる

【その他】

Pouch

http://youpouch.com/

MONOist

http://www.itmedia.co.jp/info/mail/index.html?zdrelease

Fashionsnap.com

http://www.fashionsnap.com/about/contact/

ロケットニュース24

広告掲載・プレスリリース送付について

男子ハック

お問い合わせ

ihayato.news

http://www.ikedahayato.com/index.php/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%E9%85%8D%E4%BF%A1%E5%B8%8C%E6%9C%9B

AppBank

http://www.appbank.net/2011/08/01/iphone-news/282433.php

ミートアイ

http://i.meet-i.com/

Applision

レビュー依頼について

iPhone女史

http://www.iphone-girl.jp/contact-2/

日刊テラフォー

http://www.terrafor.net/page_pressrelease

pressrelease-zero(プレスリリースゼロ)

http://pressrelease-zero.jp/contribute

WEB マーケティングブログ

プロフィール


 

STORY TO AUCTIONをリリースした際のプレスリリース方法まとめ
実例

Webサービスのプロモーション?について個人的にまとめてみます。

ブロガー向けプレスリリースの送り方(百式の場合)


プレスリリースでのSEO効果はもはや皆無?昔は良かったけど、今はダメ、そんな話。
—被リンクなどのSEO効果が無いという話
—ネガティブな評価を受けないようにする(nofollow指定する)
—やりすぎない

「プレスリリースは広告と同じ、リンクにはnofollowを付けるべき」とGoogleのジョン・ミューラー氏

rel=”nofollow” 属性の解説とその使い方


 プレスリリースで失敗しないために覚えておきたい、作成・配信の手順まとめ

プレスリリース作成の参考にしたいサイトまとめ

プレスリリースの書き方

サービスインしよう(2)~プレスリリースを送る~

メディアに取り上げられるプレスリリースの作り方:その1

プレスリリースの方法と送り先マスコミデータ
プレスリリースの方法

「新しい商品を作ったぞ!たくさんのヒトに知ってほしいな!」Web時代のリリース手法を学ぶ

デザインの視点で考える、「伝わる」プレスリリースの作り方


こんなにあった! iPhone/Androidアプリを出す時にリリースを送りたい媒体53個総まとめ【全て無料】
スマホアプリ系

 



[web] 成約率をあげたい・プロジェクションマッピング



 

フォームをどうするか

サイトの成約率を上げたい! どこを見ればよいですか?

成約率を上げる申込フォームの作り方

これで完璧!EFO(エントリーフォーム最適化)でチェックしたい30個のポイント

ドメインをどうするか

新コンテンツは別ドメイン名? サブドメイン? サブディレクトリ? SEO的に検討する

サブドメインとサブディレクトリの違い・使い分け


費用:プロジェクションマッピング

プロジェクションマッピングの費用抑え方のコツまとめ

費用対効果のあるプロジェクションマッピングとは?

3Dプロジェクションマッピングについて

「プロジェクション・マッピング」のご紹介
フォーム、費用、サンプル・・・

費用とプランについて
費用、サンプル・・・

総合的に考え無駄のないご提案を
予算の目安、必要項目、フロー・・・

プロジェクションマッピングについて
必要項目、フロー・・・

圧倒的!話題の「3Dプロジェクションマッピング」の映像12選
他社映像、費用・・・

バンケット版 プロジェクションマッピング
サンプル、費用・・・


 

プロジェクションマッピングの話
ブログ

全長16mの滝をアウディ R8にプロジェクション・マッピング
記事

プロジェクションマッピングの今後
観賞(シアター型)から体験へ


[ProjectionMapping]Vol.06 プロジェクションマッピングの現場から03〜九州ソーシャルビジネスメッセ〜

プレゼンにインパクトが足りない? ならばプロジェクションマッピングだ!

プロジェクションマッピングの先駆者が予想する未来:
100年後、会社という概念はない

【来た…】”仮想”が現実に侵入してくる、マッピングの「次なる次元」 これは見るべき

プロジェクションマッピングを流行りモノで終わらせないために



[web] 最近良く聞く単語を調べる



 

リーンスタートアップ

リーンキャンパス

http://kotobank.jp/word/


アジャイルソフトウェア開発

対義:ウォーターフォール

http://ja.wikipedia.org/wiki/


ビットバケット


フレームワーク

2013年上半期、チェックしておきたいCSSのフレームワークのまとめ

http://coliss.com/articles/build-websites/operation/css/css-framework-in-first-half-of-2013.html


ライセンス

MIT License

http://ja.wikipedia.org/wiki/MIT_License

BSD license

http://ja.wikipedia.org/wiki/BSD


バージョン管理システム

Subversion

バックログ

タートルHG

GitHub

http://ja.wikipedia.org/wiki/GitHub

ベンダープリフィックス


ソースエディタ

Sublime Text 2

Ajax

オープンソース


Bootstrap 3.0

http://getbootstrap.com/

http://agorian.com/bootstrap/index.html

レスポンシブ

フレームワーク

スタイルタイル


Sass

CSS拡張言語

http://sass-lang.com/

SCSS

compass

http://compass-style.org/

CSSの常識が変わる!「Compass」、基礎から応用まで!

http://liginc.co.jp/designer/archives/11623


リポジトリ

ブランチ

コミット

プル

マージ

フォーク

クローン

UXデザイン

Webフォント

AWS

フルーエントD

ベーグラント

マーケティングオートメーション ハブスポット

 


sassなtwitter-bootstrapをrailsで使う

http://strix01.blogspot.jp/2013/01/rails-sasstwitter-bootstraprails.html


WordPressでこれらを使うには?



[WP/web]全端末対応の自前動画をサイトに埋め込むには(未決)



 

様々な端末のWEBブラウザで動画を再生させたい。

HTML5のvideoタグで埋め込める。

動画の形式はAndroid対策のため、以下の選択しか無いっぽい。

動画形式=mp4(Firefox、Opera、IE8以下で未対応)
コーデック=h.264

(全てで見るには通常、H.264、WebM、Oggが必要)


Android対策

videoタグ
onclick=”this.play();”

Basic認証サイト再生不能

sourseタグ
type属性駄目

機種依存の問題もあるもよう。。。


videoタグ未対応ブラウザ対策

Flashフォールバックを使えるJavaScriptライブラリを仕込む。※結論これ

MediaElement.jsを使った複数の動画を順番に再生させる【jQuery】

http://blog.e-riverstyle.com/2012/11/mediaelementjsjquery.html

スマートフォン向けHTML5のVIDEOタグを使った動画再生 ~MediaElement.js編~

http://blog.alt-scape.com/archives/415

HTML5なVideo Playerライブラリ、VideoJSとMediaElement.js

http://www.inazumatv.com/contents/archives/6181

H.264のみを指定 | MediaElement.js | テスト動画と動画の表示テスト ※ここ参照する

http://etc.dounokouno.com/testmovie/mediaelement/h264.html

Win chrome×(Ogg形式も入れれば行けそう)、Mac chrome◎、iPhone◎、Win IE7◎、Win IE10◎、X06HT◎、SH-03C◎、Mac Firefox◎、自宅Win chrome◎

WordPressのHTML5ビデオプレイヤープラグインなどを仕込む。

MediaElement.js – HTML5 Video & Audio Player

http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/ ※ここでプラグインDLと記述の仕方を確認

[video  ogg=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.ogg” webm=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.webm” mp4=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.mp4″]

SH-03C×、Win chrome×、Mac chrome◎、iPhone◎、Mac Firefox◎(単にやり方が悪いだけか?)

動かない理由で考えられること:そもそも動画の形式が間違っている、WordPress用のPluginがおかしい、他の要素とぶつかっている、記述が間違っている。。。。などだろうか? FlashPluginとぶつかっているなどもありそう。このページは重いので、もっと素の状態のページで確認スべきか。他のジャバスクリプトライブラリを試してみるか。ライブラリを使わない方法を模索するか。

これは時間があれば、もう少し探す


参考サイト:

Androidでvideoタグによる動画再生を実装する際の落とし穴

http://d.hatena.ne.jp/genhou/20121023/1350941016

スマートフォン用サイトで動画を扱う時のポイント

http://sogitani.baigie.me/2011/07/smart-phone-movie/

スマートフォン向けにHTML5のvideoタグを使ってみたのでまとめておく

http://today-only.net/html5-video/


FLV形式の動画をMP4に無劣化で変換できるソフト「FLVtoMP4」

http://antarespc.com/tool/flvtomp4.html

Mac MP4,OGG,WebM,WMV,AVI等を自由に変換できる無料動画変換ソフト【 Miro Video Converter 】

http://zxcvbnmnbvcxz.com/mac-mp4-ogg-webm/


美しすぎる!WordPressのHTML5ビデオプレイヤープラグイン8選

http://www.inboundpress.net/html5_videoplayer_wordpress.html

HTML5で動く10の動画プレイヤー

http://www.seojapan.com/blog/html5-video-players


地獄のvideo/audio要素

http://takazudo.github.io/blog/entry/2013-02-06-videoaudio.html

[MediaElementライブラリ] ビデオプレイヤーを表示する ※chromeでも見れている

http://www.openspc2.org/reibun/javascript2/Library/MediaElement/0001/index.html


他を試す:

VideoJS – HTML5 Video Player for WordPress

http://wordpress.org/extend/plugins/videojs-html5-video-player-for-wordpress/

Win chrome×、Mac chrome◎、X06HT◎、SH-03C◎


[サイト作り] [WPプラグイン] Projekktor Video Tag Extension – HTML5 video のタグを投稿に

http://665-667.com/2010/05/21/215251

Win chrome◎(Ogg形式)、Mac chrome◎、iPhone◎、X06HT××(落ちる)、SH-03C×


Hana Flv Player

http://wpmarketing.org/wp-plugins/hana-flv-player/


Win chrome×、Mac chrome◎、iPhone◎、X06HT△(見えない)、SH-03C◎、自宅Win chrome◎


確認してみる

http://tanaka-atsushi.biz/html5


とても気になる情報:

ChromeでHTML5の動画が見れない

http://okwave.jp/qa/q7532663.html


WPに「.webm」アップできない。。。


HTML5ビデオプレーヤーの比較

http://praegnanz.de/html5video/

--


WordPressで、

サイドバーをカテゴリ毎に変える

http://www.devolen.com/blog/wp_custum/change_the_sidebar/

--
IE6,7は切って良い。
キャッシュさせない方法を探す。
--
http://www.htmq.com/html5/004.shtml

http://www.html5rocks.com/ja/tutorials/video/basics/

http://www.brightcove.com/ja/

http://www.slideshare.net/naotori/html5-5311711

---
ストリーミング、プログレッシブダウンロード違い
http://ja.wikipedia.org/wiki/



[css] css3で見た目を変える



 

CSSの擬似要素を使った見出しデザイン

http://weboook.blog22.fc2.com/blog-entry-348.html

見出しデザインの参考にしたい CSSで作るhタグのサンプル集

http://toshiiy.blog22.fc2.com/blog-entry-95.html

コピペで出来るCSS3で見出しスタイリング

http://blog.3streamer.net/html5-css3/css3-styling-231/

H1一つでここまで出来るCSS見出しデザインのアイデア9個

http://squeeze.jp/blog/web-design/heading-design-css-only/

Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

http://www.webcreatorbox.com/tech/css-heading-list-blockquote/

アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン

http://squeeze.jp/blog/web-design/heading-design-border-css/

見出しの横などにボタンを配置

http://css-happylife.com/archives/2007/0103_1825.php

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



[web] クラウドとVPSについて調べてみた



 

クラウドはアマゾンとグーグル、マイクロソフト(従量課金)

VPSは日本の各種企業(定額)


Amazon EC2(AWS)(IaaS)

http://www.sophia-it.com/content/Amazon+EC2

[AWS] EC2マイクロインスタンスのベンチマークしてみた

http://blog.maesan.jp/1263487.html


Amazon Beanstalk(PaaS)


GAE(Google App Engine)(PaaS)

GAE上でWordPressを動かす

http://www.atmarkit.co.jp/fcoding/articles/gaephp/06/gaephp06a.html


Google Compute Engine(IaaS)

Google Compute Engine 発表、「性能 / 価格比は他社クラウドの5割増し」
http://japanese.engadget.com/2012/06/28/google-compute-engine-5/

料金表

https://cloud.google.com/pricing/compute-engine


VPS(仮想専用サーバ)(virtual private server)

http://e-words.jp/w/VPS.html

一台のサーバ上で仮想サーバを何台も起動する特殊なソフトウェア、またそのような仮想サーバを提供するレンタルサーバのサービス
http://ja.wikipedia.org/wiki/


Windows Azure

http://www.windowsazure.com/ja-jp/


セールスフォース、Google、AmazonのPaaSの比較とSIer視点からの印象

Google Compute Engine 対 Amazon EC2 : 性能をチャートで比較する

AzureとApp Engine、EC2徹底比較!


関連用語:

SaaS(Software as a Service)ソフトウエア

PaaS(Platform as a Service)プラットフォーム

IaaS(Infrastructure as a Service)インフラ


図解 クラウド 仕事で使える基本の知識 (知りたい!テクノロジー) おすすめ商品
図解 クラウド 仕事で使える基本の知識 (知りたい!テクノロジー)


[web] WEBフォントをHTMLメールで使えるか調べる



 

最終的にはメールマガジンのシステムからHTMLメール形式で大量に送ることになるので、これはWEBフォントがHTMLメール上で使えるかの実験です。


実験始めるまでの壁とか

実験でHTMLメールを送るのは、以外と敷居が高い。

HTMLメールを制作可能なメーラーの環境がないと進まない。

HTMLメールとリッチテキスト形式を同義にしている所があったけど多分違う。検索で要らないサイトが多すぎて大変だった。

OfficeOutlook2007では「ソース」や「ひな形」(近いのはある)メニューが見当たらない。。。ここに一番時間を取られた。

Googleもリッチテキストしか作成できない。。。断念。

確認したいだけなのに、かなり時間かかってる。

Thunderbirdでできた。


作業の流れ

  1. WEBフォントを導入したページを事前に用意(このへんは書き方のサイトを確認)
  2. PremailerでHTMLメール用のHTMLソースを書きだしてもらう
    http://www.moongift.jp/2012/06/20120628-2/?utm <使い方を書いているサイト
  3. Thunderbirdの 「挿入>HTML」で出る入力欄にHTMLソースをペースト
  4. 送信、メーラーで確認

※外部ファイルへのアクセスを禁止していると見れない


フォントメーカーの対応状況

Googleフォント=HTMLメールで見れる

モリサワクラウドフォント=HTMLメールで見れない
※契約時に特定のドメインからしかアクセスできない設定になっているため、表示されないようだ。

現状の日本語のフォントは制限が多いため、実用的ではない。


注意点

サーバー上に、メールで表示する画像(ずっと必要)や、変換元のHTML(メール制作後は不要)を置く場所に、ロックがかかっているとPremailerやメーラーでアクセスできない。


参考にしたサイトなど

HTMLメールなメルマガをWebメール対応したときのメモ

http://dounokouno.com/2010/01/29/html

同報DMは、テキストからHTMLメールへ? 作り方と送信方法

http://www.tokyocafe.net/slog/?eid=372

Webフォントを指定するには?

http://css3.sophia-it.com/reference/


追記:

クロームやThunderbirdでグーグルフォントのMolleが、サイトの記述のままだと表示されなかった件、以下の記述でかいけつ(xxxは任意のクラス)。

xxx {font-family: ‘Molle’ !important;
font-style: italic;
font-weight: 400;}

ちなみに、IEではデフォルトの記述で表示された。


サイトデザインに差をつける Webフォントコレクション (ijデジタルBOOK) おすすめ商品
サイトデザインに差をつける Webフォントコレクション (ijデジタルBOOK)