Google Libraries API
Google Hosted Libraries は、最も人気のあるオープンソースの JavaScript ライブラリ向けの、安定した信頼性の高い高速のグローバル コンテンツ配信ネットワークです。 Google は、各ライブラリの取り組みの主要な関係者と直接連携し、リリースされた最新バージョンをそのまま受け入れます。 ライブラリ ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット（下記参照）をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、ウェブページに <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> スニペットを埋め込みます。 独自のウェブサイトで HTTP のみを使用している場合でも、HTTPS 経由
【決定版】デキるWebデザイナーのための「CSSフレームワーク」ベスト10
フレームワークの活用はWebデザインの現場において「当たり前」のものとなってきましたね。制作にかけられる時間・労力は決して無限ではありません。限られた資源（リソース）を効果的に分配するのもプロとして欠かせない姿勢です。今後もこうしたCSSのフレームワークを活用した流れは続くのではないでしょうか。 そこで本稿では制作の現場で使えるWebデザイナーのための「CSSフレームワーク」ベスト10をご紹介します！下記にご紹介するフレームワークをうまく活用して、ぜひ日々の業務の効率化にお役立てください。 そもそもフレームワークとは何か？ フレームワークとは、本来ファイルとフォルダを含むパッケージのことです。CSSフレームワークの場合だと標準化されたHTML、CSS、JSコードを含んだ機能群のことを指します。こうしたフレームワークを使うことで、一からフロントエンド開発を行うよりも飛躍的にWeb制作の生産性
結局 PWA は来るの？来ないの？
昨日 Twitter でこんな記事を発見しました。 PWA が来るって言っているエンジニアは今すぐ辞めろ 「instagram の PWA が最高〜！ネイティブと見分けつかない！！とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな？ Instagram PWA is sooooooo impressive. I probably won't be able to distinguish it with its native app. InstagramのPWAが、デキが良すぎて感動してる。ネイティブアプリと見分けられる自信ない。 pic.twitter.com/DS8TfceBZ6 — Eiji Kitamura / えーじ (@agektmr) 2018年1月26日 確かに、この言い方は若干煽り気味のと
イマドキWebフロントエンド環境とReactを触りながらサンプルを10本書いてみた
はじめに Webフロントエンドの知識がjQueryで知識が止まっていたので、モダンなWebフロントエンドに触れてみた。そのメモ。 良かった点 「今はこうなっているのかー」と分かった。今後はナウい記事を読んでもビビらないと思う。 Reactのすごさ 触ってみて下の記事のいうことが理解できた。何がすごいの？と聞かれたら下の記事を掻い摘んで説明したい。 Reactを使うとなぜjQueryが要らなくなるのか 触ってみたもの ES6 Yarn Webpack Babel Sass/SCSS React とりあえずエディタ開いてHTMLを書くぞというタイプの人間だったので、フロントエンド開発にまずはコマンドラインを打って環境を構築する点が新鮮。自動化できるところはツールで共通化してラクできるところはラクをする、というのは分かった。Reactは使うか分からないが、Webpack/Babel/SCSSは絶
嫌味たっぷりな発言をしてサヨナラなんて、ネット上の人間関係を甘く見てませんか？ - 力こそパワー
ブログを始めて2年と4ヶ月、メーカーから商品のレビュー依頼を頂けるようにもなりました。 同時に、ブログコメントやTwitterなどで質問をされることも出てきています。 本日はその中でも久しぶりに、記事にするくらいにイラッとすることがありましたので、こうして書かせていただきました。 愚痴等を読みたくない人はブラウザバック推奨です。 質問は歓迎ですよ 都合の良いモノ扱い？ 記事にすることを決意させた発言 追記 最後に 追記 質問は歓迎ですよ 最初に断っておきますが、TwitterのリプライやDMでの質問は基本的に歓迎です。 フォローしてる・してないを問わず、いただいた質問は全て目を通して回答しています。 実際、フォローしていない人からでもDMを送れるように開放していますからね。 都合の良いモノ扱い？ フォローされてない人からでも送れるようにしているDMの設定ですが、「質問をする時だけフォローす
独学で基礎から学べるオススメのプログラミング学習サイト3選をメリットと使い方を詳しく解説。 - いしだの話
こんにちは、石田祐希（@yuki1y1m）です。 ぼくはいま、大学1年生でプログラミングに興味があり猛烈に独学で勉強しています。 理系じゃなくても「プログラミングを学びたい！」という方は増えてきていますね。 ぼくも文系ながら、プログラミングというスキルには必要性を感じました。 プログラミングを学び始める人で多いのが一番最初に理解できなくて諦めてしまう方が多いです。 ぼく自身も本から入り理解できなくて一度挫折しているんです。 しかし、オンラインで学べる学習サイトが充実してきたことで文系の初心者でもしっかり基礎からプログラミングの仕組みを理解できるようになったので、ぜひ使って勉強してほしいのでご紹介します！ 「Progate」 Progateとは 学べる言語 こんな人にオススメ！ 「CODEPREP」 CODEPREPとは 学べる言語 こんな人にオススメ！ 「ドットインストール 」 ドットイン
もう迷わない！HTML5のもっとも基本的なテンプレートはこれだ！（2016年版）
HTMLを書くときのベースとなる「書き出し」。いまどきはエディターにプリセットされていますし、ネットにも山ほど転がっていますが、どうせならきちんと意味を理解して、自分だけのテンプレートを作っておくとカッコいい。 HTML5を習得していくうちに、HTML5のテクニックをまとめて使ったひな型を作っておきたいと考えることでしょう。もちろんお勧めしますし、開始点として便利な、オンラインソースの使用も検討してみるもいいでしょう（もっと詳しく知りたい場合は、html5boilerplate.comやhttps://github.com/murtaugh/HTML5-Resetも参照してください）。 ただし今回は、構築内容も含め、コードを一から説明していきます。なぜならHTML5とCSS3を使ったサイトやWebアプリを作る際、使えるオプションに詳しくなれるし、この記事をテクニックの手引きとして参照しやす
Web制作会社に入社して約３ヶ月、現在の心境を語りますヽ(・∀・)ﾉ - Love＆Peace
ウェブ制作会社に採用されて早くも３ヶ月が経っておりました(^^;)月日が流れるのは早いものです!!! 実際に採用された時に書いたのがこちらの記事です。 www.love-wd-yuka.com 仕事にもだいぶ慣れてきて、ようやく落ち着いてきたところなんですが・・・！私にとっては次なる課題が待ち構えております！ それは・・・ウェブサイトのデザイン！をすることです(^^)私が目指しているウェブデザイナーにやっと一歩近づける、重要なターニングポイントなのです!!!デザインを任されたという事は、今の仕事にもだいぶ慣れてきたからなんだと思います。（と、勝手に思っていますw）でもうちの会社はやる気があれば、なんでもチャレンジさせてくれる環境なので、私にとってはとてもありがたいです！今回は二つ返事で「やってみたい！やります！」と言ってしまいましたが(^^;) 案件の内容は、とある企業のホームページなので
★はじめに | Search | Google Developers
モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを作成する スマートフォンからアクセスした際のユーザー エクスペリエンスが優れたものなるように、モバイル フレンド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
