see more 2013-07 - ponnao-clip

Home > アーカイブ > 2013-07

2013-07

ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup

コーディング規約を作ろう | Webクリエイターボックス

Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり | コリス

プログラミングできなかった僕はどうして一人でWEBサービスを立ち上げるに至ったのか | srock.record

ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit | コリス

ネットのお坊っちゃんは見ない お勧め「ドンキ系Webサイト」9選 – Hagex-day info

使いこなせばもしや爆速!?ここ最近助けられたチートシート色々を厳選してご紹介! | バンクーバーのうぇぶ屋

フリーランスも社内も助かる!企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 | コムテブログ

ボタン作りの手間を削減!CSSボタンデザインジェネレーターまとめ – W3Q – Web制作者のお悩み解決サイト

あまちゃんの北三陸市観光協会ホームページをWeb担編集長が真面目にレビューしてみた | Web担当者Forum

検索するとしょこたんの画像が出てくる生物たち – Togetter

しょこたんはSEOの達人だった? 検索に強いしょこたんぶろぐをデータで調べてみた(追記修正あり) | Web担当者Forum

ul・ol・li要素の備忘録 | NxWorld

いまさらですが、増井雄一郎さんのメモ帳サービス「wri.pe」がすごい件 #HTML5 #プログラミング #wri.pe #markdown – CodeIQ Blog

