はじめに この記事はWebpackという言葉を耳にしつつもWebサイトのコーディングにどう導入していけばよいかイマイチわからない・メリットを感じない人にとりあえず馴染み深いjQueryとjQuery PluginをWebpackで扱って慣れようというものです。 背景 Vue.js・React・AngularなどのフレームワークはそのビルドにWebpackを使うことも多いのですが、一般的なコーポレートサイトやサービスサイトでそういったものを導入することはSEOの面や開発工数から考えて少ないと思われます。 そのため、多くのWebサイト制作者はWebpackへの馴染みがなく、その使い方を覚える手間を超えるメリットを感じていないのではないでしょうか。 Webpackを使うことでnpmでパッケージをダウンロード・インポートし、そしてそれらを１つのファイルとしてまとめることでWebページの読み込みを早

初 FPS TPSにPUBGを選んでしまった、マネフォのJSer 大須賀です。ドンカツたべられません 先日社内で、デザイナさんに向けてちょっとしたCSSの説明をしました。 本記事では、このスライドを作るに至った動機などを書いていきます。 ※ 2017/10/04 10:56「PUBGはTPSだ」と弊社ゲーム部の部員から指摘を受けました。全くもってその通りなので修正しました。 デザイン・実装のジレンマ デザインの良し悪しが分かるのはデザイナ 実装コストが分かるのはエンジニア という状況で「お互いの作業がトレードオフになることがある」という点に難しさがないでしょうか？ 効率を上げるには、なにかしなきゃいけません。 ということで冒頭のスライドが生まれました。 他の人達のとりくみ 色んな所で同じような課題に立ち向かっている人達もいるようです。 デザイン組織で働くエンジニアは何をやっているの？ Cr

内閣府番号制度担当室は2017年10月2日までに、マイナポータルなどの行政サービスでマイナンバーカードを使えるようにするブラウザー用アドオン「マイナポータルAP」を一部公開した。マイナポータルのサービス検索・電子申請機能「ぴったりサービス」の動作環境ページから入手できる。

こんにちは。はてな営業部の齋藤です。 はてなでは、企業のオウンドメディア運用のお手伝いをしています。 CMS「はてなブログMedia」のご提供をはじめ、メディアのコンセプトメイクから記事の企画立案・制作・分析まで運用全般に関わらせていただいています。 ご一緒している取り組みは楽天様の「それどこ」やエン・ジャパン様の「エンジニアHub」、AIRDO様の「Yorimichi AIRDO」、アイデム様の「りっすん」、リクルート住まいカンパニー様の「SUUMOタウン」など、徐々に増えてきました。 今回は、この「オウンドメディア運用支援」のお話をしようと思います。 なぜこの話をするのか オウンドメディア運用支援の取り組みを担当しているはてな営業部のメンバーのバックボーンは、元ニュースメディア編集や広告営業など様々なのですが、私自身は、自社のオウンドメディアを担当していた「元オウンドメディア編集長」で

Developers Summit 2017 KYUSYU 2017年9月22日（金）アクロス福岡 http://event.shoeisha.jp/devsumi/20170922 発表資料 【A-1】Docker最新動向2017秋＋セキュリティの落とし穴Read less

ツイッタで書いたことを冷めないうちに言語化してみる 大学まで、世の中は0を1にする人か、1を100にする人に分かれると思っていたけど、社会人になってから 0を1にする人 1を99にする人 99を100にする人 100を100のままにする人 に分かれていると思い始めた。どれも同等に重要。尊い。— ほけきよ@はてなブログ2年目！ (@hokekiyoo) 2017年10月3日 大学生の私は、世の中のことを知らぬ糞ガキだったので、世の中は0から1にする人と1を100にする人になりたいと思ってたし、0を1にする人こそ至高とさえ思ってた。 スティーブ・ジョブズに憧れ、MacBookをスタバでカチャカチャするようないけ好かないガキだったのである。(それは今もそうかも...???) あの頃の私はパズドラにゴンはまりしていた。 「こんなゲーム思いつく人がスゴい！」「それをこんな使いやすく作った人がスゴい！

