「web制作」カテゴリーアーカイブ

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ – はてなニュース

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース

お盆休みが明けてもう8月下旬。秋に向けて自分が学んでみたいことや身に付けておきたい技術などを見つけ始めるにはよいタイミングです。そこで、オンライン学習プラットフォーム・Udemy(ユーデミー)のオンライン講座をチェックしてみてはいかがでしょうか。 Udemy(ユーデミー)公式サイト Udemyの講座は一度購入すれば...

はてなブックマーク - Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース はてなブックマークに追加

CSSを非同期ロードする最も簡単な方法 – Qiita

CSSを非同期ロードする最も簡単な方法 - Qiita

CSSを非同期ロードする最も簡単な方法 - Qiita

CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しか...

はてなブックマーク - CSSを非同期ロードする最も簡単な方法 - Qiita はてなブックマークに追加

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] – webのあれこれ

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

PDFはこちらからどうぞ[500KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました(3年ぶり!)。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレ...

はてなブックマーク - レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ はてなブックマークに追加

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neog...

はてなブックマーク - 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス はてなブックマークに追加

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと – Qiita

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

こちらの記事は、『Learn to become a modern Frontend Developer in 2019 』の和訳になります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありませ...

はてなブックマーク - 2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita はてなブックマークに追加

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) – Qiita

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita

前置き CSSでの余白の取り方について、後輩に「margin-topとmargin-bottomどっち派ですか?」と聞かれたので、 回答内容を記事として残します。 昔、会社のOJTで学んだことの共有となります。 1. 基本的にmargin-topを使う 理由としては、そちらの方が後々調節しやすいからです。 また、後述の優先度で設定していけば、m...

はてなブックマーク - フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita はてなブックマークに追加

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

世の中よくないこともいろいろあるけれど、いい時代だと思わされるときもあります。例えばこういうニュースが舞い込んだときなんかには!ということでインプレスが運営するWebサイト「できるネット」が太っ腹企画を展開。Webコンテンツを触る(直感的&直情的な)人ならば誰しもが持ってることでおなじみの一冊、木田和...

はてなブックマーク - あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO はてなブックマークに追加

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 – Qiita

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita

これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページ...

はてなブックマーク - 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita はてなブックマークに追加

2019年になってもまだjQueryを使用している理由 | コリス

2019年になってもまだjQueryを使用している理由 | コリス

2019年になってもまだjQueryを使用している理由 | コリス

現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年...

はてなブックマーク - 2019年になってもまだjQueryを使用している理由 | コリス はてなブックマークに追加

【追記あり】カネカ社は本当に育休ページを削除したのか。 – 笑顔を創りたいWeb屋の日常

【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常

【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常

