see more 2011-04 - ponnao-clip

Home > アーカイブ > 2011-04

2011-04

一記事にする程じゃないけど、ちょっと気になったWebサービスを
一ヶ月単位で載せていこうかと思って。

内蔵HDD・外付けHDD・USBメモリ・NASなどの空き容量を統合して1つの巨大なファイル保存ストレージにできるフリーソフト「VVAULT Personal」 – GIGAZINE
http://gigazine.net/news/20110405_vvault_personal/

モノオトシ – 動画ダウンロード保存サービス
http://monodl.info/

君のラジオ
http://kimi.la/
君のラジオは心地の良い音楽体験を提供するブラウザ専用ウェブサービス。 好きなアーティストに関連する楽曲をYouTubeのビデオから試聴し、 履歴を残すことができます。また、友達がどんな音楽を聴いているのか? 似た趣味のユーザーはいるのか?が分かります。 君のラジオで新しい音楽に出会っちゃえ!

http://androidoll.com/about-androidoll/

Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-870.html

商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト | 9search
http://takashi178.me/9search/

うーんこれはすごい。ソースは海外のものが多いのかな。レイアウトも見やすいですね。

最強のフリーフォントとは何か? | ライフハックちゃんねる弐式
http://lifehack2ch.livedoor.biz/archives/51228373.html

日本語のフリーフォントが色々あげられてます。

ウェブデザインのマンネリ化から抜け出したい人のためのリンク集 | コリス
http://coliss.com/articles/build-websites/operation/design/inspirational-websites-for-your-works.html

最近リリースされた高品質なフリーのデザインフォント -2011年2・3月 | コリス
http://coliss.com/articles/freebies/freebies-font-2011-mar.html

WordPress と OAuth 認証を使って会員向け Web サービスを作る | ウェブル
http://weble.org/2011/04/06/wordpress-oauth

ハンコでアソブ
http://hankodeasobu.com/
ハンコ風の商用可フリー素材サイトです。これはすごい。

インスピレーションを刺激させたい時に大抵見てまわるWebサイト集 – かちびと.net
http://kachibito.net/web-design/get-design-inspiration.html

WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき
http://blog.v-colors.com/wordpress-theme-customize-10.html

写真を上手に撮る為のコツ・テクニックが載っているサイトまとめ | ラジック
http://rajic.2chblog.jp/archives/51814954.html

[JS]あらゆる要素をガタガタ、ぷるぷる、ちりちりと振るわせるスクリプト -jRumble | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jrumble.html


IE6, 7も考慮した、CSS3で実装するドロップダウンメニュー | コリス
http://coliss.com/articles/build-websites/operation/css/css3-tutorial-dropdown-menu-by-red-team-design.html

HTML5とは何かを簡単にまとめてみた (Yahoo! JAPAN Tech Blog)
http://techblog.yahoo.co.jp/cat207/web_1/html5/

float解除の決定版。clearfixを考えたら、進化した。
http://kojika17.com/2011/04/floatclearfix.php

インパクト十分、かつスタイリッシュな名刺のデザイン100選 – GIGAZINE
http://gigazine.net/news/20110408_awesome_business_cards/

写真の撮影技法とか加工技法に関して少し調べたのでメモ – かちびと.net
http://kachibito.net/camera/technique-and-tips.html

ネットで見られる提案書のまとめ | Webデザインのタネ
http://oshare.jugem.cc/?eid=757

Photoshop Vip » タイトルや見出し文に利用したいプロ仕様のフリーフォント20個まとめ
http://photoshopvip.net/archives/23023

1時間で携帯サイトをスマートフォン対応にする方法
http://labs.gree.jp/blog/2011/04/3282/


				

スタイルシートの量を少し減らした、新しいclearfix -micro clearfix
http://coliss.com/articles/build-websites/operation/css/css-micro-clearfix.html

PUBLIC-DOMAIN-PHOTOS.com」
http://public-domain-photos.com/
著作権が放棄されているイラスト8,000点と写真5,000点が
無料でダウンロードできるサイト


スタイルシートの量を少し減らした、新しいclearfix -micro clearfix
http://coliss.com/articles/build-websites/operation/css/css-micro-clearfix.html