[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify | コリス

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27 | コムテブログ

UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ

ノスタルジックなデザインがかわいいヴィンテージペーパーのテクスチャ素材 -The CoffeeShop | コリス

デザイナーができるWebサイト高速化!JavaScript/CSS圧縮ツール厳選10個 | Find Job ! Startup

複数のカラーでカラースキームを作成する際に調和のとれたいい感じにするアイデア | コリス

Illustratorで印刷物風のかすれの描き方|鈴木メモ

複数のアイコンWebフォントからカスタマイズしたアイコンセットを作成できるWebサービス – W3Q – Web制作者のお悩み解決サイト

【無料素材】マスキングテープの素材2 商用利用可 デザインを彩る無料素材 商用可/ウェブリブログ

【無料素材】マスキングテープの素材 デザインを彩る無料素材 商用可/ウェブリブログ

いつも手元に置いておきたい!iPhone/Android画面解像度早見表【2011年〜2013年夏最新機種】 | Find Job ! Startup

最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ


パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック | コリス

ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate | コリス

CSSでアニメーションを作るのがグッと楽になるアニメーションライブラリまとめ – W3Q – Web制作者のお悩み解決サイト

1日でわかるWebサービス制作の全て ~企画から実装まで~

レスポンシブWebデザインを学びたい人が読むと参考になるスライド – W3Q – Web制作者のお悩み解決サイト

僕のWordPressのお勧めプラグインと設定方法を公開 | ENJILOG

言葉からウェブデザインを始めよう(翻訳) | Elle Kasai

Web制作の見積金額・相場観を知りたい時に参考になる記事まとめ – W3Q – Web制作者のお悩み解決サイト

【凄すぎ】 楽器店におばあちゃんが登場 → 超絶テクニックを見せ颯爽と帰る wwwwwwwwww : 【2ch】コピペ情報局
この記事で知ったのだが、タイトルの外国のおばあちゃんより、
19で紹介されてる、日本のジャズおばあちゃんの動画の方がすごくて感激、号泣してしまいました。・゚・(つД`)・゚・ ウェ―ン

1999年の映像です。

編集版 6分の動画

編集してない版 15分の動画 時間があるならぜひこちらをどうぞ。おばあちゃんとお孫さんの絆にも感動!

残念ながら2009年にお亡くなりになられたそうです。
日本ルイ・アームストロング協会の機関紙に追悼記事が紹介されてます。8ページ目。
ジャズおばあちゃん星さんの追悼記事

星富美子(ほし・ふみこ)の芸名で戦前から活躍した女性ドラマーの方が、09年10月24日に91歳で亡くなりました。星さんは1999年、81歳の時にニューオリンズを訪問して、プリザベーションホールで、ジョン・ブルーニアス(tp)のバンドが演奏していたところへ、ゲストで参加して、ドラムを叩いて喝采を博したことがありました。日本のテレビ局がその模様を当時放映して星さんのさっそうとしたスティックさばきが評判になりました。その時、星さんがブルーニアスと一緒に撮った写真や、ルイ・アームストロングの銅像の横でドラムをたたいたスナップがあります。星さんは大正7年、東京生まれで女学校の頃、女性ばかりのジュニア7人バンドに入ってドラムを受けもち、昭和8年頃、森永のお菓子の宣伝隊として演奏活動に従事し、京都の東山ダンスホールに少女バンドで出演したり、大陸に慰問演奏に赴いたり活動を続けました。

きっと天国でおじいちゃんと一緒に演奏してますね!

あまちゃんに関するサイト(オフィシャル、出演者のブログなど)を貼ってく記事でございます。
随時更新中!( ´∀`)

イベント詳細・申込(あまちゃんファン感謝祭) | イベント・インフォメーション | NHK(日本放送協会)
あまちゃんファンミーティング岩手はさすがに遠い(^^; 上野でもやってくんないかな。しかしこっちでやったら相当競争率高くなりそう!

GMT48のオフィシャルサイト!
Office Heartful

北三陸市観光協会ホームページ

07′ nounen 能年玲奈オフィシャルブログ

大友良英のJAMJAM日記

池上さんとは関係ないけど、わかりやすすぎやろww

テレ東・池上彰の選挙特番視聴率10%超え 民放特番で圧勝 ニュース-ORICON STYLE-
池上彰さんがテレビ東京の参院選特番で進撃しまくってると話題に : 市況かぶ全力2階建
【選挙】攻めすぎている池上彰さんまとめ2013【テレビ東京】 – NAVER まとめ

焦げた石破さん

どうせネタ的なものはあとでまとめられるだろうからと、がんばってツイるつもりはなかったのだが、石破さんを見た時に反射的に体が動いてしまいましたwww


しかし、これって遊説で日焼けしたとかだったらいいけど、体大丈夫なのか気になりますね。
肝臓とか悪いわけではないよね。

当確者のおもしろプロフ

最終的にこれが一番おもしろかったな。どうやってこの手の情報を見つけてくるのかも気になるところなのだが。

全部かわかりませんが、まとめてくれてる人がいます。

家事をしながら4時間半ぶっ通しで見ましたが全然飽きなかった!
ただ答える方もこ慣れてきた感はあるなぁ。
逃走した議員について、池上さんが質問したかった内容を読み上げられてるのがおもしろかったですが、
話題の議員とのやり取りが、中継の都合とかでなかったのは残念でした。

そして最後にコレを・・・。わかった上で皮肉を楽しんでるつもりではいるけれど。
ただ、池上さんには有権者をバカにしてるつもりは毛頭ないと思う。
このぐらい面白くしないと(切り込まないと)、今選挙に行ってない人が行くぐらいに興味を持たないというのもまた事実だと思います。
そしてそこまで一人一人の議員のことなんて調べあげてるヒマなんて、社会人には正直ないよっって思うなー。
なので私はこの番組のプチ版というかインタビューなしの分析版でいいいから、選挙前にやってくれないかなぁとも思う。
カンバセーションも興味深いです。

自分は当然選挙に行ったのですが、どこに入れたのか、結果を見てどう思ったのかはまだうまくカンバセーションできる自信がないので、伏せときます。

金曜日にNHKの特報首都圏で、コレクティブハウス(他世代同居)の特集をやってました
興味深かったので、ちょっと書きとめてみる。

シェアハウスとも通じるとこがあって、
個々の独立した住戸と居住者全員で使うコモンスペースがある感じですね。
見たところ、小さい子供のいる若い夫婦や子どもが独立した後の年配の夫婦が多いようでした。
世帯毎にそれぞれの決まった係が割り振られていて(園芸係とかIT係とかそういうこまごまとした雑用的なもの)、週に2、3回は皆で飯を食うという。
余談ですが、わしはIT係しかできそうにない!(;´Д`)と思ったのですが、個々の能力にあったものが割り振られるのかは不明。
今までずっと独身だったおじいちゃんが若い世代の夫婦や子ども達と楽しそうにしてましたが、人間関係がうまく行ってるからこそだよなぁとは思った。あと、各々の身元がはっきりとしてるんでしょうね。入居面接とかもありそう。
子どもを育てる環境としては悪くないと思う。

しかし、将来的に、子どもが思春期になったりとか、要介護の人が出てきたりすると、また難しい部分も出てくるのではないかとは考えてしまう。

また別の施設の話で、要介護の人たちと暮らす福祉職志望の若者の話もやってましたがね。

あと2階に大学生を住まわせて、結構仲良くなって一緒に旅行も行っちゃったという50代くらいの女性の話は、それって昔の下宿のおばさんだよね!?と思ったりした。
でもそこまで仲良くなれるのはうらやましいなぁとは思いました。

コレクティブハウスについては、本来は身内で他世帯同居というのが、本来あるべき姿なんだとは思います。コレクティブハウスはそれを他人同士で疑似体験してるような感じにも捉えられました。でも他人同士だからこそうまくやっていける部分もあるのかもしれない。

他のコレクティブハウスの記事
コレクティブハウスって何?「ゆるやかだから続く。ゆるやかだから壊れない。」その暮らしを覗いてきました!CHC全国大会(1) [イベントレポート] | greenz.jp グリーンズ

無縁社会の救世主?「コレクティブハウス」での暮らしとは? | 月刊マガジン マネット

クレクレタコラ ― ミュージックファイル

昨日の怒り新党の特集が面白すぎて、ちょっとだけつっこんで調べてみました。

【やりすぎアニメ】第二のチャー研!?『クレクレタコラ』とは!? – NAVER まとめ

メイキング映像

着ぐるみ作成のメイキングです。
特殊美術造型のツエニーという会社の代表
村瀬継雄さん(兄)村瀬継蔵さん(弟)がインタビューに答えてます。

感想記事

DVDを所有されてる方が、後半の面白い回をピックアップして感想を書かれてます。
やっぱ他の回もかなりイッちゃってる印象w 「禁じられた遊び」で最後に濁点付けるとことかセンスいいなぁ~。
Kurekure Takora

第220話「気違い真似して気が触れたの巻」
タイトルからしてヤバイだろ(^^;
再放送とかだとさすがに放送されなかったらしいですが、DVDには収録されてるらしいです!
クレクレタコラ DVD-BOX

ちなみにツイッターで言及した篠原ともえのカバーの『クレクレタコラ』です。
あらためて聞くとなんてスタイリッシュ!

今回動画を作るのにお世話になったとこ。
数曲聞いてドンピシャのが見つかりました。しかも時間もピッタリだったー\(^o^)/

ロイヤリティフリーの無料音楽素材「甘茶の音楽工房」

前記事の続き記事になりますが。
出来上がったswf動画をYoutubeにアップしようとしたら、
「失敗しました (動画ファイルを変換できません) 」というエラーメッセが出てきて
何回やってもアップできましぇん!!(;´Д`)

YouTube にアップできる動画形式

YouTube でサポートされているファイル形式 – YouTube ヘルプ

MOV
MPEG4
AVI
WMV
MPEGPS
FLV
3GPP
WebM

どうやら自分の中でFLVとswfを勘違いしてたらしい。swfはアップできません!(;´Д`)そんだったら、「アップロードできない動画形式です」とかのメッセ出してくれよ!!と怒りも感じたが、まぁそれはおいといて。
調べた末、フラッシュから他の動画形式に書き出しができるということがわかったのですが、AVIに書き出しすると、結構高品質の設定をしてるはずなのに画像荒れ荒れで音も出ない~(;´Д`)

Flashでの変換方法(失敗&オススメしない)

FLASH、SWFファイルをAVIなどへと動画化する方法 – 動画職人獣道

CS3または8の場合、AVIに直接書き出しすることができます。但し、「ビデオの圧縮」にチェックを入れないのがベターです。

 またはMOVで書き出して、それをAVIなどに変換するのが一番の早道、但しこの場合、パブリッシュの設定で「経過時間」を必ず記入すること。

 これをしていないので、うまくできないと困ってる人が多いようです。それから、音楽にmp3を用いている場合はWAVにしておくのが鉄則。mp3の場合、コーデックの展開絡みで音ずれやぶれなどを引き起こしやすくなります。

ここなどを見ながら、もうちょっと丁寧にやったらできたかもしれませんが、めんどくなってきたので他の方法をとることに(爆)

Free SWF Converterでの変換

んで、ここのページを参考に「Free SWF Converter」をダウンロード。
Swf2Aviも試しに落として使ってみましたが、こちらは完全に音声は移せないし、Free SWF Converterの方が使い勝手がよい感じがしました。

なゆたビジョン フリーソフト紹介・無料便利Webサービスサイト » Blog Archive » FLASHのSWFファイルをAVIやMPEGの動画に変換するソフト「Free SWF Converter」

Free SWF Converter Free Download

最初デフォルトの設定でそのままコンバートしたら、なぜか速さが2倍速に(;´Д`)
フレームレートを2倍にして、更に無圧縮の設定にしたら、データ量は2倍になったけど、かなり画像はキレイでした。

しかし結局音はならないので、さらにWindowsムービーメーカーで音を付けてwmvで生成し、それをYoutubeにアップしました。
フラッシュ動画のときはスムーズだったけど、ここまで来ると多少カクカクしますね。
思った以上に手間がかかるのね(;´Д`)

ほんとはいけないらしいのですが、私はよくシーンを分けてフラッシュ動画を作成します。
フレームレートとかの計算が簡単に感じて(;´Д`)ほんとは一個のシーンで作った方がいいらしいのですが。
で、今回もその方法で作ってたのですが、最後バックミュージックを付ける段になって簡単に付けられないことに気が付きました。

一個のシーンだとそのままフレームにつければいいらしいのですが、シーンをまたいでる場合、script記述で付けないとダメらしい。
以下の方法でうまくいきました!!

シーンをまたいでのサウンド再生 – Flash – 教えて!goo

スクリプトでサウンドを鳴らす時は、「リンケージ」という設定が必要です。
「ライブラリ」ウィンドウで、BGMとして鳴らしたいサウンドを選び、control +クリックで出すメニューから「リンケージ… 」を選択してください。「リンケージのプロパティ」パネルが開きます。

上のやり方はMacの場合かも。
リンケージはファイルを右クリックで選択するとでてきました。

「リンケージ:」の項目にある「 ActionScript に書き出し」にチェックを入れると、他の項目も編集可能になります。
「識別子」の項目に、何か分かりやすい名前を入力してください。この名前は、スクリプトでサウンドを扱う時に必要になります。日本語はトラブルの元になりやすいので、半角の英数字と” _ ”だけで付けるといいでしょう。
ここでは仮に、「 bgm 」と付けたとします。

また、「最初のフレームに書き出し」の項目は、チェックをいれない方がいいとありますが、今回の場合はNowLoadingがない動画だったので、チェックを入れた方がすんなり最初から音が出てよかったです。入れると結構長い間音が鳴らなかったです。

最初のフレームに以下のスクリプト記述をすればOK!
参考ページにあるように行頭にスペースがあるとエラーが出るので、全て消して下さい。

//BGMを動的に挿入し、再生する
bgm_obj = new Sound();
bgm_obj.attachSound( "bgm" );
bgm_obj.start();

//演奏終了時、自動的にループ
bgm_obj.onSoundComplete = function()
{
this.start();
};

これで見事にうまく行きましたが、この動画は最終的にはYoutubeにアップする用途のものだったため、AVIに変換する時に音だけ落ちてしまって、結局Windowsムービーメーカーで合成することになりました(;´Д`)
最終的な用途まで考えて作業しないといけないですね。

Home > アーカイブ > 2013-07

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