いや、「削除したのか」の問いに対しては「削除した」ですね。間違いなく。 ただそれは「炎上騒動を受けて削除したのか」については、僕には「No」に見える。 そのことについて「ファクトを大事にする」という観点で書きたいんだけど、その前にちゃんと前提を伝えておきたい。 僕は、(今回の件が事実だと間違いないなら...

はてなブックマーク - 【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常 はてなブックマークに追加

グーグルが発表した新ウェブ技術「Portals」とは–「Google Chrome」向けのウェブナビゲーションシステム – ZDNet Japan

グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan

グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan

Googleは米国時間5月7日、年次開発者会議「Google I/O 2019」で、ウェブページのローディングやナビゲーションに新風を吹き込む「Portals」と呼ばれる新たなテクノロジーを発表した。 GoogleによるとPortalsは<portal>という新たなHTMLタグを使って動作するという。このタグの動作は、従来からある<iframe>タグとよく似...

はてなブックマーク - グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan はてなブックマークに追加

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

2019年5月17日 CSS CSS小技集シリーズの第3弾!「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場!特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック! ...

はてなブックマーク - 【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス はてなブックマークに追加

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます! Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg fo...

はてなブックマーク - これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス はてなブックマークに追加

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない – めもおきば

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば

3年ぐらい同じ事を言い続けてるんだけど、そもそもサーバーレスという言葉の由来はソフトウェアアーキテクチャの話*1。 一つのタスクの実行期間を超えて、ファイルシステムやメモリ上の変数などサーバ固有のリソースに依存しないという、12 Factor Appから死ぬほど言われ続けている制約を満たすプログラミングモデルがサ...

はてなブックマーク - もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば はてなブックマークに追加

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ – PhotoshopVIP

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP

この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょ...

はてなブックマーク - ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP はてなブックマークに追加

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

Progressive Web Apps(PWA)とは、Webの標準技術を用いて開発されたWebアプリケーションの一種。通常のWebアプリケーションとして振る舞うことに加えて、リソースをローカルに保存しオフラインでの実行にも対応し、Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デスクトップにWebアプリケーショ...

はてなブックマーク - マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey はてなブックマークに追加

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

Progressive Web Apps(PWA)とは、Webの標準技術を用いて開発されたWebアプリケーションの一種。通常のWebアプリケーションとして振る舞うことに加えて、リソースをローカルに保存しオフラインでの実行にも対応し、Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デスクトップにWebアプリケーショ...

はてなブックマーク - マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey はてなブックマークに追加

「魔法のiらんどは死んだ」と思っている“インターネット老人会”の皆さん ……それ、錯覚みたいですよ – ねとらぼ

「魔法のiらんどは死んだ」と思っている“インターネット老人会”の皆さん ……それ、錯覚みたいですよ - ねとらぼ

「魔法のiらんどは死んだ」と思っている“インターネット老人会”の皆さん ……それ、錯覚みたいですよ - ねとらぼ

「かつてのインターネット文化などについて語り合う人々の集まり」を意味するネットスラング「インターネット老人会」。実際にそのような会合が存在するというよりは、“インターネットの昔話”をするTwitter上のハッシュタグなどとして定着しています。 そこに投稿されたツイートを見てみると、「キリ番」「テレホーダイ...

はてなブックマーク - 「魔法のiらんどは死んだ」と思っている“インターネット老人会”の皆さん ……それ、錯覚みたいですよ - ねとらぼ はてなブックマークに追加

プログラミング未経験からほぼ独学でグーグルに入った話 · GitHub

プログラミング未経験からほぼ独学でグーグルに入った話 · GitHub

プログラミング未経験からほぼ独学でグーグルに入った話 · GitHub

google.md 2008年に新卒でソフトウェアエンジニアとしてグーグルに入社しました。2019年時点ですでに退職しています。 学生時代 東京大学の電子電気情報学科という申し訳程度にコンピューターサイエンスをかじっているところから、そのまま修士課程に進学しました。研究分野は自然言語処理でした。大学がつまらなくて行...

はてなブックマーク - プログラミング未経験からほぼ独学でグーグルに入った話 · GitHub はてなブックマークに追加

新人Webエンジニアの学習が捗るリンク集 – Qiita

新人Webエンジニアの学習が捗るリンク集 - Qiita

新人Webエンジニアの学習が捗るリンク集 - Qiita

はじめに この記事は自分のための備忘録も兼ねた、教材リンク集です。 ターゲット この記事はこんな人に向けて書いています。 これからWebエンジニアを目指す人 Webエンジニアになったばかりの人 コーディングだけでなくデザインやマーケティングにも興味がある人 早く一人前のWebエンジニアになりたいと思ってる人 つま...

はてなブックマーク - 新人Webエンジニアの学習が捗るリンク集 - Qiita はてなブックマークに追加

新人Webエンジニアの学習が捗るリンク集 – Qiita

新人Webエンジニアの学習が捗るリンク集 - Qiita

新人Webエンジニアの学習が捗るリンク集 - Qiita

はじめに この記事は自分のための備忘録も兼ねた、教材リンク集です。 ターゲット この記事はこんな人に向けて書いています。 これからWebエンジニアを目指す人 Webエンジニアになったばかりの人 コーディングだけでなくデザインやマーケティングにも興味がある人 早く一人前のWebエンジニアになりたいと思ってる人 つま...

はてなブックマーク - 新人Webエンジニアの学習が捗るリンク集 - Qiita はてなブックマークに追加

textlint と VS Code で始める文章校正 – Qiita

textlint と VS Code で始める文章校正 - Qiita

textlint と VS Code で始める文章校正 - Qiita

はじめに 文章を書くときに、注意して半角文字の両端に半角空白を空けるという手動 lint をよくやっています。 また、日本語の表現や句読点、typo などに注意を払うことも必要です。 そこで、機械的に検出できた方が内容を書くことに集中できるので文章の lint ができる textlint というツールを使っていきます。 同様の...

はてなブックマーク - textlint と VS Code で始める文章校正 - Qiita はてなブックマークに追加

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

こんにちは、まちいろの工藤です。 まちいろでは開発フレームワークに Rails を採用していますが、最近の新規案件では Go 言語を採用してみています。この記事では、Go で開発を始めるにあたって行ったライブラリ選定の中身を紹介したいと思います。 選定にあたっては、awesome-go や Qiita などの記事を参考にしました...

はてなブックマーク - Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note はてなブックマークに追加

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

こんにちは、まちいろの工藤です。 まちいろでは開発フレームワークに Rails を採用していますが、最近の新規案件では Go 言語を採用してみています。この記事では、Go で開発を始めるにあたって行ったライブラリ選定の中身を紹介したいと思います。 選定にあたっては、awesome-go や Qiita などの記事を参考にしました...

はてなブックマーク - Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note はてなブックマークに追加

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note

こんにちは、まちいろの工藤です。 まちいろでは開発フレームワークに Rails を採用していますが、最近の新規案件では Go 言語を採用してみています。この記事では、Go で開発を始めるにあたって行ったライブラリ選定の中身を紹介したいと思います。 選定にあたっては、awesome-go や Qiita などの記事を参考にしました...

はてなブックマーク - Go 言語で API サーバーの開発をはじめるためのライブラリ選定|maco|note はてなブックマークに追加

保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで | コリス

保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで | コリス

保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで | コリス

Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様...

はてなブックマーク - 保存版!デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで | コリス はてなブックマークに追加

ドキュメントサイトの管理にはNetlify+静的サイトジェネレーターが便利 – Cybozu Inside Out | サイボウズエンジニアのブログ

ドキュメントサイトの管理にはNetlify+静的サイトジェネレーターが便利 - Cybozu Inside Out | サイボウズエンジニアのブログ

ドキュメントサイトの管理にはNetlify+静的サイトジェネレーターが便利 - Cybozu Inside Out | サイボウズエンジニアのブログ

こんにちは!開発部テクニカルコミュニケーショングループの仲田(@naoh_nak)です。 最近WeWorkみなとみらいに出没し始めました。おしゃれ過ぎて少し落ち着かないのですが、慣れたら自分もそちら側の人間だと思うようになるのかもしれません。 前回はヘルプサイトをマークダウンで制作する話をしました。そのサイトのホ...

はてなブックマーク - ドキュメントサイトの管理にはNetlify+静的サイトジェネレーターが便利 - Cybozu Inside Out | サイボウズエンジニアのブログ はてなブックマークに追加