カテゴリー別配色アイデア100
http://www.webcreatorbox.com/inspiration/colour-scheme-ideas-100/


				

画像を使用しないで、紙がひらっとめくれたエフェクトを与えるスタイルシート
http://coliss.com/articles/build-websites/operation/css/css-tutorial-peper-curl-by-sitepointstatic.html

次にWebを作るときに使える、センスの良い背景画像配布サイト『Subtle Patterns』
http://www.100shiki.com/archives/2011/04/subtle_patterns.html

永久保存級の2MB以下の使えるフリーソフト30選!
http://www.gizmodo.jp/2011/04/2mb30.html

企画書を作るのに便利なWEBサービスまとめ
http://matome.naver.jp/odai/2130370365787952601

「EC-CUBE」2.11系を対象に、カスタマイズ性を重視した「デザインテンプレート・シンプルバージョン」を無償提供。(2011/04/27)
http://www.ec-cube.net/press/detail.php?press_id=115

「EC-CUBE」2.4系から2.11系へのバージョンアップを容易にする「データ移行モジュール」を無償提供(2011/04/26)
http://www.ec-cube.net/press/detail.php?press_id=114

今使ってるサーバは、FTPがデフォルト状態で、
日本語ファイルをアップしてもそのままアップされる環境なのですが、
新しいサーバはそのまま(Shiftアップすると文字化けする仕様になってました。

(自分自身は日本語ファイルはまずいと思ってますが、
そういう風に使っているエンドユーザーもいるという事に対する対処です。)

proftpdを編集すると、文字化けしなくなるという情報は得たのですが、
調べていくうちに、FTPソフトに設定を追加すると、
文字化けしないという情報も見つけることができました。

魔法の呪文 OPTS UTF8 OFF

意外に情報が少ないです。以下のページなどで知りました。
ありがとうございます。

ffftp 文字化け対応: 明日もやっぱり良い日だね

FileZilla Serverの設定方法

■FFFTPで日本語ファイル名やフォルダ名が文字化けする場合の対策

1.「接続」->「ホストの設定」で「ホスト一覧」を開く。
2.ターゲットのホストを選択し、「設定変更」をクリックし、「ホストの設定」を開く。
3.「拡張」タブの中にある「接続時にホストに送るコマンド」で「OPTS UTF8 OFF」と設定して、「OK」をクリックする。

ちなみにNextFTPだと、以下の手順です。
ホスト→接続→当該ホストを選択→右メニュー『編集』
左から2番目の鉛筆マークの「追加の設定」を選択
接続時初期コマンドの欄に「OPTS UTF8 OFF」に入れる

こちらに別の方法も書いてあったのですが、
私の環境ではこの方法だと文字化けしました。

FFFTPでの日本語ファイル名文字化け対策について

手順3.「文字コード」タブの「ファイル名の漢字コード」を “UTF-8N” にする。

proftpdのSJISパッチ情報

proftpdはSJISパッチを当てるとこまでは見当ついたのですが、
上の回避方法もあるわけだし、
今後のことを考えると手を出さない方がいいのかなという結論になりました。
せっかくなので、わかったところまで書いておきます。

Ubuntu日本語フォーラム / proFTPd上での文字化け
ここですごく丁寧にやり方を説明してくれてる人が同時に
クライアントをUTF8対応にするという別案も提示していて、
ちょっと感銘を受けました。
こういうのって確かに挑戦はしてみたいし、うまくいったときは嬉しいだろうけど、
後々リスクを負うことになるのはよくないなと。

1) 今は、Vista,XPの時代なんだし、UTF8対応のFTPクライアントを使わせる
2) 今時のWWWブラウザを使えばftp:// のURLを指定すれば問題ないはず

・1.3.0から1.3.1に変わったのはなぜ?機能強化ならいいけどセキュリティ向上だったら対応しないと。
・ソースからビルドしたものは、自動アップデートの対象外。メンテナンスの面倒は自分で見る。リスクは自分で引き受ける。

やり方をわかりやすく書いてた記事です。
proftpdで文字化け対処 – DUST AND DREAMS

パッチは2種類です。
ProFTPD SJISパッチ
proftpd 1.3.1 iconv パッチ

