エンジニア必見！作業効率が格段に上がる無料のChrome拡張機能8選
GoogleChrome拡張機能は、ブラウザ上で手軽に追加できる便利なツールの一つとして多種多様な機能が存在し、あまりの多さに迷ってしまうほどです。 弊社エンジニアの間でもChrome拡張機能は活用されていますので、その中から実際に使っているオススメ拡張機能を厳選してご紹介します。 中には、エンジニアの方に限らず、Webサイトに携わる方であればインストールして欲しい拡張機能もありますので、ぜひ参考にしてみてください。 ※執筆時(2015年9月24日)時点では、どれも無料で使用することができます。 エンジニアにオススメのChrome拡張機能まとめ 1.JSONView https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc JSONデータを自動で整形してくれるChrome拡張機能で
住所から郵便番号を取得したい！18,000件のデータを効率よくプログラムで！ - マネー報道 MoneyReport
新Webサイト向け 今月中旬に当ブログのアクセス急減がありました。 実際にはアクセス解析の間違いで、アクセス急減自体は起きていませんでしたが色々と焦りました(-_-; フリーランスとして独立してからは、主な収入源をWebサイトからの収益に依存しています。 外の仕事も受けてはいますが、労働に対しての対価を頂くスタイルのため仕事を頂いている間は良いですが、仕事が途切れるタイミングもありますので、出来ればWebサイトからの収益を増加させたいと考えています。 一応、当ブログにおいても2015年6月からアフィリエイト広告を解禁して収益増加を目指しました。 ですが6月はアフィリエイト収益は1万円のみ(>_<) アフィリエイトはどうも苦手ですね(^^; 収益の多様化を目指すべく、Webサイトを新規に構築予定です。 現在は外の仕事が忙しいので、現在は企画・設計までで具体的な作業は秋頃になると思いますが、そ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
地上から飛行機の飛んでる場所がわかる『FlightRader24』が楽しすぎッ - 週刊アスキー
旅行に行きたいなぁ……なんて思ってもそんなに簡単には行けないもの。空飛ぶ飛行機を見上げながら「あぁ、あの飛行機は何処へ行くんだろうなぁ」と思いを巡らせてしまうこともあるよね？ 旅行には行けなくてもちょっとした旅行気分（？）を味わえるWebサイトが『FlightRader24』（関連サイト）。結構以前から公開されていたので好き者は知っているはず。 Webサイトを開くと地図上にウジャっと沢山の飛行機が表示される。良く見ると飛行機はちょこまかと動いていて、リアルタイムの位置情報を表示しているのだ！ 空港がありそうな場所をズームすると、そりゃもう大変な事になっている。オススメは昼間の羽田、海外だと中東とかヨーロッパ周辺。こんなに飛行機が飛んでいるのかッ！ って驚くだろう。 さて、リアルタイム情報が表示される仕組みはこうだ。飛行機にはそれぞれトランスポンダという応答装置を搭載しており、そこから飛行機
クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」
TOP > plugin > クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。 （Drop） そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。 詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas
2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
Androidアプリを開発したい初心者に捧げる、36個のWebサイト【まとめ】┃新！あんどろいどマニア
Androidアプリを開発したい初心者に捧げる、36個のWebサイト【まとめ】 [ 2013/10/31 04:19 ] ┣ リンク集 | TB(0) | CM(5) │Edit Twitterに投稿 | | 「アプリ開発」、「プログラミング」って聞くとどうしても私たちには無関係な超高度な技術を連想しがちです。実際私もその一人ですからよーくわかります＞＜ しかし、この技術を自由に使いこなせるとしたらどれだけAndroid改造の、ひいてはライフスタイルの幅が広がるでしょうか。大げさに聞こえるかもしれませんが、パソコンを使っている私たちにとってプログラムの言語を使いこなすのとそうでないのでは、超えられない壁があるみたいです＞＜ そこで！私もプログラミングに挑戦したいという気持ちを抑えきれず、自分用といたしましてプログラミング・Androidアプリ開発に役立ちそうなリンク集を作ってみました。とり
「“できない人”にいくら教えても“できる人”にならない」問題についての対話：日経ビジネスオンライン
調べて書きたいが藪蛇になりかねない。記者の仕事を30年近く続けてきて、こう思うことが時々あった。大事だが調べていくと楽しくない結論に到達しそうだ。事前にこう感じて放置してしまった。そんな案件がいくつかある。 特定の企業や人に関する話ではない。素晴らしい企業だと絶賛されているが現場の人に会ってみるとどうも違う。新しいリーダーともてはやされているが彼が経営している企業は赤字になりつつある。こういう場合、塩をまかれようとも取材をして書かなければいけないと思っている。 書きにくい話とは、多くの人がそう感じているものの表だって言うのをはばかられる、「それを言ってはお終い」という件を指す。その一つが本稿の題名に付けた『「できない人」にいくら教えても「できる人」にならない』である。 経営でも何らかの技術でも何でもよいが、あることに長けた人はもともと素質ないし能力があって、それを本人か周囲がうまく引き出し
Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室
Webサイトを高速化をすることによって得られるメリットは様々です。ユーザーエクスペリエンスの改善といった話とは別に、サーバーの台数を減らせることも大きなメリットでしょう。 サーバーの台数が減ればコストも下がるし、運用も楽になりますので、Webサイトの高速化はSEO対策に限定せずに実現したいところです。 しかし、「高速化しよう」「表示速度を改善しよう」といっても、実際に高速化を阻害するような要因を知っていなければ、どう取り組んで良いか分かるはずもありません。 今回の記事では非エンジニアの方でもサイト高速化のポイントがある程度理解できるように、大まかに要点をまとめています。 ＼ナイルがリードを増やした秘密を公開／ 高速化のための基礎知識 高速化という言葉の中には、大きく分けて２種類の概念が存在します。 フロントエンド側での高速化 サーバーサイド（バックエンド）側での高速化 フロントエンドとは
スマートフォンサイトを驚くほど速くする！高速化9つのポイント | Find Job ! Startup
回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。 今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です。 Webサイトを劇的に高速化する9つのポイント １.画像を圧縮する ２.画像はサイズを指定して使う ３.画像は適切なサイズで使う ４.CSS/JavaScriptを圧縮する ５.CSSスプライトを使う ６.不要なCSS/JavaScriptを読み込まない ７.CSS/JavaScriptをまとめる ８.CSSセレクターを最適化する ９.mod_deflateでgzip圧縮する １.画像を圧縮する 画像を最適化することは、フロントエンドの高速化に絶大な効果を発揮します。Photoshopを使って圧縮しても良いのですが、もっと手軽に圧縮
無料のスマホサイト作成ツール5個｜スマホ対応ホームページの作り方
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの？ その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか？ スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら） なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！ こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。