横浜市・東京都内を中心に活動するフリーランスのWebデザイナーとフロントエンドエンジニアのWeb制作事務所です。BtoBのLPやコーポレートサイトの制作を得意としています。

開発用サーバで自己証明のSSLを使っている場合など、Chromeでは必ず警告画面が表示されて鬱陶しいので、スキップする方法を調べてみました。 Macの場合ですので、Windowsは手順が異なるかと思います。 下記画面ですね。 通常は、「詳細設定」リンクから、さらに「***にアクセスする（安全ではありません）」をクリックして進むのですが、毎度のことになると鬱陶しい。 1.まずは、URL欄の鍵アイコンをクリックします。 すると、真ん中あたりに「証明書情報」リンクがあるので、クリック。 2.証明書情報が表示されるので、黄色い証明書のアイコンをドラッグしてデスクトップあたりにDLします。 3.ダウンロードした証明書をダブルクリックすると、キーチェーンアクセスが起動して承認を求められるので、「常に信頼」をクリック。 4.「ルート証明書」の場合はこれでOKですが、「自己署名ルート証明書」とかになってる

概要 下記記事で紹介したやり方で作成した秘密鍵を使ってSourceTreeでGithubに接続しようとするとそのままではGithubの認証ができなかったのでやり方をメモとして残す。 秘密鍵・公開鍵を作成する（Win） 秘密鍵（id_rsa.ppk）の作成 WindowsのSourceTreeで秘密鍵を「 id_rsa 」から「 id_rsa.ppk 」を作成する。 SSHキーの作成/インポート SourceTreeを起動して、「ツール」 → 「SSHキーの作成/インポート」をクリックする。 Puttyが起動するので、「Load」ボタンをクリックする。 パスの部分に「C:¥Users¥{ユーザー名}¥.ssh」を指定する。 ファイルの種類で「All Files (.)」を選択する。 「id_rsa」を選択して「開く」ボタンをクリックする。 「OK」をクリックする。 秘密鍵（id_rsa.pp

はじめまして、よく退職エントリがでているニコニコ動画の会社で働いています。 私はエンジニアではなく、ニコニコ生放送の番組制作を行っている番組ディレクターです。 以下の文章を友達に見せたら「『エンジニアじゃない人って本当に頭悪いんだ』って思われるくらい頭悪文章だよ・・。」と言われたのですが、自慢じゃないですが私の非エンジニアの同期は、早慶上智早稲田MARCHみたいな、私以外はみんな一流の大学出身です！ 私はF出身でバカなので、頭の良さそうな文章を書くことができないので許してください！ 私以外はみんな賢いです！信じてください！ ◆なんで現職エントリ？ 自分の仕事やチームが好きなので、私は楽しく働いてるよーって伝えたくて書いてみます。 退職エントリを書くのは自由なのかも知れないし、書いた人の率直な気持ちだから全くもちろん良いわけなのですが、私みたいに心の弱いヤツは読んだらめちゃくちゃズーン😢て

こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ

しかし熊谷氏によると、実際には地域防災計画に基づき災害対策本部を災害「警戒」本部に移行しただけで、24時間の動員体制は解除されていなかったという。つまり本部の看板は一時架け替えたが、市による実質的な対応は変わっていなかったというシンプルな話だ。 東京新聞やNHKなども時事通信を「後追い」 ところが、時事通信の記事は「（市の）対応を問題視する声が上がっている」と紹介したうえで、「国や千葉県の初動対応の遅れも指摘されている」と結び、千葉市の対応にも問題があったのではないかとほのめかした。その一方、記事は災害警戒本部に移行した事実には触れていない。熊谷氏は「本当に悪意のある記事。『解散』という表現自体が不適当です」と話す。 熊谷氏によれば「悪意のある」報道はそれだけでは終わらなかった。時事の一報を受けて、ほかの新聞・テレビの取材が千葉市に殺到。まさに災害対応に当たっているさなかに、市の危機管理部