みんな良いこと言うので、刺激を受けて考えたことを記録します。 生きてるだけで丸儲け ストレス対処法 撤退戦術 タスク殺すマシーン 人間に戻る儀式 運 技術力を身につける方法 車輪を再発明する 脱ゴールデンハンマー病 学習の助 優秀なプログラマとは？ おまけ 生きてるだけで丸儲け 優秀なプログラマーになるためのコツ · GitHub 優秀なプログラマーに「育つ」んだし、それには時間が必要 優秀なプログラマーになるということは、上記の通り長時間を要するということも踏まえると、メンタルヘルスにリスクがある環境に長時間暴露されることが不可避である 業界で長きにわたり活躍し続けている人というのは、それだけですでにひとかどの人物 すごく良いです。 優秀なプログラマになる前に、死んでしまっては元も子もありません。 生き延びることはなにより大切です。 幸か不幸か現状のIT業界はハードなストレスにさらされや

『リーダブルコード』を現場で読み解く！ 開発スピードを向上させる、読みやすいコードの書き方【今こそ読み解きたい名著】 圧倒的名著として知られる『リーダブルコード』ですが、高い評価には理由がある！現役エンジニアが、この一冊を読み込み、変数名の命名法など、読みやすいコードを書く極意とその必要性を抽出します。 数多くの開発者から支持を受け、読み継がれてきた名著。そこには読み継がれる理由があります。 名著には、内容・ボリュームともに充実した書籍が多く、概要に目を通しただけで本を読んだつもりになっていたり、腰を据えて読む時間がなく「積ん読」してしまいがち。「エンジニアが絶対読むべき書籍●選」といった記事をブックマークするだけで読んだつもりになっていないでしょうか。 ポイントを押さえつつ内容を深掘りし、名著の根底に流れるエッセンスを開発に活かしましょう。 アプリエンジニアの池田惇（@jun_ikd）で

こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 （さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。） ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の

Transcript KTʹؔ͢Δ৘ใऩूΛ୶ʑͱ࿩͢ 8F�"SF�+BWB4DSJQUFST�!��UI !NLJ@TLU ޲Ҫ࡙ਓ NVLBJ�TBLJUP 5XJUUFS w ݴޠɺϑϨʔϜϫʔΫͷ
 ެࣜΛϑΥϩʔɻ w Α͘৘ใΛᄁ͘ਓΛϑΥϩʔ
 ͯ͠ɺϦετʹ·ͱΊΔɻ w ࣗ෼΋ᄁ͘ʂ 2JJUB w ਓؾͷ౤ߘΛݟ͓͚ͯ͹
 ͦΕͳΓʹ৘ใ௫ΊΔɻ w ϑΥϩʔ͓ͯ͘͠ͱ
 ϑΟʔυʹϑΥϩʔͨ͠ਓͷ
 ετοΫͨ͠౤ߘ͕ྲྀΕΔɻ 2BMFJEPTQBDF w 2JJUBΛಠࣗΞϧΰϦζϜͰ
 ධՁͨ͠αΠτ w 2JJUBͱ߹Θͤͯ࢖͏͜ͱͰ
 ΑΓྑ͍৘ใΛ௫ΊΔɻ ͸ͯͳϒοΫϚʔΫ w ςΫϊϩδʔΧςΰϦʔΛ
 ݟ͓͚ͯ͹ྑ͍ɻ w ͨ·ʹ৽ணΛݟΔͱ
 ྑ͍৘ใ΋͋Δɻ 4MBDL w ༷ʑͳίϛϡχςΟʔͷ
 4MBDLνʔϜ͕͋Δɻ w ࣭໰͢ΔͱͰ͖Δ

「理工系女子」を育てようと、企業や大学、政府も動き出している。「リケジョ」と呼んで特別視するのはもうやめよう。科学技術立国ニッポンの復活の鍵を握るのは、女子中高生たちかもしれない。 山脇学園高校（東京都）２年の女子生徒５人は昨年、模型ロケットの開発に取り組んだ。ロケットは高さ約３０センチで、火薬エンジンを使って飛ばす。エンジン以外の胴体や羽根、胴体に入れるパラシュートまでを素材から考えた。試作したロケットは３０機を超える。「理工系女子」育成のためのプログラム「Ｇｉｒｌｓ’　Ｒｏｃｋｅｔｒｙ　Ｃｈａｌｌｅｎｇｅ」の一環だ。 日本モデルロケット協会主催の全国大会をめざすこのプログラムは、同協会と米航空機メーカーのロッキード・マーティンが主催。第１回の昨年は都内３校の女子中高生が参加した。 山脇学園の５人が初めにロケットの胴体に選んだのは、「マーブルチョコ」の筒型容器。大きさはぴったりだが、重く

