マスコミの「忖度」本当はどうなの? ジャニーズ問題、セクハラ、性暴力被害 記者とユーチューバーが議論 那覇・沖縄
![47NEWS(よんななニュース)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1c305fd5d633aedab33e2affa2843e15b004d7e/height=288;version=1;width=512/https%3A%2F%2Fwww.47news.jp%2Flib%2Fcommon%2Fimg%2Fimg_blank.png)
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Trac、Redmineといったチケット形式のプロジェクト管理ツールが人気となっています。 デブサミ2011では、[デブサミ]速報:2011ベストスピーカー賞(敬称略) via IWAKIRIさんのブログにもありますように、ベストスピーカー賞3つのうち、2つがチケット管理システムに関しての発表でした。「チケット管理システム大決戦」というセッションは、デブサミ史上最大の観客数となったと聞いています。 なぜ、プロジェクト管理ツールがここまで注目されているのでしょうか? 開発の現場はそれぞれ異なり、抱える課題も様々だと思います。しかし、プロジェクト管理の中でもタスク管理に関しては、「作業を適切なサイズに分割する」「優先順位をつける」「人をアサインする」という固定のパターンがあり、さらに、現在のアジャイルムーブメントにより、これらの要素がより明確化され、その重要性が認識されてきたように思います。
CSS Modal ? Paul Hayes CSS3で画像もJSも使わないモーダルボックスサンプル。 ボックスが徐々に大きくなりつつフェードも組み合わせたアニメーションがCSS3で実現されているところがいいです。 ボックスも影がついてて閉じるボタンだってあります。 JavaScriptを切っても動いてます。 実際に使う場合はやっぱりJSを使ったほうが便利なものが出来るわけですが、CSS3だけでも出来るっていうところは知っておいてもよいというのと、内部で使われているテクニックもなんとなくでも覚えておくといいのかもしれませんね。 関連エントリ グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「Ceaser」 IE9にも対応したCSS3リファレンスサイト「css3files」 超シンプルなマークアップで実現できるCSS3による画像を使わない吹き出しサンプル CSS3で実装され
しかしここで私は、課題をひとつ提起したいと思います。これらのウェブメディアを同時並行的に立ち上げていくこと以上に、いま本当に求められていることがあります。それは、ネットのインフラが使えなくて情報が途絶している被災地の人たちからアナログの情報を収集し、そして食糧配給や安全な避難所や燃料などの情報を再びアナログに戻して送り届けること。 私はこの一週間、孤立した被災地への支援を行っている日本ユニバをはじめとして政府関係、防災関係、またIT業界などの人たちと会って意見交換してきました。現地の様子はいまだに全容はさっぱりわかりません。被災地の全体像をつかんでいる人は、おそらく政府にも自衛隊にも自治体にもほとんどいません。みな「自分の目の前にあること」を一生懸命手を尽くしている状況です。しかし全体像が見えていないから、どうしても欠落部分は生じてしまいます。しかし情報インフラについては次のような断片的な
GitHub - ofk/xcssjs デモ(オリジナルはCSSでアイコンをデザイン - Hail2uのDesign icon with CSS) デモの結果はオリジナルと同じでよく分からないかもしれませんが、CSSが違います。xcss.jsを読み込むとベンダープリフィックスは記述不要です。 つまり、どういうことかというと .rotate10 { transform: rotate(-10deg); } とCSSで書いておき、xcss.jsを読み込むと、 .rotate10 { -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); } というCSSを動的に追加するライブラリです(実際はブラウ
FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどw折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
先日はじめたばかりなのにFacebookについて語るのも偉そうかもしれませんが、せっかくiFrame形式のページを設置したので、その作成方法や個人的に悩んだところをまとめてみます。 今回はiFrameを使ってFacebookページを自由にカスタマイズする方法を紹介します。Facebookページ自体はログインした状態で「Facebookページを作成」にアクセスすると作成することができます。 今まではFBMLというFacebook独自の言語を使っていたのですが、現在はiFrame(インラインフレーム)に移行されています。ということで、上の赤い部分に、自分で用意したサーバーのページを表示するということになります。 移行の理由はよく知りませんが、iFrameだとユーザーがサーバーを用意しないといけないので、やはりサーバーの負担を考えてなのでしょうか。 個人的にインラインフレームはあまり好きではない
IE6をはじめ、iPhone, iPadにも対応した、可変レイアウトも固定レイアウトにも利用できる実用的で多彩なグリッドを組み立てるCSSのフレームワークを紹介します。 StackLayout デモページ:Basic Mockup [ad#ad-2] StackLayoutの主な特徴 StackLayoutの対応ブラウザ・デバイス StackLayoutで使用する12個のclass名 StackLayoutのデモ StackLayoutの使い方 StackLayoutの主な特徴 わずか12個のclass名で、コンポーネントを管理 class名は、簡単にセマンティックなものに変更可能 ネストの制限は無し floatのクリア無しで、エレメントを横列に簡単に並べることが可能 デフォルトは可変レイアウト用で、固定レイアウトにも対応 各カラムの溝の設定は簡単で、px, %の両方に対応 StackLa
人前で話すことに抵抗がある人にオススメな本があったのでご紹介。 著者のスコット・バークンは、マイクロソフトで1994年から2003年にかけて働き、主にIE1.0から5.0のプログラム・マネジメントを担当していたという経歴の持ち主です。プログラマとしてはなんとなく親近感が湧きますね。 この本では現在講演家として活動している著者のノウハウが記されているのですが、著名な講演家の高度なテクニックというよりは、率直に一人の人間として講演、発表に向かう姿勢が書かれています。これまで数多くの発表をこなしている著者でも発表前には恐怖を抱き、それに対処するために様々な努力を重ねている点についてはとても参考になります。 この本を読んで感じた人前で話すことへの対応方法を5つにまとめてみました。 1. ささいな失敗は起こるもの。気にしない。 発表に失敗はつきものです。しかし細かな失敗はたいてい聞いている側は気にし
災害時にはBelugaがすごく良いんじゃないかという話 - hitoshi DAILY 豚組の@hitoshiさんの素晴らしいBelugaエントリー以降、自分の周りでかなりユーザーが増えて来てるBelugaですが、僕がBelugaについて語りたかった事自体は@hitoshiさんのエントリーが全てを語っているので、純粋にBelugaの使いこなしについて書きます。 まずはBeluga Helperについて Belugaはモバイルに特化したグループチャットと思っている人も多いかと思うのですがちゃんとPCでも使う事が出来ます。 若干分かりづらいので気づかない人も多いみたいですが上のスクリーンショットのようにPCでBelugaのサイトにアクセスすると右上にログインリンクがあります。このリンクからBelugaにログインすればブラウザ上でBelugaを利用する事が出来ます。 ただブラウザ版のBeluga
ふだん OmniFocus で仕事の管理をおこなうことが多いのですが、認めましょう、実はかなり無理しています。 というのは OmniFocus は GTD の「プロジェクト・コンテキスト」のマッピングや、パースペクティブといったものをかなり忠実にアプリケーション化していますので、利用するのはとても複雑で慣れを必要とするからです。 また、タスク管理がデスクトップのアプリ側を中心としている点も、時として面倒です。 OmniFocusのデータはiDiskを経由して外のMacにも、iPhoneからも読めますが、やはりデータがどこにあるかというと複数あるMacのうちのどれかということになり、ブラウザ一つあればどこでも読めるクラウド型のタスク管理システムを利用したくなることはよくあります。 そこでいま本気で乗り換えようかと期待しているのが先日一般への公開が始まった Flow です。 Flow の特徴
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML:背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
ついにFirefox 4が登場。最近はChromeにしてしまおうかとも思ったりしてたけど、改めて見直すことにしよう。 基本的には3.5のときの延長線上だけど、最近はあまり細かく設定してないので、シンプルに。 Firefoxボタン→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Cookieを有効にするが、保存期間はFirefoxを閉じるまで Firefoxボタン→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン(標準設定) Firefoxボタン→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで Cookieを有効にしていないといろいろと不便になるサイトはよくあるので、有効にして
免責事項:本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
1.一般的なコーディング規約に目を通し、エレガントなコードを知るエレガントなコードを書くためには、エレガントなコードを知らなければならい。その土台を築いているコーディング規約について、オープンソースではどのようなものが使われているのか理解しておこう。入社する予定の会社が採用している言語については必ず目を通しておこう。 PHPPEAR 標準コーディング規約symfony CodingStandards Perlperlstyle Ruby クックパッド株式会社のRubyコーディング規準 Matzスタイル NaClで採用している規約 Python PEP 8そして、あなたの身近にあるオープンソースのコードを実際に読んでみよう。この時点でコードの仕組みや設計が理解できなくても良い。コードがエレガントかどうか?を感じ取って欲しい。こう書いた方が、良いのではないか?など、考えてみよう。
怖い上司や先輩、嫌味な同僚、ひねくれ者の部下、傲慢な取引先etc… 誰にでも、できれば関わりたくない「苦手な人」がいるもの。でも、プライベートならまだしも、ビジネスでは付き合わないわけにはいきません。 しかし、「苦手な人」を苦手なままにしておくのは、自ら成功のチャンスをつぶしてしまうようなもの。あなたの「負の感情」は必ず伝わり、相手はけっしてあなたの協力者になってはくれません。苦手な相手を克服して信頼関係を築くことこそ、ビジネスチャンスをぐっと広げるためのカギなのです。 では、どうすれば苦手な人を克服できるのでしょうか。 それは、「ほめる」ことです。“成功している人”は必ずほめています。自分が好意を示すことで、相手はその感情を受け止め、必ず好意を返してくれる。それを知っているのです。 でも、「ほめる」ことは、簡単そうに思えてなかなか難しいものです。いざほめようとすると照れくさくなったり、「
計画停電で電池生産落ち込む 3月27日 15時27分 充電式の乾電池を作っている国内で最大の群馬県高崎市の工場では、地震のあと、電池の需要が高まっているにもかかわらず、計画停電の影響で、生産量が2割ほど落ち込む状態が続いています。 群馬県高崎市にある電池の製造工場は、繰り返し充電できる「ニッケル・水素充電池」を作る国内では最大の事業所で、通常、24時間態勢で月に1500万個を生産しています。震災を受けて、工場では充電済みの乾電池およそ72万個を岩手、宮城、福島の3県の被災地に送りました。地震のあと、計画停電が始まった影響などで、工場には電池の注文がおよそ3割増えているということです。しかし、工場自体が計画停電の影響を受けていて、停電の前後に機械の点検などが必要なため、生産ラインを10時間ほど止めざるをえないということです。このため、電池の生産量が2割ほど落ち込む状態が続いているということで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く