10月26日時点、千葉県と福島県を併せた集中豪雨による犠牲者が10人、行方不明は4人と報道されています。これは大変なことです。 台風19号被害があまりにも大きく、私たちはいまにわかに、犠牲者報道などを見慣れてしまっていることを疑わねばならないように思います。 ほんの50日ほど前、千葉大停電を引き起こした台風15号では犠牲者が1人発生。 あってはならないことですが、今回の集中豪雨は大雨被害を列島にもたらした「台風19号よりは規模が小さい」といった事前情報を裏切り、1か月分の降雨が数時間に集中する、まさに「異常気象」で、大きな被害につながってしまいました。 台風15号と比較しても、単純に犠牲者数だけで現時点で10倍、台風19号と合わせれば、すでに「10月連続台風」による犠牲者は3桁に達しており、国は抜本的な対策を講じる必要が間違いなくあります。 佐倉駅の線路が水底に沈んでいる映像を目にして、た

人材でお悩みでしたらヒューマンリソシアへ お客様が抱える人材採用の悩み、人材活用に関するご希望がありましたら ぜひ私たちにお聞かせください

日記にも書いていますが、今回、Gロッソヒーローショーにおいて司会の“お姉さん”から、 「自分は恒常的なセクハラ／パワハラを受けていた」との告発がなされ、関連各社のうちショーの制作責任を負う東映が中心になって事実究明を行った結果、 ・訴えは概ね事実であることを確認した ・加担者は処分する ・再発防止策としてGロッソのヒーローショー関係者には事前に研修を実施する との発表が行われました。 この経過そのものについては、手ぬるい、遅いと不満を感じる人も少なくないようですが、わたしは、 「起こったことはひどいけれども、きちんと東映が“お姉さん”の告発に応えようとしている」とよろこばしく受け止めています。今回の報告は中間報告の位置づけですが、今後も適正な対応がとられていくことを望みます。 ただ、東映が言及しているのは“お姉さん”が告発した過去1年間の事柄についてであり、今回の告発後に起こったGロッソ関

こんにちは、Web Engineer の @wozaki です。 今回は、スキルマップを私が所属する開発チーム*1に導入した事例をご紹介します。 スキルマップとは、業務で必要なスキル(技術力、業務知識)と、チームメンバーのスキルレベルを一覧にした表です。 スキルマップの例 引用 スキルマップ作成のすすめ | Ryuzee.com 目次 概要 スキルマップ導入の背景 他社の事例とカスタマイズした点 スキルマップ詳細と運用方針 運用結果 まとめ 概要 チームで必要なスキル、メンバーのスキルレベル、志向性が不明だった 個人の志向性を表現できるようにカスタマイズしたスキルマップを導入した 結果 新メンバーにとって、スキル全体が明確になり、チームの役割の理解にも役立った スキル喪失リスクがあるものが明確になり、勉強会などスキル伝承のアクションにつながった 個人の志向性は、スキル伝承時の期待値調整にも

いつのころからか、新幹線に乗ってもらうには「4時間の壁」があると言われるようになりました。 乗車時間が4時間までであれば新幹線。4時間を超えるようであれば飛行機にお客様は流れる。 飛行機というのは空港までのアクセスがありますから、新幹線に比べると飛行時間は短くても区間所要時間はその分がプラスされます。 それを考慮に入れても、新幹線で4時間を超える乗車時間であればお客様は飛行機を選択する。 これが、新幹線が越えなければならない「4時間の壁」という問題です。 昨今ニュースになっている青函トンネルの高速化は、まさしくこの4時間の壁を越えるために検討されているもので、新幹線が最高速度で走るとトンネル内の風圧ですれ違う貨物列車が脱線してしまう影響があるから、貨物列車の形を変えて風圧を受けにくくしましょうとか、日中時間帯には貨物列車を走らせるのをやめましょうとか、あるいは貨物列車は船で運びましょうなど

『快盗戦隊ルパンレンジャーVS警察戦隊パトレンジャー』こと「ルパパト」、ついにフィナーレ。感無量の最終回でした。 思い返せば約一年前。初のVS戦隊が始まるとのことで、以下のような記事を書いた。依頼を頂戴して『週刊はてなブログ』に寄稿したものである。 blog.hatenablog.com 争い合う彼らの関係は、いつの間にか、『ルパン三世』におけるルパン三世と銭形警部、『名探偵コナン』における怪盗キッドと江戸川コナンのような、奇妙な信頼関係へと変わっていくのだろう。それを思うと、今からワクワクが止まらない。 ・「VS戦隊」の誕生はシリーズにとって必然だった？ 『快盗戦隊ルパンレンジャーVS警察戦隊パトレンジャー』の見どころを語る - 週刊はてなブログ そして当ブログでも、何度か感想記事を書いてきた。いずれも、同作品のキャラクター描写の巧さと、それを主軸に据えた「VSというテーマ」への作り手の

Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web. The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lin