活動弁士 活動弁士（かつどうべんし）は、活動写真すなわち無声映画（サイレント映画）を上映中に、その内容を語りで表現して解説する専門の職業的解説者。活動写真を弁ずるというところから活動写真弁士（かつどうしゃしんべんし）と呼ばれる。略して活弁（かつべん）とも言うが、俗称である。無声映画期の活動弁士達は活弁と呼ばれることを酷く嫌った。単に弁士（べんし）ということも多い。 wikipediaより

民進党が分裂した。小池百合子・東京都知事率いる新党「希望の党」に合流することで一致して安倍政権を倒す、と訴えた前原誠司・民進代表の思惑が外れた。民進側に「宗旨替え」を迫る小池氏への反発が野党を合流ではなく、細分化の方向に向かわせている。 枝野新党を誕生させたのは、枝野氏と先月の民進代表選を争ったばかりの前原氏だ。 党内で「保守対リベラルの対決」と受け止められた代表選は、保守勢力との再編に前向きな前原氏と、再編論に反対姿勢を取る枝野氏という構図だった。とはいえ、すぐに再編を進める意図はなかった。 目算が狂ったのは、代表就任後の幹事長人事。若手で次世代のリーダー候補と目された山尾志桜里前衆院議員を登用することで党勢回復につなげるねらいが、山尾氏の男性との交際問題を週刊誌に報じられ、断念。その後も離党ドミノが止まらない現状を許した。 行き詰まり感が漂うなかで安倍晋三首相の衆院解散方針が伝わり、持

野党共闘を呼びかけてきた「安保法制の廃止と立憲主義の回復を求める市民連合」（市民連合）の世話人、山口二郎・法政大教授らが３日午後、東京・永田町で立憲民主党の枝野幸男代表と会談し、衆院選小選挙区で候補者を一本化するよう要望した。枝野氏は「皆さんの思いを受け止め、実現できるよう努力する」と応じた。 国会前デモをきっかけに結成された市民連合は、先月２６日にも、民進、共産、自由、社民の４野党に対し、憲法９条改正反対や安全保障関連法の白紙撤回など７項目の政策要望を提出していた。しかし、その後、民進党は希望の党への合流、立憲民主党への参加、無所属に３分裂。自由党の小沢一郎代表も無所属での出馬の意向を示した。そのため、枝野氏に改めて要望書を手渡し、立憲民主党が共産、社民と連携するよう求めた。 選挙区によっては３野党と協議の上、民進出身などの無所属議員も応援するという。世話人の中野晃一・上智大教授は「（安

「20年続いた民主党・民進党が新しい形で生まれ変わった」――。枝野幸男元官房長官（53）を代表とする新党「立憲民主党」が結成された。衆議院選挙に向け、民進党が事実上「分裂」する中で、希望の党への合流をしないという決断をした枝野氏。決断の背景には何があったのか。2日深夜、衆議院議員会館で単独インタビューに応じた。 （ノンフィクションライター・中原一歩／Yahoo!ニュース 特集編集部） 衆議院の解散から4日、もぬけの殻となった深夜の衆議院議員会館。10月2日、枝野幸男氏は都内のホテルで記者会見を開き、「新党」の立ち上げを宣言。民主主義と立憲主義がおろそかになっていることが、いまの政治の混迷の原因とし、党名を「立憲民主党」とした。壇上に上がったのは枝野氏ひとり。会見でも「構成員は現在、私一人。これから呼びかけていく」と強調した。 枝野氏が新党を立ち上げるべきだという方向で最終的に腹を固めたのは

「今の新幹線とどこが変わったんだ？」。報道陣の多くが当惑の表情を浮かべた。 10月1日、JR東海が開発中の次世代新幹線「N700S」の先頭車両が日本車輛製造豊川製作所（愛知県豊川市）で公開された。 東海道新幹線は現在、「N700A」タイプが主流となっており、1999年に営業運転を開始した「700系」は2019年度末までに引退する。それと入れ替わるような形で、2020年度から営業運転を開始するのがN700Sだ。いきなり営業車両を造るわけではなく、まず「確認試験車」と呼ばれるプロトタイプ車両を製造して2018年度から試験走行を開始。そこで得られた情報を基に細かい修正を施し、最終的な営業車両につなげる。 この違いに気づけるか？ 今般公開されたのはこの確認試験車の先頭車両。いすなどの内装はまったくない“がらんどう”の状態で、外側も最終的な塗装は施されていない。それでも、その新幹線らしい流れるような

