Webサイトの作り方のまとめ！トップページ完成まで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
2015年 話題になった記事は？ はてなブログ 年間ブックマーク数ランキング トップ200を大発表！【修正あり】 - 週刊はてなブログ
はてなブログの2015年をふりかえる年末特集。第3弾は「はてなブックマーク年間ランキング」です。 週刊はてなブログでは毎週月曜に週間ランキングを更新していますが、今回はその総まとめとして2015年1月1日から本日までのブックマーク数を集計しました*1。はてなブログ（はてなダイアリー、はてな匿名ダイアリーを含む）の記事から、2015年のブックマーク数順にトップ200をピックアップ！ 2014年と比べると全体的にブックマーク数が増えているようです。それだけ良い記事が増えたのか、はてなブックマークの利用者が増えたのか。みなさんがブックマークしていた記事はどれくらい入っていたでしょうか？ この1年のブックマークをふりかえってみるのも良いですね。それではランキングを御覧ください。どうぞ！ ※集計したランキングから抜けていた対象記事が1つありましたので、修正いたしました。当初から、49位以降で順位が1
商品をより魅力的に伝える。それがコピーライティングの技術です。 実際の商品・サービスはすごく良いものだったとしても、その良さをすべての人に口頭で伝達していくには限界があります。 そこで、DMやチラシ、広告等、色々な方法で大勢の人へ広めていくわけですが、そのときにきちんと商品・サービスの魅力が伝わらないと、消費者があなたの提供する商品やサービスを手にとることはないでしょう。 そこで必要なのが、より魅力的に魅せる文章。つまりコピーライティングの技術です。 例えば、あなたは下記のどちらの効果が高いと思いますか？ →上記「A」「B」で比べたとき、効果は「B」の方が3倍程度、高い結果となりました 「A」は美容整形を受けたい人の心情を表しており、コピー的にもキャッチーな印象ではありますが、具体性に欠けるところがあります。 一方、「B」はつまらないコピーに感じるかもしれませんが、ユーザーに対しメリットを
Web Applicationを綺麗に設計するためのMVACという考え方 - $shibayu36->blog;
【2016/03/04追記】以前まとめたこのMVACという名前の設計は既に古くなっており、今はこのようなアーキテクチャで設計していません。 こんにちは。最近ははてなでMVACというアーキテクチャに則って開発をしているのですが、ようやく意味を理解できてきました。そこで今回は「Web Applicationを綺麗に設計するためのMVACという考え方」について、サンプルを交えながら説明していこうと思います。かなり長くなってしまったので、時間があるときにでもどうぞ。 MVACって？ データソースやロジックを扱う「Model」、表示・出力を管理する「View」、複数のModelとControllerをつなぐApplication、ユーザのリクエストなどを受け取りViewやApplicationを制御する「Controller」の4つの要素を組み合わせてシステムを実装する方式。MVCをさらに抽象化した
Tokyo Otaku Modeの安宅です。「最近注目しているプロダクトは？」と聞かれたら、迷わず「Googleスプレッドシート」と答えます。Googleスプレッドシートの最近の進化は本当に革命的です。あまり話題になっていないのですが、Googleスプレッドシートは新バージョンになって、体感では従来の3倍速と思えるほど高速になりました。かつ、1つのスプレッドシートに書き込めるセル数も200万セルと大幅に増えました。 以前だと一定行数を超えたCSVファイルはインポートができなかったのですが、新スプレッドシートではよほど大きすぎない限りはスムーズにインポートできるようになりました。 データの集計時によく使うSUMIF関数は、以前なら変則的な使い方をしなければなりませんでした。しかし、新バージョンではそのまま使えるようになったりと、まさに痒いところに手が届くバージョンアップがなされて、ますますG
人はミスをする。これは当たり前のことだ。 だからミスしないように準備をするし、仮にミスしたとしても、トラブルにならないように防護策を立てておく。人命に関わるような重大なトラブルになるのであれば、対策は何重にもなるだろう。 個人的なミスが、ただ一つの「原因→結果」として重大な事故に直結したなら分かりやすいが、現実としてありえない。ミスを事故に至らしめた連鎖や、それを生み出した背景を無視して、「個人」を糾弾することは公正なのか？ 例えば、米国における医療ミスによる死亡者数は、年間40万人以上と推計されている（※1）。イギリスでは年間3万4千人もの患者がヒューマンエラーによって死亡している(※2）。 回避できたにもかかわらず死亡させた原因として、誤診や投薬ミス、手術中の外傷、手術部位の取り違え、輸血ミス、術後合併症など多岐にわたる。数字だけで見るならば、米国の三大死因は、「心疾患」「がん」そして
ブログ収益が月10万円を越えたので、SEO対策とアフィリエイトについてまとめてみる - Literally
2015-01-17 ブログ収益が月10万円を越えたので、SEO対策とアフィリエイトについてまとめてみる TIPS WEB 今日から3回に分けてブログ運営のテクニックを知っている限りすべて書いていく。 とくに理由はないのだがせっかくここまで多くの人に見てもらえるようになったので忘れないうちにここまで試してきたノウハウをまとめておきたかったのだ。教えたくないこともあるが、ブログに対する執着心もそんなにないので全て書いてしまおうと思う。 今回は①このブログのPV数等の振り返りと ②SEO対策の手法 ③アフィリエイト等のマネタイズについて 次回は「ブログの運営テクニック全般」について、5つのポイント（ライティング、コンセプトメイキング、読者登録、バズ、ネタ選定）に分けて説明していく その次の回には「ブログ・Webメディアの未来」について仮説を基に書く予定 このブログの現状について PV数 2
codicとは codicは、日頃、変数名や関数名に頭を悩ませるプログラマのためのネーミング辞書です。 以前は、プログラマ向けの単語辞書といった感じだったのですが、Ver.3からは、「日本語を入力すると、ふさわしい名前を勝手に生成してくれる」という仕様になりました。 例えば関数名を作るのに、「従業員数を取得する」と入力するだけで「get_employee_count」という名前を勝手に生成してくれます。 これだけでも、かなり便利なんですが、codicにはその他にも、プログラミングのための便利な機能が満載だったので、その使い方などを紹介したいと思います。 codicの使い方 codicの主な機能は、日本語を入力すると、勝手にネーミングを生成してくれると言うことです。 ただ、ちょっとした使い方次第で、より便利に利用できるので、その使い方などの紹介です。 基本機能 まずは、基本的な機能、「日本語
アメリカ人です。 Hello 👋 この記事の目的 多くの日本人は自分の英語力には自信がないではないでしょうか。残念ながら「英語がわからん」、「英語が全然できない」という声をしょっちゅう聞いています。でも、今まで英語ができて意味がちゃんと伝わる何人かの日本人に会ったがあります。完璧な英語ではないけど(外国人も英語でミスる時もある...)、がんばって話そうとするので充分仕事ができる人たち。そういうがんばる姿勢はオープンソースのプログラムや英語圏のプログラムに手を出すためには一番大事なことだと思います（外国人側もすごく助かります）。日本の文化では「私はできる！」と自慢することは少ない中、この記事を通して、流暢に話せなくても自分のプログラミングの命名の仕方にはちょっとだけでも自信を持たせたいなと思います。完璧じゃなくていいです。Let's go! 合わせて読んでいただきたい 【日本人エンジニア必
多分当時の僕に文字多めの専門用語多めの本を渡しても読まないと思うので誰でもそれなりに読めて面白くて気付きが多い本って基準でセレクト。 自分の小さな「箱」から脱出する方法 作者:アービンジャー インスティチュート,金森 重樹,冨永 星発売日: 2006/10/19メディア: 単行本（ソフトカバー）自分の小さな「箱」から脱出する方法posted with amazlet at 09.09.10アービンジャー インスティチュート 金森 重樹 冨永 星 大和書房 売り上げランキング: 219 おすすめ度の平均: 苦しかった。 箱から少しだけ頭を出せるようになりました コミュニケーションテクニックに頼る前に一読を。 衝撃的 人に勧めまくってます Amazon.co.jp で詳細を見るこれは一番最初にあげておきたい、なんか優しくなれる本。当時のペーパーナイフのようなキレそうでキレない自分に見せてやりた
冷凍ケーキの件
この文は似たような業種の会社に勤めていた時の事情を元に たぶんそうじゃないかなあ、程度の俺のあくまで勝手な妄想です。 -- 冷凍ケーキの件だけど、ブランド先製造ってこの手の大規模な製造問題を起こさない、 または起きても責任の所在をはっきりさせるために、 定期的に工場監査して問題発生時のトレース能力の確認を求めてくる。 分かりやすく言えば金と工数だけかかるクソ面倒なISO認証(食品だとFSSC)とかも求めてくるし、 力量怪しければ信頼できる業界大手を元請けに入れたりコンサル投入してくる。 なんでクリティカルポイントの管理や記録確認程度ではなく、 受託製造の人間による記録外の原因究明力とか改善力とかそこまで見ている。 そんな状態で製造ラインに乗せて出ていった冷凍ケーキの多数が崩れていましたなんて 明らかに製造・搬送ラインまたは付帯設備のコントロールポイント管理を極めて重篤に怠ってないと出てこな
諸事情で調べ物したのでついでに シェア、と言っても役に立つかわか りません。僕自身、こんな事調べる くらい旅行慣れしていないので、大 した情報ではないかも知れませんが、 何度か必要になるかも知れないので 個人的なメモも兼ねて。 国内外に限らず、旅行するときに役立ちそうなサイトを調べたので備忘録的にまとめておきます。誰でも知ってるような有名なサイト等、割愛しているサイトもあります。 Agoda 世界の安いホテルを探せるサイト。世界中で140,000件以上のホテルを最低価格で予約可能です。英語の通じない国は個人的に不安ですが、日本語サポートがあるのは素敵ですね。 Agoda トクー！ 100円くらいのプランとか、逆に宿泊費無料でしかも100円貰えるプランがあるサイト。会費が必要っぽいけど、100円って・・大丈夫なんでしょうかね？月額400円くらいみたいです。 トクー！ IPPAKU3000 そ
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
インド民はとにかく何かにつけて「言い訳」を唱えてくる。まず、インドに着任してイライラするのはこのインド民のコミュニケーションモードである。これはインド民の自己防衛本能の一種であるが、実際に部下や取引相手として対峙した場合にはなかなか手ごわい。その結果、彼らとの議論が面倒臭くなり、適当にやり過ごし、こちらが相手の主張を飲み込んでしまった場合、インド民は、「やはり俺が正しかった」と本気で思いこむ。よって、議論や責任を有耶無耶にすることは、長期的に見れば相互に誤解を生むことになり、結果として逆恨みや約束の不履行などに繋がる。相手が部下であれば、あなたは彼や彼女をコントロールできなくなるだろう。何しろ、あなたが追求をやめれば、相手は自分が受け入れられたと考えるからである。日本人であれば、無理筋な自らの主張を理解して、心のどこかで良心の呵責が発生することを期待できるかもしれないが、インド民はそのよう
まえがき コードレビューの目的 大目的 小目的 チェックリスト 優先度高（大きな損失を生む問題・後からの修正が困難な問題） 優先度中 優先度低（システムに大きな影響を与えない問題・後からの修正が容易な問題） レビューを負担にしないために レビューサイズのコントロール 誰がレビューをするか 議論をどうまとめるか 批判と個人攻撃 レビュワー向けアドバイス Code author向けアドバイス 参考文献 まえがき コードレビューの有効性が説かれるようになって久しい。しかし、コードレビューをするべきという観念ばかりが先立ってしまい、何のためにコードレビューをするのか、どのような点をレビューするべきなのかといった、目的や進め方に対する意識が曖昧なケースも数多くあるように思われる[6]。コードレビューの目的を理解せずに惰性でレビューしているだけでは、いずれレビューそのものが形骸化し、単に承認のハンコを
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
データベースの内部動作を知る
SQLのプログラミングは奥が深い。特にパフォーマンスの観点から、そう言えるだろう。 みなさんご承知の通り、同じ結果を出すプログラムでも、SQLの書き方次第で処理時間に何倍もの差が生じ得る。効率の悪いSQLを書いてしまう原因は、多くの場合、リレーショナルデータベースの内部動作やアプリケーションに関する理解不足である。両者をよく知った上で最適なSQLを書けるようになることは、システムエンジニアとしての重要なスキルの一つである。 特集『基礎から理解するデータベースのしくみ』では、リレーショナルデータベースの内部動作について、基本的な部分を分かりやすく解説している。SQLプログラミングに役立つことはもちろん、SQLチューニングやデータベース設計のための基礎知識としても不可欠だ。 イントロダクション ブラックボックスのままでいいの？ Part 1：SQL文はどのように実行されるのか SQL実行までの
http://anond.hatelabo.jp/20150214223556 これ読んでちょっと偏ってるなーって思ったから書いてみた。 これからジャズ聴きたいっていう人に俺がオススメできるアーティストを10人選ぶならこんな感じ。 10位 マイルス・デイヴィス（トランペット）マイルスがジャズの歴史の中心にいたことは間違いないのだが、彼のサウンドは案外ジャズ初心者にはとっつきにくい。マイルスがジャズの最先端を切り開いて、偉大なフォロワーたちがそれをうまく消化＆昇華してスタイルを定式化させていったのであって、そうして洗練されていったものを聞いたほうが入りやすいと思う。俺は今プロでやってるが、若い頃マイルスを聞いてもピンとこなかった。「マイルスを理解できなきゃ本物じゃない」という雰囲気があったから、マイルス分かってるフリしてたけどな。リズムセクションの凄さだけは強烈だった。さんざんジャズをやって
御在所岳でまさかの遭難！ 大変ご迷惑をおかけしましたm(__)m。しかし警察って何様？感謝していますが言わせてもらいたいことが！ | 食と身体 ＊ 旅と山
前回の記事で、御在所岳に登ったこと、御在所岳の魅力について書きました↓ 食と身体 ＊ 旅と山 15 shares名古屋からバスでアクセスしやすい山！鈴鹿山脈・御在所岳に登ってきました。行き...https://kazayo.com/gozaisho/ 約1年半ぶりの山行です！ブログのタイトルに「山」とか入れてるくせに、まったく登山の記事が書けないままここまできてしまいました子育てやなんやらで忙しく、なかなか山に行けない日々を送っており、気づけば前回の熊野古道の山に登った時から約1年... とても素晴らしい山なんですが、道迷い、遭難、滑落事故が多数起きている山でもあります。かくゆう私も、先日の登山の際にまさかの道迷いで、なんと山岳警察に救助をお願いする事態になってしまったのです。 山登りで道に迷って遭難するなんて、こんなみっともなくて恥ずかしい話をブログに書くなんて、やめようかどうしようか
「ダラダラと長くなってしまう」「緊張して上手く話せない…」といった悩みがつきないのが、「プレゼンの話し方」。資料作りももちろん重要ですが、それを上手くアピールできるかどうかも話し方次第ですよね。そこで今回は、聞く人を惹き付ける「プレゼンの話し方」についてのエントリーを集めました。 ■話が上手な人の特徴って？ 話が上手な人と下手な人とでは、一体どんな点が違うのでしょうか？ 「伝えたいことを明確に」 ▽説明のうまい人の特徴ってこんな感じ。 - かみんぐあうとっ 説明上手な人は、「伝えたいことがその人の中で明確」になっています。そのためポイントを絞って簡潔に話をすることができ、説明の間も迷うことがありません。また難しい用語は使わず、専門用語にはちゃんと説明もプラスするといった配慮も大切ですね。 緊張を抑えるには？ ▽スピーチの緊張感に打ち克つための小技３つ - 烏は歌う プレゼンの内容以外に「人
はじめに この記事は、エンジニアがどのように技術を学べば良いのかということについて、おもに西尾泰和氏の書籍・記事で主張されている内容を元に、特定の問題を対象として自分の考えを加えて考察したものです。特定の問題としては、以下の3つを設定しています。 何を学べば良いのか分からない 技術書を読んでもすぐ忘れる 学習する時間がない もちろん、学ぶ上で考えるべきことは上記の問題にとどまりませんが、ここでは、比較的身近で耳にすることが多いと感じるものを問題として設定します。 定義 この記事ではスコープを特定の範囲に限定しているため、一般的な用語について、一部を以下のようにローカル定義しています。そのため、一般的な用語そのままの意味においては、この記事の内容はコンテキストを維持できないことがある点に注意してください。 エンジニア Web 系企業に勤めており、主にプログラミングをはじめとしたコンピュータサ
今から統計学を学ぶならコレ！間違い無しの超良質記事まとめ10選。 | SIROKグロースハックブログ
グロースハックを本格的にしようとすると、統計学が出来ると凄く便利！今回は、この記事を見ておけば今からでも統計学を使いこなせるようになる記事をピックアップしましたので、ご覧下さい！ ハンバーガーショップで学ぶ楽しい統計学 本にもなっている統計学の入門には最適な決定版サイト。広く使われている統計手法について分かりやすく解説されています。 オンラインで無料で読める統計書22冊 Web上で閲覧可能な統計書がまとめられている超お得な情報が詰まっている記事。 WEBで読める統計関係の良質な資料 統計に関する良質な資料がまとめられている記事。 統計屋による新社会人のための統計系入門書お薦め一覧 統計について学べる入門書についてまとめられている記事。 統計学を勉強するときに知っておきたい7つのポイント 統計学を学ぶ上で、重要なポイントが整理されている記事。 統計学を勉強するときに知っておきたい
Debian Project／Google ソフトウェアエンジニア鵜飼文敏さんの講演動画を見たのでまとめ。 内容は、フリーソフトウェア、オープンソフトウェアのハッカー、Google内のハッカーがどのようにソフトウェアを作っているか。 少し前の講演だけど、ハッカーを目指す上で非常に参考になった。 ハッカーの特徴 ハッカーとは Hacker ethic ハッカーのソフトウェアの作り方 ハッカーの開発スタイル 手順 要求仕様 設計 実装 テスト デバッグ チューニング ハッカーに近づくには 必要な知識 知識の習得の仕方 ハッカーと仕事をするときの問題点 その他に紹介されていた書籍 感想 参考 ハッカーの特徴 普通の人をはるかに上回る高い生産性 高品質のソフトウェアを作りだす ハッカーとは ハッカーズ大辞典によると、 プログラム可能なシステムの細かい部分を探ったり、その機能を拡張する方法を探求した
10/31 追記 追記は好きじゃないのでちょっとだけな。 温かいメッセージをくれた人、ありがとう。嬉しかった。 あと１年だけ続けてみる。 （以下本文） この仕事を始めて２年が経とうとしている。 それ以前は全然違う仕事をしていたけど、ある日突然、マッチングアプリの運営会社に出向することになった。 楽しくやってると言えば嘘になる。 最初の頃は何もかもが新鮮だった。出会い系に代わる、新しい形の人と人とを繋ぐサービスの管理・運営を担うんだという自負があった。 今では心に澱が溜まっている。愚痴のようになるけど聞いてほしい。三点ある。 これを書いている今はなんとも言えないけど、もしも気分が乗ったら、最後にアプリの攻略法みたいなものを書いてみようと思う。俺も他社のマッチングアプリをやりこんだ身として、真剣に恋愛を考えている人のためになればと思う。 １．マッチングアプリをやっている人たちへの所感 これを読
プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 追記
2017年6月22日(木曜日) （はじめに） 玄田有史東京大学教授の編集で『人手不足なのになぜ賃金が上がらないのか』（慶應義塾大学出版会）という書物が出版された（以下、本書と呼ぶ）。この本の帯にもあるように、これはまさに現在の日本経済の「最大の謎」に挑む試みだと言えよう。実は筆者自身も、このオピニオン欄などで何回か雇用と賃金の問題に取り組んできた(注1)。ただし、従来の筆者の考察は主に「日本的雇用」（大企業の正社員を中心としたメンバーシップ型雇用）に焦点を当てたものである一方(注2)、現実の日本の労働市場は遥かに複雑で多面的なものである。 この点、本書の大きな特徴は、敢えて書物としての見解の統一性に拘ることなく、総勢20名以上の研究者を動員することで、序と結びを併せて18章にも及ぶ多様な観点からこの「謎」に挑んだことにあろう。具体的には、正規・非正規雇用の違いに注目しつつ（【正規】）、正統
ゲーム開発 プロジェクトマネジメント講座 ２０１１年１０月８日 株式会社スクウェア・エニックス CTO 橋本 善久 1 ©SQUARE-ENIX 2011 SQUARE ENIX OPEN CONFERENCE なぜプロジェクトは 失敗するのか？ 2 ©SQUARE-ENIX 2011 プロジェクトの失敗ポイント • 見込みより売上が少ない • 計画よりもコストがかかっている • 発売時期が遅れた • 発売に間に合わせるため内容が削られた • ユーザーの評判が悪い • 不具合が発生 • スタッフの満足度が低い、故障者が出た、辞め てしまった • など・・・ 3 ©SQUARE-ENIX 2011 プロジェクトの失敗ポイントの分類 • スコープ（コンテンツの範囲）の問題 • 品質の問題 • コストの問題 • 時間の問題 • リソース（人員・環境）の問題 • ビジネスの問題 4 ©SQUARE
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して
「プレゼン」といえば、話し方のテクニックだけでなく「資料作り」も欠かせませんよね。今回は資料作りが苦手な人はもちろん、今までなんとなく資料を作っていたという人にもおすすめしたい「プレゼン資料の作り方」についてのエントリーを集めました。 ■プレゼンの前に！知っておきたい4つのポイント まずはプレゼンをする前に心得ておきたいポイントです。自分の普段のプレゼンと照らし合わせてチェックしたいですね。 ▽プレゼンを通すために絶対必要な“4つ”のこと - livedoor ディレクターブログ こちらのエントリーでは、livedoorのディレクターが「プレゼンを通すために必要なポイント」として以下の4つを挙げています。 「スライドに全てを書かないこと」 「プレゼン全体を30秒で要約できるようにすること」 「事前に聞き手と話すこと」 「承認の粒度はこちらから提示すること」 「スライド」と「カンペ」とは別物
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 皆さんもご存知のように、私はワードプレスを愛用している。私はアフィリエイトサイトの大半でこのプラットフォームを利用しており数千ドル/月の収益を手に入れている。また、このブログを含むブログにも利用している。しかし、このCMSを活用しているのは私だけではないはずだ — 実際に無数のサイトがこのソフトウェアをベースにしている。 そのため、ワードプレスを称賛する声は後を絶たない。しかし、デフォルト時のSEOに関してはメリットの一つに挙げることは出来ない。私は、このソフトエウェアを多用し、検索エンジンのトラフィックのおかげで多額の収入を得るなかで、ワードプレスの設定の最適化における最良の方法を編み出した。
これまでの歴史的経緯や、世界的なトレンドを考えると、 経営を理解してない労働者は、 どんどん居場所がなくなり、年収も下がって いくと思います。 逆に、経営*1を理解している労働者は、ますます活躍の場が広がるし、 たとえ運悪く挫折しても、何度でも復活するチャンスが得やすくなっていくと思います。 そして、後述するように、これは全世界的なトレンドであって、 この流れを一時的に阻害するぐらいはできても、 歴史の歯車を逆転させるようなことは、もはやできないと思います。 そもそも「経営」を勘違いしている人が多い よくある「経営」に関する迷信に、以下のようなものがあります。 【迷信１】企業の目的は金儲けである 【迷信２】非営利組織に経営は必要ない(善意だけで運営できる！) 【迷信３】経営スキルがなくても仕事には困らない(経営は経営者の考えることだろJK。。。) 以下、これらについて解説します。 【迷信１
今年もやってきました。ライフハッカー年末恒例企画です。Windowsでの作業が快適になる人気無料ツールを、ぎゅぎゅっとまとめました。 ※注 以下のアプリ群は、今年米Lifehackerで人気があったもので、2010年以前にリリースされたものも含まれています。 『Soluto』 Solutoは、Windowsの起動プロセスを最適化してくれるツールです。各プロセスのグループ分けもしてくれます。 『LookInMyPC』（英文記事） LookInMyPCは、詳細なシステム情報を表示してくれるツールです。さまざまなツールを併用しなければ得られない情報の数々が、1つのツールで閲覧できます。 『Snow Transformation Pack』 Snow Transformation Packは、Mac OS XのルックスをWindowで再現できるツールです。アイコンの詰め合わせなどではなく、完全にW
【個人資産800億円】“伝説の投資家”清原達郎氏の情報収集「会社四季報とIR情報を読むだけで十分」その読み解き方 | マネーポストWEB
清原達郎氏が「唯一、お金を払う価値がある」と断言するのは『会社四季報』（撮影／野口博） 投資熱が高まるなか、企業の経営状況や株価など投資情報へのニーズも増している。昨今は個人投資家向けの有料情報サイトが乱立しているが、個人資産800億円という伝説の投資家・清原達郎氏は「本当に必要な有料情報源は『会社四季報』のみ。あとは企業ホームページのIR（Investor Relations）情報だけで十分」と指摘する。では清原氏は会社四季報とIRをどう読み解いているのか。独自メソッドを初公開する。 「株価情報の収集にお金をかける必要はない」──そう断ずる清原氏。かつてヘッジファンド・タワー投資顧問の運用部長として旗艦ファンドを立ち上げ、2005年に発表された最後の高額納税者番付でサラリーマンとして初の1位（納税額37億円）に輝いた伝説の投資家である。 清原氏は、2018年に咽頭がんの手術で声帯を失い、
小出裕章氏のプルサーマル発電批判がわかりやすすぎる！（文字おこし） : 座間宮ガレイの世界
本日、玄海原発プルサーマル化前のシンポジウムの動画をまとめた記事「小出裕章（京大）と大橋弘忠（東大御用学者）のプルトニウム論戦動画まとめ」を書きました。その動画の中で、小出氏があまりにわかりやすくプルサーマル発電事情を説明していたので、その箇所だけ文字に起こしました。図解やグラフをふんだんに用いて、誰にでも理解できるように説明しています。素晴らしいです。 （動画の7:26から） 字幕「京都大学原子炉実験所助手 小出裕章」 小出「まずあの基本的にプルサーマルはどういうものなのかということを聞いていただきたいと思います。私は68年に原子力の平和利用というものに大変な期待をいだきまして原子核工学科という学問を選びました。」 小 出「どうして私が原子力に期待を抱いたかというと、化石燃料は使えばなくなってしまう、将来のエネルギーは原子力に頼るしかないという風に聞いたからで す。今ここにご参加中に皆さ
こういうのが好きなんでしょ…？「変拍子」が超かっこいいおすすめ曲10選+α | Music Lesson Lab
リズムは音楽を構成する最も重要な要素です。リズムの強弱が繰り返される単位を「小節」といい、1小節の中で何回ビート（拍）を感じられるかで「拍子」というものが決まります。 世の中のほとんどの曲は2拍子、3拍子、4拍子の「単純拍子」です。これらのリズムは人間にとって自然で、とても馴染みが良いものですよね。 しかし中には、どういうわけかワザワザ自然なリズムを崩し、人間にとって自然には感じられない変なリズムで演奏される曲というものが稀にあります。変拍子とは、簡単にいうとそういう「変なリズム」のことです。 音楽に興味を持ってたくさんの曲を聴いたり、楽器の演奏を始めると、いずれ普通の拍子の曲では物足りなくなります（断言）。ひとたび足を踏み入れれば底なし沼。追いかけても追いかけても見失うリズム。多くの音楽家が挑戦し、そして散っていった変拍子の世界は、人類のロマンなのかもしれません。 ここでは、音楽好きを惹
私の周りにいる、異常にコミュニケーション能力が高い人たちのこと - glasstruct log
考えすぎてコミュニケーション能力が低い人へ - teruyastarはかく語りき この記事を読んで、「あああ、分かるなあ、これ自分のことだなあ」と思ったので、自分なりに「コミュニケーション力」について思ったことをチョボチョボと書きます。主に仕事上のことです。 異常にコミュニケーション能力の高い人たちのこと 私の勤め先は、「学生時代一番人気があった子たちで、就職活動もどこでも行けた」ような人が大変多い。こういう人の集団で過ごしていると、私のようなコミュニケーション能力（以下コミュ力）の低い人間は、丸腰で最前線を匍匐前進で進んでいるような感じです。何かって言うと、会議で軽い、時事ネタなど織り込まれた会話のジャブを進めていきながら核心にズイズイ進んでいく中で、私は変なタイミングで「これってこうすればいいと思います、いやでもそれじゃコンペでは目立たないかもしれないし、もしかしたら敢えてこうするとか
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
本日8月31日をもって、はてなを退職しました。 入社は2004年9月1日でしたから、今日でちょうど6年です。6年間の間に、はてなブックマークをはじめとする各種サービスの企画開発やディレクション、インフラの構築、技術チームのマネジメント等々、色々な経験を積むことができました。その一方で、なかなか自分の思うようにはサービスを成長させる、会社を伸ばすことができず自分の力量不足を感じる毎日でもありました。その足りない能力と経験を埋め合わせる日々が、成長を促してくれたとは思います。 この6年は、はてなという会社が、個人あるいは家族のような繋がりから組織に変っていく過程でした。会社というものが何なのかを全然知らなかった自分が、Webサービスの開発と運営に、組織がなぜ必要かというのを体で知ることになりました。なかなかに得難い経験でした。 遠回りもありましたが、はてなは組織になりました。新サービスは日々ユ
iPhoneのDNSの設定変更が話題になっているようなので、レスポンスの速いDNSサーバがないか調べてみました。便乗記事です。 ネタフル - iPhoneのWiFi接続を高速化する魔法の数字「8.8.8.8,8.8.4.4」 測定ツールはWindows用の「DNS Nameserver Performance Benchmark」です。ツールの詳細は割愛しますが、測定するには下のスクリーンショットの「Nameservers」タグの右側にある「Run Benchmark」をクリックするだけです。 Bフレッツ接続のPCで測定しています。 １．ベンチマーク結果 まずはベンチマーク結果をご覧ください（クリックすればちょっと拡大します）。 測定している値は次の3種類です。それぞのれの意味については「私家版 ITプロフェッショナルの仕事術 - GRCのDNS BenchmarkでDNSをスピードアップ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
効果が3倍あがる！ コピーライティングのテクニック【完全保存版】 | LISKUL
仕事が捗るスプレッドシート活用術5つ＋神関数3つ - パパパパ
ミスを責めるとミスが増え、自己正当化がミスを再発する『失敗の科学』
関数や変数のネーミングに悩んだら「codic」に日本語名を入力するとある程度解決するかも
外国人が語る：英語でクラスやメソッド等の名付け方 - Qiita
二十歳までに出会っておけばよかった10冊 - 技術教師ブログ
国内外に旅行する時に役立ちそうなサイトいろいろ - かちびと.net
インド民の代表的言い訳とその対応 ①｜インド麦茶
コードレビューの目的と考え方 - osa_k’s diary
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ジャズで食ってる俺がジャズ聴き始めたい人にオススメするTOP 10
ジョブズやマイケルに学ぼう！聞く人を惹き付ける「プレゼンの話し方」 - はてなニュース
エンジニアはどのようにして技術を学べば良いのか
Googleエンジニアから学ぶ、ハッカーになるための勉強法 - 久保清隆のブログ
マッチングアプリの中の人だけど社会の役に立ってない感がすごい
プログラミング上達したい人に繰り返し読んで欲しい4冊｜erukiti
『人手不足なのになぜ賃金が上がらないのか』：書評と考察 : 富士通総研
SQUARE ENIX OPEN CONFERENCEゲーム開発プロジェクトマネジメント講座
要点を押さえてすっきり！できる「プレゼン資料」の作り方 - はてなニュース
Wordpress SEO: これを読めば後は何もいらない！ » SEO Japan
経営がわかっている労働者と、わかってない労働者の格差が拡大していく理由 - 分裂勘違い君劇場
2010年フリーソフト番付！（Windows版） | ライフハッカー・ジャパン
WordPressでCMSを作るなら絶対に覚えておきたいプラグインいろいろ | Web活メモ帳
退職のお知らせ - naoyaのはてなダイアリー
「8.8.8.8,8.8.4.4」より速い「129.250.35.250」