カテゴリー別アーカイブ: [web] WEBサイト

[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年後、会社という概念はない

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

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



[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/



[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)


[web] ツイッターBOTについて(設置)



 

ツイッターボットをヘテムルに設置してみたので、覚え書き。

一番下につまづいた点の解決法を記載。


http://asklife.info/archives/1045

EasyBotter – プログラミングができなくても作れるTwitter botの作り方

http://pha22.net/twitterbot/

EasyBotterが勝手に動作させられる可能性とその対策

http://pha22.net/twitterbot/gosado.php

【twitter】ツイッターボット作成サービスの機能と使いやすさまとめ【bot】

http://matome.naver.jp/odai/2133756546017876501

10分で出来た!OAuth と PHP でつくる Twitter Bot のつくり方

http://dev.ontheroad.jp/archives/8419

twitterでボットを作る方法をいろいろまとめてみたよ

http://bogus.jp/wp/?p=736

EasyBotterでのbot作成法

http://d.hatena.ne.jp/tan2men/20100831/1283268371

twitterのbotを作る方法(EasyBotter)

http://www.ajike.co.jp/ajiblo/?p=912

Cronを設定して定期的につぶやかせよう : ツイッターの稼ぎ方

PHP食堂 – hetemlのcron機能を使ってEasybotter自動投稿できました

ロケットネットのスケジュールタスク(crontab)でEasybotterを動かす

「【EasyBotter】ペルと舞のTwitterBotの作り方」/「FZ」の小説 [pix <cron以外の方法が載ってた

[cron]ヘテムルでPHP5.3で書かれたPHPファイルにCRONをかける …

10.応用編(4):タイムラインの語句に反応させる


手動で動けば、多分その辺のファイルは問題ないので、
CRONからアクセスするシェルファイルの設定が問題だと思われる。

ヘテムルだとまずは、ここに書いてあることは守ること。
でないと動かなかった。

シェルファイルは必須だと思う(PHPわかるなら無くても動くかも)

http://heteml.jp/support/manual/cron/

注意点

シェルファイル設置場所

/home/sites/heteml/users/h/a/t/xxxxxx/bot.sh

シェルファイルの中身の書き方

#!/bin/sh

cd /home/sites/heteml/users/h/a/t/xxxxxx/web/xxxxxx/
/usr/bin/php53 ./bot.php

exit


以下、それでも動かないとき。

php: Permission denied = フォルダのパーミション700、bot.phpのパーミッション700駄目なら705それでも駄目なら755

PHPファイルの先頭に #!/usr/local/bin/php5 などつける <コレはいらない

No such file or directory = ファイルを FTP で転送する際に ASCII モードで転送していない可能性


やっと動いた。。。

シェルファイルがいちばん躓いた。



[g] グーグルカレンダー自分の使い方 半手動タスク管理(メモ)



 

http://www.google.com/calendar/がとても便利で、ずっと使ってる。そんな中で自分なりの使い方が出来てきた。

タスク管理だけど、他に記載されても忘れるので、全部カレンダー上に書いてしまう。

日曜日に■■メモ■■みたいに予定を作って、定期的に毎週日曜日に自動で入るようにする。

更新する際は、それ以降すべてにしておけば、毎週自動で更新されていく。

メモ欄の各項目の頭には「☑」や「☐」をつけて管理。

詳細メモも自由に書けるし、意外と使いやすい。


◆重要
☑しごとタイトル>
詳細メモ詳細メモ詳細メモ詳細メモ詳細メモ詳細メモ

☐しごとタイトル>
詳細メモ詳細メモ詳細メモ


◆未定
□しごとタイトル>
詳細メモ詳細メモ詳細メモ詳細メモ詳細メモ

□しごとタイトル>
詳細メモ詳細メモ詳細メモ詳細メモ


◆済み
☑しごとタイトル>
☑しごとタイトル>



[web] PIXTA(ピクスタ)に素材を登録してみた



 

ピクスタという画像素材サイトがあります。
ここは、一般ユーザーから素材を提供してもらって、それを売る形をとっています。

グラフィックを登録してみましたが、現在応募が殺到しているようで、素材の審査に3週間くらいかかるようです。
さて、どうなることやら。(実際の登録にかかった時間は1週間くらいでした)

写真は多いですが、イラスト系はまだ少ないようなので、作品がある方は狙い目かもしれません。

まずは、ユーザー登録してどんな感じか見てみると使いやすさとか確認できると思います。

下記バナー↓↓↓ からサイトに飛ぶことができます。

写真素材 PIXTA