私は、今回の衆議院選挙にあたり、「希望の党」ではなく、新たに立ちあがる「立憲民主党」から立候補することを決意しました。民進党にはお世話になりましたが、「希望の党」という右派政党とは相いれないので、いまはスッキリした気持ちです。 降ってわいたような小池新党「希望の党」への合流に関し、前原代表は9月28日の両院議員総会では、民進党候補は全員いっしょに「希望の党」へ移ると説明していました。私個人は、「希望の党」の結党メンバーに日本会議メンバーが多いのを見て違和感を覚えました。しかし、民進党全体で「希望の党」へ合流するのであれば、組織人・政党人としては党の方針に従わざるを得ないと考えました。選対会議では「耐え難きを耐え、忍び難きを忍び」と説明して、公認申請に同意しました。 ところが、いつの間にか「安保法制に反対する人はダメだ」とか、「憲法改正に反対の人はダメだ」とか、後になって条件がつきはじめまし

サンフランシスコで開幕した「JavaOne 2017」。基調講演の最後に、Java 9以降のJavaのために現在開発が進んでいる新機能が紹介されました。 Project Panamaは、Javaとネイティブなコードのデータのやりとりを可能にするもの。JavaからC関数をコールし、C関数からJavaにコールバックしたときにデータにアクセスするといったことが可能。 Project Valhallaは変数の型付けに関するもので、変数の基本的な型をプログラマブルに設定できるというもの。 参考：Java 9の先、Java 10/11では最新のハードウェアやOSに最適化したデータのメモリ配置が可能になる。JavaOne 2015 参考：JavaOne 2016が開幕、JDK 9ではJava Shellが登場予定。JavaOne 2016 Javaコードの可読性を向上させ、バグの混入を減少させるProj

辻元氏は立憲民主党の設立が決まる前の9月30日の段階で、「希望の党には加わらない」と明言していた。その際、次のように説明した。 「小池氏は『寛容な保守』の立場、私は『現実的なリベラル』の立場で、安倍晋三政権を右と左から挟み撃ちにし、倒せば良いのではないか」 辻元氏の考える「寛容な保守」、「現実的なリベラル」とは何なのか。 キーワードは「対話」「寛容な保守という言葉を聞いた時に私が思い浮かべたのは、1996年、私が社会党から初当選した時の自社さ政権でした」 「自民党幹事長は自民リベラルの宏池会・加藤紘一さん、ベテラン政治家の野中広務さんや、古賀誠さん、山崎拓さん、いろんな方に学びました」 「この自社さ政権こそ、寛容な保守と現実的なリベラルの融合だったんじゃないかと思います」 異なる理念を持つ政治家同士でも、「対話」を通じて社会をよりよくしていく。それが「寛容な保守」と「現実的なリベラル」なの

本記事ではSIerからWeb系の転職した筆者が働き方を比較した記事です。 技術や文化、企業風土や評価制度などあらゆる点でSIerとWeb系には違いがあります。 特にWeb系は退職金がなかったり年収が低かったりする傾向にあるためデメリットを把握しておくことも重要です。 この記事で詳細に紹介していきますので必ず最後までご覧ください。 働き方が自由そうなWeb系ですが実はデメリットも多いです。 例えば退職金がない企業が大半です。 さらにWeb系は薄利多売のビジネスモデルが多く、激しい競争環境のため利益率は低く給料が上がりづらい傾向です。 このようなデメリットを避けるために、メガベンチャーや業界No1の企業を選びましょう。 もし企業の探し方が分からない方はITに特化した転職エージェントに「メガベンチャーや業界No1の企業を紹介してほしい」と依頼しましょう。 当サイトではマイナビIT AGENTが人

俺コン Vol.1 / Day. 2 https://orecon.connpass.com/event/64285/ Firebase, Google Analytics, Fabric, Apple App Analytics の個人的使い分け http://starhoshi.hatenablog.com/entry/2017/07/04/Firebase%2C_Google_Analytics%2C_Fabric%2C_Apple_App_Analytics_%E3%81%AE%E5%80%8B%E4%BA%BA%E7%9A%84%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91 Rails サーバから Google Analytics API で情報を取得する手順 http://bekkou68.hatenablog.com/entry/2014/08/20

