k_goboのブックマーク - はてなブックマーク

正しいfaviconの設定方法を対応ブラウザ別にまとめる | Glatch（グラッチ） – 夫婦で活動するフリーランスWeb制作ユニット

サイト制作で忘れられがちな印象があるfaviconの設定ですが、とっても重要なので正しい書き方で設定しましょう！ <link>でfaviconを指定することがありますが、以下の記述をよく見かけるかと思います。 <link rel="shortcut icon" href="/path/favicon.ico"> rel属性にshortcutの記述が必要なのは、IE8以下の対応が必要なときのみです。 shortcutは非準拠ですので使わないようにしましょう。古いブラウザに対応する必要がないサイトであれば、rel属性にshortcutは不要ですし、ファビコンの画像もpngやgifが問題なく使用できます。そこで、どのブラウザまで対応するかによりどう記述すればよいかが変わってくるので、一覧にまとめました。 IE8以下も含めたIE、Chrome、Firefox、Safari、Opera、Edge

k_gobo 2020/01/17

リンク

「この接続ではプライバシーが保護されません」をスキップしたい場合 - Qiita

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

k_gobo 2019/11/21

リンク

SourceTreeでGithubの認証に秘密鍵を使う (Windows) - Qiita

概要下記記事で紹介したやり方で作成した秘密鍵を使って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

k_gobo 2019/11/05

めっちゃ悩んだところでこれを見つけた。ありがたい。

リンク

もっと早く知りたかったPDFのファイルサイズを軽くする方法

メール添付されたPDFデータが重く、開けなかったことはありませんか？この記事では、PDFのファイルサイズを軽くする方法をご紹介します。チラシや販促資料のPDFファイルを共有するため、取引先や上司・同僚にメール送信することがあると思います。大容量のファイルを送信するとメール受信や閲覧に時間がかかり、そもそも送信されない場合があります。メールへファイル添付する時は容量に気を付けなければいけません。﹁ZIP圧縮してもファイルサイズが減らない﹂﹁チラシのPDFデータを添付したメールが届いていない﹂﹁PDFが重くて見ることができない﹂といった場合にすぐに使えるテクニックを取り上げていきます。元のPDFファイルを間違って上書き保存しないように、ファイルを複製してから作業をするようにしましょう。 PDFを印刷するなら、印刷サービス﹁Suprint︵スプリント︶﹂へ PDFの特徴 PDFとは紙を

k_gobo 2019/11/05

macのプレビューでそんな事できたのか。

リンク

現職エントリ - 毎日わんわん

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

k_gobo 2019/11/01

ニコ動の番組に面白いのがないなあと思っていたがこういう人がしゃかりきになって作ってるならなんとなく納得できた。not for meなんだな。

リンク

今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

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

k_gobo 2019/11/01

“制作するWebサイトをInternet Explorerに対応させたい場合でも、担当者にお申し付けください（ぜひ、制作着手前にお願いします！）”ここだよねｗｗｗ制作始めてから言い出すんだよｗｗｗｗｗ

リンク

千葉市長が｢悪意ある台風報道｣に激怒するワケ形式論で足を引っ張るマスコミの罪

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

k_gobo 2019/11/01

時事通信は近年ただのフェイクニュース一歩手前に見えることが増えた。そういう報道を浴びて育った世代が入社してメインになると、もう戻れないんだろうな。

リンク

佐倉冠水の構造的背景「ボトルネック」印旛沼と東京の空の玄関の孤立危機 | JBpress (ジェイビープレス)

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

k_gobo 2019/10/28

そのように想定されて作られ運用されているものをさも問題かのように書くのはどうかと思う。空港客の輸送が問題なのであれば、全路線高架しかないでしょ、地形的に。

リンク

建設機械全方位リサーチ／不整地運搬車編【02　バリエーション】 | 建設の匠

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

k_gobo 2019/07/19

リンク

Gロッソ関係者のTweetの問題点について

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

k_gobo 2019/07/11

リンク

異動のおともにスキルマップ - スタディサプリ Product Team Blog

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

k_gobo 2019/06/03

誰もやりたくないけど会社はやらせたいスキルというのも存在しそう。

リンク

新幹線の壁　本当に越えなければならないのは「4時間の壁」ではなくて「1万円の壁」という現実。（鳥塚亮） - エキスパート - Yahoo!ニュース

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

k_gobo 2019/03/08

駅と空港の立地とか、乗るまでの時間とか、いろいろ考えたら問題にならないよ。またお前か事案。

リンク

最終回感想『快盗戦隊ルパンレンジャーVS警察戦隊パトレンジャー』 VS戦隊というメインテーマへの解答と、本当に溶かされたもの - ジゴワットレポート

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

k_gobo 2019/02/13

言われがちな成人女性だけど、玩具も食玩も買ってるしガチャってるしスマホゲー課金してるし円盤買ってるしショー行くし大出費だわ。リアタイでルパパトに貢げて良かった。もっと円盤出してくれ。

リンク

Infinite Scroll

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

k_gobo 2019/02/05

無限スクロールだけじゃなく、「もっと見る」で読み込みも出来る。

リンク

WordPressで複数のカスタムフィールドを条件設定にして且つAND・ORを両方使う | かたつむりノートかたつむりノート

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

k_gobo 2019/01/18

リンク

SourceTree（Git）から差分ファイルを抽出してzipに圧縮 - Jiro Laboratory

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

k_gobo 2018/11/15

リンク

まだフォント探しで消耗してるの？足りないフォントの検索ができるSketchプラグイン「FontBuddy」の使い方 | テクニカルクリエイター.com

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

k_gobo 2018/11/08

リンク

便利なのが登場！フォームのバリデーションをシンプルな記述で実装できる超軽量JavaScriptライブラリ -v8n | コリス

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

k_gobo 2018/10/24

リンク

Photoshop：カラー画像の黒成分の透明変換 - INSTAHACK | インスタハックは、役立つティップス情報やアプリの紹介、Web制作情報などを中心とに記事を発信するブログです。

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