またこちらのページでは、ProFTPd.confにCharsetRemoteという設定があるという内容になっていたのですが、
落としてきたproftpd.confにはその設定がなかったので、謎でした。
FTP 文字化け | OKWave

MTファイルで日本語のファイル名の画像がある場合

NEXTFTPの場合

ホストの設定→高度な設定タブの漢字コード・改行コード

ホストファイル名をシフトJISにして落とす
ホストファイル名をUTF-8に変更してアップする

アクセス解析で、「ブラック コボちゃん」で来てる人が多いので、
原作関連でちょっと追加しますw
コラしなくても原作自体も結構シュールなんだね。

今日はてなであがってきてたやつ。
今日のコボちゃんワロスwwwwwwwwww – まめ速
最初のやつはコボコラじゃなくて原作のほうです。
結構原作自体、シュールなんだなぁと思いました。
男の子に声を掛けるのが、なんかコボちゃんホモっぽい…と思ってしまいました。
女の子に声を掛けたほうがオチ的にはわかりやすいと思うのだが、
しんちゃん的なキャラではないのかな。

これもすごいな。懐かしい草なぎくん事件のやつ
コボちゃんで初めて笑った : 電撃速報 – ライブドアブログ

これは配置コラの疑いもありましたが、
実際こういう奇跡の配置の地方もあったようです。
読売新聞。

こちらはコボコラですw
コボちゃんコラ傑作集 – NAVER まとめ

20120311追記

あれからちょうど一年になりますが、
今日たまたまジャンプを読んでいたらこちらの情報が載っていたので、
付け足して起きます。
自分でも何か続けられることはないかなぁと考えてたとこなので、
候補の一つに入れようかと。

社団法人 日本雑誌協会

<大震災>出版対策本部

コンセプトは「続ける力!被災地の子どもたちに本を!!」
活動実績は以下。

★小学校児童約13万2500名への図書カード(1000円分)寄贈
★被災地への約18万冊の図書寄贈
★出版関連イベント支援
★陸前高田市の「にじのライブラリー」開設
★「読書復興新聞」の発行
★再開校される小中学校・高校の図書室、および公共図書館への支援

募金活動及び支援活動は続行されているようです。

2011年4月の記事です。既に活動が終了してるとこもあります。

今日はTOKYO-FMのラブコネクションという番組で
被災地に本が寄付できるプロジェクトを特集していました。
送付先や募集期間などチェックしておきたかったので、調べた分を載せときます。

集荷にて買取金で寄付できるBOOKS FOR JAPAN

BOOKS FOR JAPAN
システム的にはブックオフの買取システムに似てます。
電話で申し込めば着払いでヤマトの集荷を手配してくれるようです。
被災地に送るのに適したもの(絵本や文芸書かな?)は
ミミオ図書館を通じて被災地へ。
それ以外のものは買取金額に買取点数×10円(バリューブックス負担)
を上乗せした金額が公益社団法人CIVIC FORCEを通じて
被災地に寄付されるようです。

ミミオ図書館~絵本にメッセージを入れて被災地の子供たちへ~

で、ミミオ図書館というのは現在絵本のみを扱っているようで、
絵本だったら、このページに載っている寄贈シートにメッセージを書いて、
挟んでおくといいようです。

ミミオ図書館自体でも絵本は受け付けているようなので、
絵本が多いようなら、こちらに直接送っちゃった方がいいのかもしれませんね。

絵本窓口:ミヅマアートギャラリー内 ミミオ図書館
〒162-0843 新宿区市谷田町3-13 神楽ビル2F
tel.03-3268-2500 fax.03-3268-8844

贈る図書館~マイラバakkoの被災地の子供たちに絵本を送るプロジェクト~

ap bank Fund for Japan – My Little Lover akkoより、東日本大震災被災地に向けてのお知らせ「贈る図書館」

村の図書館も壊滅してしまいました。今も避難所にたくさんの人が避難しています。 そんな彼からぽろっと、「ありふれた生活の大切さを痛感している被災地の子供たちに、本があるといいのではないか、、」という提案を頂きました。 もちろん、生きることに必要な食料などの物資が先であることは重々承知です。それはそれできちんとサポートしていきます。 でも、実際復旧を待たなくてはいけない子供たちやご高齢の方達の時間というのは、限りなく長いものでしょう。

