商用利用無料、UIデザイン用のSVGアイコンが220種類！改変・再配布も可の太っ腹ライセンス -System UIcons
システムとプロダクトのUI用にデザインされた、オープンソースのSVGアイコンを紹介します。Webサイトやスマホアプリに最適です！ アウトラインのシンプルなデザインで、220種類のアイコンが揃っています。SVGなので、サイズやカラーなども簡単に変更して利用できます。 System UIcons System UIcons -GitHub System UIconsの特徴 System UIconsのダウンロード System UIconsの使い方 System UIconsの特徴 System UIconsは、システムとプロダクトのUIによく使用されるアウトラインのアイコンです。フォーマットはSVGなので、使いやすいと思います。 ライセンスはThe Unlicenseで、商用プロジェクトでも無料で利用できます。改変・再配布もOKです。
たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個
モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。 この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。 上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。 まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren
Web制作が面白いほどはかどる！便利な最新オンラインツール54個まとめ
この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV
グーグル、プログラミング経験不要で「Android」「Kotlin」を学べる無償コース提供
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleが、「Android」アプリの開発方法をビギナー開発者に教えるオンラインコース「Android Basics in Kotlin」を開始している。 KotlinはGitHubで最も成長の早いプログラミング言語の1つとなっている。GoogleがAndroid開発でKotlinを最優先の言語としていることも一因となっているかもしれない。Googleは、「Google Play」のトップ1000アプリの70％以上でKotlinが使用されているとしており、さらなる未経験者がこのモダンなプログラミング言語を学習することに期待しているようだ。 AndroidチームのデベロッパーアドボケートのKat Kuan氏は同社のブログで、「このコー
2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
無料で美麗な絵画やカオスなポスターなどがダウンロードし放題、編集や商用利用も可能な「Artvee」が登場
巨匠が描いた絵画から本の挿絵、ポスターなどさまざまな画像を無料で閲覧・ダウンロード可能な「Artvee」が公開されています。Artveeに掲載されているアートワークはどれもパブリックドメインなので、自由に利用・編集・再頒布が可能で商用利用もOKです。 Artvee https://artvee.com/ 上記URLにアクセスすると、検索欄が表示されました。「SELECT CATEGORY」をクリックすると…… カテゴリは「Abstract(抽象絵画)」「Animals(動物画)」「Botanical(植物画)」「Figurative(具象絵画)」「Historical(歴史画)」「Illustration(イラストレーション)」「Landscape(風景画)」 「Mythologys(神話)」「Posters(ポスター)」「Religion(宗教画)」「Still Life(静物画)」が用
『今こそチェックしておきたいSEOのポイント』
今こそチェックしておきたいSEOのポイント | CyberAgent SEO Information (サイバーエージェントSEO情報ブログ) 緊急事態宣言が出て、先もなかなか見えない中ではありますが、暗くなってばかりいても仕方ありません。止まない雨はないと信じて、雨が止んだときに楽しめるようにこういうときだからこそできるSEOの施策をいくつかやっておこうと個人的に考えています。 リモートワークになり出張や外出が減り、ミーティングも減っていつもよりも考える時間があるという方もいらっしゃると思います。普段は忙殺されていてなかなか整理したいことやじっくり考えたいことが後回しになっている人も、今時間が空いているようであれば自サイトのSEOについて再度整理してみるのはいかがでしょうか？ いざ整理してみるとしてもサイトの規模や運営体制、いまおかれている状況によってそのポイントはさまざまだと思います
リクルートスピードハッカソンに参加したのでその感想や勉強したことまとめ - Qiita
リクルートFrontend スピードハッカソン やったこと 参加者の中で3〜4人の間でチームを組みgitで共有されたホットペッパービューティーの１ページのパフォーマンス性能をできるだけ高めるというものでした。 ちなみに僕のチームの結果はこんな感じです スタート時 終了時 約5時間の調整でここまでの成果が、、、 チーム内にすでにがっつり実務でフロントエンドやっている方がいたのでその方のおかげもありパフォーマンス性能を60以上あげることができました。 ただ、今回参加した全８チーム中僕たちのチームは5位でした。。。 全体的にとてもレベルが高く、周りのレベルの高さに驚きですね😅 パフォーマンス効率改善方法 今回のイベントでのパフォーマンスの改善方法をざっくりと説明していきます。 ※基本的にはパフォーマンスチューニング童貞でも大枠くらいはわかるようにするために、できるだけ簡単な言葉でざっくりと説明
JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ
JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </head> <body> <input type="text" id="name1" name="name1" value="" /><br/> <input type="text" id="name2" name="name2" value="" /><br/> <button onclick="hello()">挨拶する！</button><br/> <div id="out"></div> </body> </ht
PWAに取り組む前に知っておきたい SPAとSEO
個人的、Kubernetes の最新注目機能！ (2024年5月版) / TechFeed Experts Night#28 〜 コンテナ技術最前線
Vue.jsを100時間勉強して分かったこと - Qiita
Vue.jsを100時間ほど勉強して分かったことを整理します。 勉強時間の内訳は、 Udemyの Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) をだいたい全て完了（85時間） 実際に自分でコードを書いてみた（15時間） です。 学習開始時のレベルは、JavaScript・jQueryはそれなりに扱うことができ、過去に少しだけReactを勉強したことがある感じでした（専門は Ruby on Rails）。 Vue.js 自体の構文 まず、Vue.js 自体の基本的な構文を整理します。 Vue インスタンス Vue インスタンスの書き方は次のような感じです。 new Vue({ el: "#app", data: { name: "Kei", age: "30", counter: 0 }, methods: { increas
無料で全講座を老舗オンライン講座サービスが公開、閉鎖のため
コンピューターグラフィックス(CG)やプログラミング、ゲーム開発などのオンライン講座を提供していた「3DBuzz」が閉鎖しました。同サイトは閉鎖に伴って、所有していたコンテンツを全て公開しました。 3Dbuzz https://www.3dbuzz.com/ 3DBuzz Shut Down And Release Content For Free https://www.gamefromscratch.com/post/2020/01/06/3DBuzz-Shut-Down-And-Release-Content-For-Free.aspx 2002年に開設された3DBuzzは、プログラミング言語C++・Pythonの講座や自作AIに関する学習講座に加えて、ゲームエンジンのUnity・Unreal Engine 4、3DCG作成ソフトウェアの3ds Max・ZBrush、画像編集ソフトウ
【2020年】AWS全サービスまとめ | DevelopersIO
このエントリは、2018年、2019年に公開したAWS全サービスまとめの2020年版です。これまではいくつかに分割して公開していましたが、1エントリにまとめてほしいという要望をもらっていたため、今年は1エントリに集約してみました。 こんにちは。サービスグループの武田です。 このエントリは、2018年、2019年に公開した AWS全サービスまとめの2020年版 です。これまではいくつかに分割して公開していましたが、1エントリにまとめてほしいという要望をもらっていたため、今年は1エントリに集約してみました。どちらがいいのか正直わからないので、フィードバックなどあれば参考にさせていただきます。 2020-01-08 リクエストがあったためAmazon Mechanical Turkを追加。 2018年まとめ 【2018年】AWS全サービスまとめ その1（コンピューティング、ストレージ、データベー
【全部無料】ハマると時間が秒で過ぎる英語圏のプログラミング系サイトまとめ【英語学習】 - Qiita
はじめに 近頃の翻訳技術の発達は目覚ましいですが、いまだに、「英語ができなくても何も問題はない」というところまでは程遠いのではないでしょうか。特にエンジニアであれば、なおさらだと思います。 英語で情報収集ができれば、英語力の向上と情報収集が同時にできて、一石二鳥ですよね。英語圏の情報は一次情報であったり、情報の速度が早かったりもするので、「情報の価値」、という点においてもかなり優秀です。 というわけで今回は、英語学習はもちろん、情報収集にも死ぬほど役立つ英語圏のサイトを紹介します。すべてのサイトがプログラミング関連で、しかも面白いサイトばかりなので、ハマるとヤバいです。 【10選】ハマると時間が一瞬で過ぎるプログラミング系の英語圏のサイトまとめ ネタ系 Reddit 日本で言うところの、2チャンネルとツイッターの中間のようなサイトです。プログラミング関連だけじゃなくて、各種テーマの話題のス
N予備校プログラミング入門コースで学べること - Qiita
私 is 誰 今年の7月にドワンゴの教育事業部に異動し、N予備校でプログラミング講師をやることになりました。 現在は週2回ニコ生やN予備校上にてプログラミング入門コースの授業放送をしています。 ドワンゴ自体は7年目となり、ニコニコ動画の開発を4年、エンジニア教育やエンジニア採用を2年ほどやってきました。 この記事で書きたいこと 現部署に異動後、教材のインプットを兼ねて『N予備校プログラミング入門コース』を履修したのですが、明らかに難易度が僕の想像した "入門コース" から外れたガチ編成になっていて衝撃を受けたことが記事を書こうと思ったきっかけです。 中身としてはとても良い教材になっているので、僕のような勿体無い誤解が少しでも減れば幸いです。 入門コースはいわゆる入門コースではない 『プログラミング入門コース』のゴールは ドワンゴがエンジニアとして採用したいレベル や IT企業のエンジニアイ
Springアプリケーションのテスト道具 使いどころ、使わないどころ / decide-to-use-test-tool-for-spring-application
SPRING FEST ’19 https://springfest2019.springframework.jp/
Firebase + Google Spreadsheet + Glide でサーバレスな それっぽいWebサービスを作った話【HAPPY SEEDING / 後編】 - okadato の雑記帳
この記事は Firebase アドベントカレンダー 2019 18日目の記事です。 Firebase を活用して個人開発した結婚式の写真管理Webサービスのアーキテクチャなどについて書きます！ さて前回記事になりますが、サービス自体の概要と開発の経緯についてまとめました。 今回は技術的背景の解説ということで、いきなりですが全体構成図をバーンと！ 全体構成図バーン！ 技術的には Firebase + Google Spreadsheet + Glide（というSaaS。詳細は後述） で構成しています。 以下では各要素を分類し、それぞれの役割について解説していきます。 Firebase部分 使用しているのは Firebase Hosting Cloud Functions Cloud Storage for Firebase の3つです（写真送信画面での手間を極力省くため、認証は噛ませていませ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Unity」の有料学習リソース“Unity Learn Premium”がすべてのユーザーに無償開放／業界で必要とされる3DやVR/AR、AIの専門知識を広く・深く学べる
育児×家事×IoT Raspberry Piで最強の防犯カメラを作ってみる（動画記録・配信、動体検知・Line通知、顔検知・顔認証、Alexa搭載）[3/6] - Qiita![育児×家事×IoT Raspberry Piで最強の防犯カメラを作ってみる（動画記録・配信、動体検知・Line通知、顔検知・顔認証、Alexa搭載）[3/6] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/05531f35414f123eb01c31516528b9e2a5fe5e29/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%2525E8%252582%2525B2%2525E5%252585%252590%2525C3%252597%2525E5%2525AE%2525B6%2525E4%2525BA%25258B%2525C3%252597IoT%252520Raspberry%252520Pi%2525E3%252581%2525A7%2525E6%25259C%252580%2525E5%2525BC%2525B7%2525E3%252581%2525AE%2525E9%252598%2525B2%2525E7%25258A%2525AF%2525E3%252582%2525AB%2525E3%252583%2525A1%2525E3%252583%2525A9%2525E3%252582%252592%2525E4%2525BD%25259C%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252582%25258B%2525EF%2525BC%252588%2525E5%25258B%252595%2525E7%252594%2525BB%2525E8%2525A8%252598%2525E9%25258C%2525B2%2525E3%252583%2525BB%2525E9%252585%25258D%2525E4%2525BF%2525A1%2525E3%252580%252581%2525E5%25258B%252595%2525E4%2525BD%252593%2525E6%2525A4%25259C%2525E7%25259F%2525A5%2525E3%252583%2525BBLine%2525E9%252580%25259A%2525E7%25259F%2525A5%2525E3%252580%252581%2525E9%2525A1%252594%2525E6%2525A4%25259C%2525E7%25259F%2525A5%2525E3%252583%2525BB%2525E9%2525A1%252594%2525E8%2525AA%25258D%2525E8%2525A8%2525BC%2525E2%252580%2525A6%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253D6aa0049acf21f940162c51a7434074c9%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540naka-kazz%2526txt-color%253D%252523333%2526txt-font%253DHiragino%252520Sans%252520W6%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D488f040872bd6edbfaa92a4748015ca9%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D6570ca2c1a753edbd93f2ac7efd013e0)
まもなくやってくる Vue.js 3