Here is the English version of this article. この投稿は個人サイトとのクロスポストです。 2017年の8月下旬に思い立って、ツリー型タブのWebExtensions版を作り始め、去る9月26日にバージョン2.0としてリリースしました。 重い腰を上げて取り組む気になれたのは、必須と目していたAPIが一通り実装されてきて、Firefox 57でようやく技術的に作れる目処が立ってきたからでした。 関係者の皆さんの尽力に改めて感謝の意を表明します。 やっている事自体はそう難しい話ではなく、技術的に目新しいトピックは無いのですが、主に歴史的資料としてレガシーなアドオンの移行の一事例の記録を残しておこうと思います。 ツリー型タブとは？ 一言でいうと、ツリー型タブ（Tree Style Tab、略してTST）は「Firefox用の、タブ同士の来歴・関係をツリー

たのむ　たのむから観てくれ こういうアニメが評価されなくちゃだめなんだ　あのレベルのクオリティがきちんと評価されなきゃだめなんだ 間違っても絵柄に騙されるなよ　よくあるクソみたいな萌えアニメとはまるで違う　むしろ萌えアニメだと思って観ると喰らうぞ（良い意味で）　そしてまったくおこさま向けでも無いので注意 低予算低クオリティネタアニメばっかり面白半分に囃し立てられてこういう至高の作品が埋もれるようでは本当に優秀なクリエイターが絶滅してしまう 莫大な予算が組まれているわけではないし劇場版でもないアニメでこのクオリティを出す人たちがちゃんといるんだ 正しく評価され正しく価値となり正しく金銭に置換されて本当に優秀なクリエイターたちに正しく還元される世界を望む 2期が待ち遠しいm

まいど憶良（おくら）です。 関西でも指折りの、めちゃくちゃ旨い鶏皮が食べられる店があると聞き、神戸は元町にやって来ました。 元町駅からすぐ近く。 「旨いとり皮串が喰らえる店」っていううたい文句がいいですね。 実は、今回博多で人気の鶏皮を食べに行くという事になった時、東京の知り合いにこんな事を聞かれました。 「関西人って、食に関しては自分のところがナンバーワンって思っているというイメージがあるけれど、例えば九州の料理に対してはどう思っているの？　ついでに東京や名古屋についてはどうなの？」 という物でした。 うーん、聞いた関西人が私というのがちょっと悪かったかも。 私はおばあさんが鹿児島県人という事で、九州の料理が大好きなんです。 博多ラーメン、大分のとり天、中津の唐揚げ、熊本の馬刺し、呼子のイカ。 タクアンが２切れ付いている鹿児島ラーメンに、黒豚。 辛子レンコンなんかは自分で作るし。 旨いも

「引越ししたらゼッタイに買い！一人暮らしが捗るアイテム３５コまとめ」を見たのでツッコミ http://hikkosi-hack.com/hitori-aitem/項目寸評レンジでパスタ時間かかりすぎ。その間ソースが温められない圧力鍋料理好きなら……でもしないじゃん料理ジップロック事例の浅漬けのためにジップロック使うのはアホスレートプレートインスタとかいってる時点で不要くっつかないしゃもじ思った以上にくっつく。ボコボコの間でご飯が固まり取りづらいこげつかないフライパン一番安いやつをどんどん買い替えるのが吉三角コーナーこれがいるのは大量にゴミが出る場合。一人暮らしには不要シーリングライト（リモコン付き）リモコンは必要な時消える。ホタルック一択こたつこたつ布団が邪魔の元。怠惰の元凶珪藻土バスマット洗濯しなくていいけど汚れは溜まっていくんだよ？バスケットゴールのごみ箱目的と手段と間違える例鼻毛カッ

先日、ioドメインの障害があったのだけど、自分がDNSの仕組みをよく分かっていないせいで、いまいちどういうことが起こっていたのか把握できなかった。そこで、DNSの仕組みについて軽く勉強したので、そのメモを残しておく。内容は間違っているかもしれないので、その場合は指摘してください。 DNSについて学んだこと Software Design 2015/4のDNSの教科書が非常に勉強になった。また、 インターネット10分講座：DNSキャッシュ - JPNICも参考になる。 権威サーバとフルリゾルバ まず、DNSサーバには権威サーバとフルリゾルバの二つの種類が存在する。 権威サーバ ドメインの情報を管理し、自分の管理しているゾーンの情報を提供するだけのサーバ 問い合わせたドメインが自分のゾーンの管理下ではない場合、別の権威サーバへ委任するという情報を返す コンテンツサーバとも言われる? 例) co