WordPressで複数のカスタムフィールドを条件設定にして且つAND・ORを両方使う time 2018/04/18 folder プログラミング WordPressで投稿を呼び出す際に、複数のカスタムフィールドの値を条件にして絞り込むのに詰まったので備忘録。 meta_queryの中で入れ子にしたりするとAND・OR両方使ったり複数のカスタムフィールドの値を条件にできました。 すごい適当なサンプルですが、 query_posts(array( 'post_type' => 'hoge', 'meta_query' => array( 'relation' => 'OR', array( 'key' =>'joken1', 'value' => array(100,500), 'compare' => 'between' ), array( 'key' =>'joken2', 'valu

SourceTreeでコミット間の差分ファイルを抽出して zipファイル に圧縮する方法です。 フォルダ構成を維持した状態で差分が抽出されます。 リリース後に変更分のソースを渡したりするのに重宝します。 ics.media 上の記事を参考にしていますが、以下を変更しています。 日本語ファイル名が化けてエラーになるのを修正 git.exe にパスが通っていない環境用にフルパス*1を指定 バッチファイルを作成（export_diff_zip.bat） gist.github.com SourceTree にカスタム操作を追加 ツール > オプション > カスタム操作 > 追加ボタン 「実行するスクリプト」に上記のバッチファイルを指定します。 実行 こんな感じで２つのコミットを選択して右クリック > カスタム操作 から選択します *1:環境に合わせて書き換えてください

まだフォント探しで消耗してるの？足りないフォントの検索ができるSketchプラグイン「FontBuddy」の使い方 Animaさんがまた素敵なプラグインを出してしまったようですね…。 他人からSketchファイルをもらったとき、「Missing Fonts」と警告が出ていたことはありませんか？ そうそう、こういうやつです。 そんなときに、自動的にフォントを探してインストールしてくれるプラグイン「FontBuddy」が公開されました！ FontBuddyの使い方 まずはサイトからダウンロードします。メアドの登録が必要です。 ダウンロードしたらFontBuddy.sketchpluginを開いてプラグインをインストールします。 インストールしていないフォントが使われているSｋetchファイルを開いてみると緑色の表示が出ています クリックすると、該当のフォントが検索されてプレビューが表示されます

Webサイトやスマホアプリのどの部分にでもフォームに入力された値を検証するバリデーションを簡単に実装できる、わずか2.29kBの超軽量ライブラリを紹介します。 バリデーションでよく使用されるルールもデフォルトで30個以上用意されており、ルールをカスタマイズして利用するのも簡単です。 v8n -GitHub v8nの特徴 v8nのドキュメント v8nの使い方 v8nの特徴 v8nの名称は、「validation」の「v」と「n」の間に正確に8文字あるという意味です。 流暢でチェーン化可能なAPI チェーン化可能なAPIを使用して、フォームの検証を簡単に作成できます。 有用な標準検証ルール フォームの検証でよく使用される30個以上のルールが用意されています。 カスタマイズ性 フォームの検証用ルールは、簡単にカスタマイズできます。 非同期検証をサポート バックエンドでの検証のように時間のかかるル

この記事は、カラー画像の黒成分を透明処理ついてPhotoshopを使った方法を説明をします。 また記事の最後では、Photoshopアクションファイルの配布もしています。 ※ 本記事では、Adobe Cloud Photoshop 2020 を用いて解説した再編集版です。旧記事 Photoshop CS6での解説はこちら にあります。 黒成分を透明化って？ 透明化処理前と透明処理後は、こちらのとおりです。 透明化 前： 透明化 後： 透明化後の写真は、写真から黒い部分が取り去られ、その部分が透明化しました。 すこしわかりにくいので、この画像下にカラーレイヤーを敷いてみます。 左から、何も敷かない（Photoshop画面上の表示）、白を敷く、黒を敷く、になっています。 黒を敷いた箇所をみると、元の画像と同じであることがわかり、黒い部分がキレイに取り去られたことが確認できます。 それでは、この

新しい⾃分の可能性を信じ、次なる⽬標へ進んだ⼈がいる 元サッカー日本代表　槙野智章が語る、セカンドキャリアへの挑戦