そんな時にもし、ほんの少しでも気持ちが安らぐような本、今はどこへも行けないけど想像の旅に出られるような、 そんな本があったら役に立つのではないかと考えます。

【送付先】
〒106-0043
東京都港区麻布永坂町1番地 麻布パークサイドビル402
ORS内「贈る図書館」係

【募集期間】
4月20日着

TOKYO-FMの番組『スクールオブロック』でもマンガ寄付キャンペーン

SCHOOL OF LOCK! マンガ支援プロジェクト~HOPECOMIC~

たまに時間が合うと番組聞くことはあるんだけども、
これは今日初めて知りました。
全国の10代の子から、被災地の10代の子に元気の出るマンガ(元気玉)を送る
というコンセプトのキャンペーン。
まっ、内容が10代向けであれば、送る人は10代じゃなくてもいいのでしょうが(^^;
これもマンガの最後のページにメッセージを書くこと推奨です。

【送付先】
〒102-8080
TOKYO-FM SCHOOL OF LOCK!
マンガ支援プロジェクトの係り

【募集期間】
2011年4月18日~4月30日まで。

どれに送るにしても、被災地の方たちが読まれる本だということを考えながら、
本を選ばないといけませんね。

被災地の子供たちに漫画を送ろう – NINJA TOOLS
NINJA TOOLS 漫画寄付キャンペーン 特設ブログ

〆切前に情報を載せそこねてしまったのですが、
MINJATOOLSの震災地の子供たちに漫画を送ろうキャンペーンで
漫画を寄付しました。50冊くらい。
先々週の土日に秋葉原での直接受付もあったらしいですが、
そのときは知らなかったので、配送で送りました。

西ミシガン図書館に寄付し損ねた分がありまして(ーー;
今回は子供向けなので、ちょっと選別。
そういう目で見てみると、小学生にはちょっとという本が結構ありました(爆)
まぁ青年漫画だからしょうがない。はけました。
そんなこんなで最後に残ったのは、花ゆめの名作系やマーガレット系になりました。

最近自分自身漫画を読む量が増えてるのですが、癒される部分は確かにある。
なので、被災されている高~大学生や大人にも漫画が手にとれる環境があればいいなと思います。
まぁ今はそんな余裕もないでしょうし、子供たちの方が先でしょうが。
それに子供向けの方が素直に希望を持てる内容のものが多いかな。

時代をちょっとだけ斬る! 漫画寄付企画は大成功のようです
時代をちょっとだけ斬る! 「被災地の子供たちに漫画を送ろう」という企画

サイバラは確かに子供向けではないけど、勇気づけられるという面はあるんだよなぁ。
やっぱりそういう選別って難しいですね。

特設ブログの方で、送られた漫画達の行く末がどうなったかもちゃんと書いてくれるといいな。

記事一覧表示部にjqueryでNEWアイコンを一定期間表示

SSIを利用して一定期間NEWアイコンを表示させる処理に変わるものとして、
下の記事のjquery.newmark.jsを利用することにしました。

jquery.newmark.js で一定の期間だけ New マークを表示する

実装方法としては、head内に以下のようなscript記述を入れるのと




aタグ内にtitle要素で年月日と専用のclass名を入れる感じです。


なのでMovableTypeだと以下のような表記に。

" class="newmark">

こちらの方がSSIを使うよりも、セキュリティ的にも記述的にも
スマートで良さそうと感じます。

一つひっかかったとこで、script記述の貼り方によっては、
何故だかエラーが出たので気をつけて(><)

メッセージ: ‘}’ がありません。
ライン: 45
文字: 18
コード: 0

テンプレートモジュールで記事ページにNewアイコンを呼び出し

再構築時、一定日数内のエントリーに対して「New」アイコンを出力させるMTモジュール

テンプレートモジュールに設定→MTEntriesで呼び出しで
記事ページにNEWアイコンを出力させるものです。
トップページの記事タイトル一覧には使えないなと却下しましたが、
別の用途では使えそうです。

ちゃんと<pre lang=”php”>~<pre>で囲んでても
以下のエラー出ました(><)

Fatal error: Cannot redeclare print_new() (previously declared in [WordPressディレクトリの絶対パス]/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()’d code:49) in [WordPressディレクトリの絶対パス]/wp-content/plugins/exec-php/includes/runtime.php(42) : eval()’d code on line 53

プラグインの『Exec-PHP』を停止させて、記事を保存するとよい。

サーバ周りの設定で、httpd.confが出てくると妙に腰が引けます・・・。
色々設定してあるファイルみたいだし、再起動も必要なんで。

以前のサーバのサポートでは、わからないやつはいじるな!って
感じの突き放したマニュアルの書き方だったのですが(爆)
今回の新しいサーバでは、妙に優しくなっていて(笑)
所有権を変更してFTPで上書きするやり方
結構丁寧に書いてありました。

たぶんこれでもいじれるんだろうなとは思いつつ、
今までは手を出してなかったのですが、
確信を持てたので、やってみました。
viコマンドよりかは気がラクな感じでした(><)b

shellが使えること前提です。
1.http.confをFTPでダウンロード→修正
2.shellで所有権をrootからFTP管理者
3.FTPで修正したhttp.confを上書き、
4.shellで所有権をrootに戻す
5.apatchの再起動

以前紹介したSSIを利用したNEWアイコンを付ける処理が、
サーバ引越しにあたり、新サーバがSSIを利用できない状態になっていたので、エラーが出ました。
http.confと.htaccessの修正で、SSIが使えるとのことだったので、その作業メモです。
サーバによってやり方が違うと思うのでご参考まで。

http.confの編集

まずここを見ながらhttp.confの編集をしました。

CGI/SSI利用の準備

154行目「# LoadModule include_module modules/mod_include.so」の行頭の「#」を削除します。

http.confの設定

それからサブホストの.htaccessを設定します。
既にCGIが使える状態にはなっていたが、更にSSIも使用できるように変更

サブホスト領域でのCGI実行設定

Options +Includes +ExecCGI
AddType text/html .shtml
AddType text/html cgi
AddHandler server-parsed .shtml
AddHandler cgi-script cgi 

更にこのままだと.stmlでしかSSIを実行できないので、
.htmlでも実行できるように
とほほのSSI入門を見ながら、AddHandler server-parsedに.htmlを追加しました。

.shtml のファイルだけでなく、拡張子が .html のファイルでも SSI を使用したいときは、AddType の行を次のようにしてください。ただし、.html のファイルに対しても、サーバーで SSI 処理を行うので、サーバーに負荷がかかります。

AddType text/x-server-parsed-html .shtml .html
Options +Includes +ExecCGI
AddType text/html .shtml
AddType text/html cgi
AddHandler server-parsed .shtml .html
AddHandler cgi-script cgi 

ところがどっこい、これをやってもSSI使えませんでした(><)
サーバの勉強も兼ねて只今検証中です。

ヒントになりそうなページ。
SSIを使用する(mod_include)

Home > アーカイブ > 2011-04

MESSAGE
3月11日の東北地方太平洋地震で
被災された方、親しい方が被災された方に、
心よりお見舞いを申し上げるとともに、
被災地の一日も早い復興を
心よりお祈りいたしております。
PROFILE

横浜在住。
横須賀でWeb制作の仕事をしている
へっぽこ兼業主婦です。
ガチャピン似。


A RELATED SITE
くまのがっこうブログパーツ
TODAY’S COLOPLA COLONY
FAVORITE SHOP
RECOMMEND COMIC
【送料無料】しろくまカフェメロン味!

【送料無料】しろくまカフェメロン味!
価格:680円(税込、送料別)

【送料無料】なのはな

【送料無料】なのはな
価格:1,200円(税込、送料別)

【送料無料】昭和元禄落語心中(1)

【送料無料】昭和元禄落語心中(1)
価格:590円(税込、送料別)

【送料無料】テルマエ・ロマエ(4)

【送料無料】テルマエ・ロマエ(4)
価格:714円(税込、送料別)

TWITTER
POPULAR ENTRY
BOOKLOG

PONNAO’S RAKUTEN FAVORITE

YOUR’S RAKUTEN FAVORITE

Return to page top