企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース! さらに、Adobe XD, Figma, Sketchなどでアイコンが簡単に使えるツールもリリースされています。
![商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利](https://cdn-ak-scissors.b.st-hatena.com/image/square/552924352ae09572189460487116a7b5e4dedd42/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202003%2F2020090601%402x.png)
これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時(画面内に要素が入りそうになった時)に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
リンク www.asahi.com asahi.com:NOVA社長室を公開 330平方メートル、ミニバーも - NOVA経営破綻 茶室、ミニバー、高級家具……。NOVAの保全管理人の東畠弁護士は30日、大阪市浪速区の20階建てビル最上階にあるNOVAの社長室を報道陣に初めて公開した。広さは約330平方メートル。猿橋(さはし)前 2 users 1
新型コロナウイルスのパンデミックによって多くの業界が痛手を受ける中、技術や資格を身に付けて転職を考える人もいるはず。そんな中でGoogleが、人々が新しいスキルを身に付けて経済的安定を確保することを支援するため、「Google Career Certificates」というオンラインの職業訓練プログラムをスタートすると発表しました。 Professional Certificate Training Programs - Grow with Google https://grow.google/certificates/ A digital jobs program to help America's economic recovery https://blog.google/outreach-initiatives/grow-with-google/digital-jobs-progra
こんにちは! リクルートテクノロジーズでセキュリティエンジニアとして活動している、藤原 巧です。 毎年恒例となっており、大きな反響をいただいている、エンジニアコースの新人研修の内容を紹介させていただきます。 研修の概要 リクルートテクノロジーズでは、新卒採用の新人向けに3ヶ月間の技術研修を行っています。この技術研修では大きく分けて2つのコースが設けられています。 1. プログラミングやWebサービスの構造の基礎を体系的に学び、その後一人につき、ひとつのスマホサイトを企画からリリースまで行うコース 2. 一定以上のプログラミングスキルと開発系経験がある新人に向けた、実際の開発で必要となる様々な技術要素をより深く学び、その後実際のサービスでチーム開発にてOJTを行うコース 今回公開するのは 2. で使用した資料です。 この技術研修は、そのほとんどの部分を内製で実施しています。 この研修の最大の
北海道豊浦町の沖合で「右向き」の珍しいヒラメが水揚げされ、水産試験場は突然変異で生まれたのではないかとみています。 「右向き」のヒラメは17日、豊浦町の沖合で行われた定置網漁で水揚げされました。 「左ヒラメに右カレイ」と呼ばれるように、腹びれを下にしたときに、顔が左にくるのがヒラメ、右にくるのがカレイという見分け方がありますが、室蘭市にある栽培水産試験場が写真や動画を確認した結果、歯や体の特徴から「右向き」のヒラメだったことが分かりました。 水産試験場によりますと、稚魚を養殖して海に放流されたヒラメで「右向き」になるのは、1000匹から1万匹に1匹ほどの割合だということで、水揚げされたヒラメも突然変異で生まれたのではないかとみています。 北海道立総合研究機構栽培水産試験場の森立成さんは「今回は天然のヒラメの可能性が非常に高く、より珍しい」と話していました。 「右向き」のヒラメは、すでにセリ
ウェブ・セキュリティ基礎試験を受験してきました。 とてもいい資格なので少しでも合格者が増えるように勉強方法含め情報共有します。 ウェブ・セキュリティ基礎試験とは 徳丸本の愛称で有名な体系的に学ぶ 安全なWebアプリケーションの作り方の理解度を問う試験です。 問題作成をご担当されている徳丸先生にちなんで徳丸試験と呼ばれています。 Webアプリケーションを開発するにあたって、知っておくべきセキュリティや脆弱性の知識を身に付けることができます。 「徳丸本読まずしてWebアプリケーションを作るなかれ」と言うぐらい必須の知識です。(私が勝手に言ってるだけです。) 詳細は以下をご覧ください。 https://www.phpexam.jp/tokumarubasic/ 試験の基本情報 試験の形式は以下の通りです。(執筆時点)
前提 shunirr の独自研究による財テクをまとめています shunirr は、そこそこの規模の会社勤務なソフトウェアエンジニア (退職金や企業型 DC は無い) 、独身、副業は特にやっていない 状況の異なる人間は役に立たない情報である可能性が高い フリーランスなどの自営業、スタートアップ企業勤務、あるいは歴史ある大企業勤務、など 結婚してる、家族がいる、など shunirr の思想・価値観によってまとめられているので異なる価値観の人には合わない可能性があります shunirr は全てを実践してはいません 基本的な考え方 資産を増やす方法はいろいろあるけど、税金を減らす方法はあんまり無いので、出来るならやっておきたい 税金は減るとお得だけど、税金が減る額よりも儲かる金融商品があるなら、そっちを買った方がお得 商品の金利や運用益が非課税なものよりも、自分の所得税・住民税から控除される方がお
2020年08月07日23:30 【速報】 中国完全死亡、ファーウェイに続き、OPPO、シャオミもGooglePlayサービス全削除へ Tweet 1: ミクロコックス(静岡県) [KR] 2020/08/07(金) 22:09:00.28 ID:xcGtjSjX0● BE:789862737-2BP(2000) 中国スマホメーカーはトランプ政権の規制策で米国アプリインストール不可に 8/7(金) 16:30 TechCrunch Japan 世界のスマホ販売の3分の1以上が中国のメーカー3社、Huawei(ファーウェイ)、Xiaomi(シャオミ)、そしてOppo(オッポ)によるものだ。これらメーカーは中国のサプライチェーンのおかげでコスパの良い端末を提供して成長しているだけでなく、比較的オープンなモバイルエコシステムを享受している。ほとんどの国の消費者はGoogle(グーグル)やInst
とりあえず落ち着け。 みなさん、毎日なにかしらのコードを読み、開発する日々を送っていると思います。そんな中で、 糞コードは死ぬべきである!!絶対に直すべき!! という感情に取りつかれてしまうことがあると思います。自分の技術力に自信のある人ほど、無理やりにでも直そうと試みると思います。それがどんな修羅の道か。そして、糞コード修正がどんな道を歩むのか。この記事では糞コード修正の罠とありがちなストーリーについて書きたいと思います。 ビジネスとしてのプログラムは本質的に糞である 例えば、「携帯電話の利用料金」のプログラムがあります。 「携帯電話 透明性高め料金値下げを」という記事もあるように世の中の携帯電話の料金プランはかなり複雑です。例えば、auだと「auでんき」といった電気料金とパックされた電話料金プランがあります。また、「auスマートバリュー」といったプランもあり、家のインターネット回線をa
■パワポの色はダサいどうも今回は脱パワポっぽさ!ということで、色をテーマにまとめていきたいと思います! みなさん、パワポでスライドを作る際、色をどのように決めていますか? 図形を挿入した時のデフォルトの色を使っていますか? 図形の塗りつぶしから色を選んでいますか? もちろん、もともとパワポに設定されているカラーでも問題はありませんが、どうしても普段から目にすることが多いので、パワポっぽさを感じる配色になってしまいます。 今回のテーマ「パワポっぽさを脱却する」ということですから、私がいつもやっている方法を紹介したいと思います! ■色を決めるのはめちゃくちゃ難しいということを自覚する実際に私がおすすめする方法を紹介する前に、色を決めることの難しさについて話したいと思います。 フランスの国旗(イタリアでもルーマニアでもドイツでもチャドでもポーランドでもいいですが笑)で考えてみたいと思います。もし
どうも、まさとらん(@0310lan)です! 今回は、インタラクティブなユーザー体験を作り出せるWebページを手軽に作れるサービスをご紹介します。 一般的なランディングページやアンケートフォームだけでなく、クイズで遊んだり任意のファイルをダウンロードできたりするページや、クーポン配布ページ、IQテスト、決済ページ…など、さまざまな機能を搭載したWebページをノーコード(NoCode)で開発できるのが特徴です。 既存のWebページやブログなどにも簡単な手順で埋め込むことが可能なので、ご興味ある方はぜひ参考にしてみてください。 【 involve.me 】 ■「involve.me」の使い方 それでは、「involve.me」をどのように使えばいいのか詳しく見ていきましょう。 まずはサイトのトップページからメールアドレスを入力してユーザー登録をしておきます。 次の画面でユーザー名やパスワードな
GitHubが機能強化のロードマップを公開。今年第3四半期にはCodeQLによるコードスキャン機能の統合、第4四半期にはWeb IDEのCodespacesが正式版予定 GitHubは、同社のサービスやソフトウェアで開発中の機能とその公開時期などを含むロードマップをGitHub上で公開したことを明らかにしました。 We’re excited to announce the GitHub public roadmap, designed to give your team more information about what you can expect from GitHub: https://t.co/KqXf8e7DDC — GitHub (@github) July 28, 2020 公開されているロードマップを見ると、今年の第3四半期にはCodeQLによるコード分析機能の統合やG
「Vue 3」は、JavaScriptフレームワークVue.jsの次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。Vue 3で導入される新機能のうち、前回は新しいコンポーネント記述形式「Composition API」を紹介しました。今回は、それ以外の主な新機能を説明していきます。 はじめに Vue.jsは、Webページのユーザーインタフェース(UI)を構築できるフレームワークです。2015年のバージョン1(Vue 1)、2016年のバージョン2(Vue 2)に続き、バージョン3(Vue 3)が開発中で、2020年第2四半期にリリース予定です。 前回記事ではコンポーネントの新しい記述形式「Composition API」を紹介しましたが、他にもさまざまな新機能がVue 3で導入されます。本記事では、それ以外の主な新機能を抜粋して紹介していきます
5度目の打ち上げ失敗 ホリエモンのロケット事業に経産省が巨額の血税を投入していた! 年金デモを「税金泥棒」と攻撃しながら… ホリエモンのロケットがまた打ち上げに失敗した。堀江貴文氏が創業した宇宙ベンチャー「インターステラテクノロジズ」は「医療従事者への感謝を込めて赤いバラ一輪を宇宙に届ける」として26日午前にロケット打ち上げを予定していたが、上空の気象条件が基準に満たさず、夕方に延期。しかし、夕方の打ち上げでも、直前にメインエンジンの点火器の異常を検知したため自動停止、結局、打ち上げは中止になってしまった。 4号機、5号機に続いて3連続の失敗。というか、インターステラ社は2017年7月からロケット打ち上げを始めて今回で6度目だが、結局、1回しか成功していない。 ホリエモンは「地球を離れて太陽系を探検したいし、もっと遠くへ、恒星間空間へと行ってみたい」「日本の未来のかなり大きな部分は、宇宙活
7月16日、「棋聖戦」五番勝負で渡辺明三冠を3勝1敗で破り、史上最年少でのタイトル獲得を果たした藤井聡太棋聖。 7月19日に18歳になり、その翌日にインタビューに応じました。 タイトル戦で見せた和服姿から一転、普段着で現れた藤井棋聖に、まずは、熱戦を振り返っての思いから話を聞きました。 Q.渡辺三冠との五番勝負を振り返り、改めて、今の心境を聞かせてください。 A.タイトル獲得という結果を非常にうれしく思っていますし、渡辺先生との五番勝負を体験できたことは、非常に大きな経験になったと思います。全4局を通して自分のパフォーマンスをしっかり発揮できたと思っていますが、その中でも渡辺先生から、こちらが気づいていない好手を指される場面も多く、非常に勉強になりました。 Q.「3勝1敗」でのタイトル獲得。この結果はどう受け止めていますか。 A.自分の実力以上のものが出せたと思います。渡辺先生はずっと棋界
追記:VS Codeの入門書をZennでリリースしました ブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 Visual Studio Codeの教科書 Visual Studio Codeの教科書を購入しました。基本的な使い方から拡張機能の作り方まで、広く押さえられていました。 プログラマーのためのVisual Studio Codeの教科書 (Compass Booksシリーズ) 作者:川崎 庸市,平岡 一成,阿佐 志保発売日: 2020/04/30メディア: Kindle版 自分は拡張機能作りには興味なかったのですが、思わず手を伸ばしたくなりますね。拡張機能作りまで興味ある方にとってはかなり良い本ではないかと思います。 本を読むと、色々改めて発見があったのと、拡張機能一回
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く