Site will be available soon. Thank you for your patience!
PWAとは PWA(Progressive Web Apps)とは、ネイティブアプリ的な挙動をするWebサイトのことで、例えるならWebサイトとネイティブアプリを足して2で割ったような物と考えてもらえば解りやすいと思います。2015年に開催されたChrome Dev Summitや、2016年5月に開催されたGoogle I/O 2016において大々的に提唱され、実例や測定結果から2017年現在も注目を集めています。 個人的にはハイブリッドアプリの代名詞的な位置にあるApache Cordova(PhoneGap)のような印象があるPWAですが、後述の通りアプリとしての開発・公開の敷居は低く、仕様を理解していればエディタとGoogle Chromeだけで、特別なツールを使うことなく開発することができます。 PWAの利点 では、WebサイトをPWA化することに、どのようなメリットがあるのでし
はじめに 普段はバックエンドエンジニアでデザインの勉強を一切やったことがない僕がそこそこのwebサイトであれば作れるようになってきたので、webサイトをおしゃれに作るためにやったことをまとめてみました。 手順 デザインについて無知でhtml, cssをほとんど書いたことない人(基本的な文法は知っている。)がいきなりおしゃれなサイトが作れるようにはなりません。以下のステップを踏んでいくといいと思います。 おしゃれなサイトを探して研究する。 bootstrapを使ってサイトを作ってみる。 実際に作ってみる。 おしゃれなサイトを探して研究する 個人的にこれをやることがおしゃれなwebサイトを作るための一番の近道だと思います。まずは既存のものを真似して作っていくことが大切だと思うので、なぜそのサイトがおしゃれなのか調べ尽くします。 この作業を繰り返しすることでどんなサイトがおしゃれなのかわかってき
cat << _EOF_ > /etc/httpd/conf.d/security.conf # バージョン情報の隠蔽 ServerTokens ProductOnly Header always unset "X-Powered-By" # httpoxy 対策 RequestHeader unset Proxy # クリックジャッキング対策 Header always set X-Frame-Options "SAMEORIGIN" # XSS対策 Header always set X-XSS-Protection "1; mode=block" Header always set X-Content-Type-Options "nosniff" # XST対策 TraceEnable Off <Directory /var/www/html> # .htaccess の有効化 Al
『MARKETIMES』は、広告収益による運営を行っております。複数の企業と提携し、情報を提供しており、当サイトを通じてリンクのクリックや商品・サービスに関する申し込みが行われた際、提携する企業から報酬を得ることがあります。しかし、サイト内のランキングやサービスの評価について、協力関係や報酬の有無が影響することは一切ありません。 さらに、当サイトの収益は、訪問者の皆様に更に有益な情報を提供するため、情報の質の向上やランキングの正確性の強化に使用されています。 ソーシャルメディアが企業のマーケティング戦略におけるチャネルとして選択されるというのは、もはや当たり前の事かもしれない。企業の大小かかわらずソーシャルメディアのアカウントを所有し、ブランディング、販促、イベント告知など幅広く活用されているのは言うまでもない。ただ企業もマーケティング担当者も、多用なソーシャルメディアをそれぞれで運用し、
Bootstrapを使ってシンプルなシングルページを制作したいと思うのでその手順を何回かに分けて記録。 Bootstrapの初期CSSをなるべくそのまま使ってサイトを作成。 変更箇所用のCSSを最小限にし、デザインを仕上げて完了の予定とする。 制作編1ではグローバルナビゲーション(Static top navbar)を設置するところまでの記録。 シングルページ制作編 Bootstrap-シングルページ制作編1 Bootstrap-シングルページ制作編2 Bootstrap-シングルページ制作編3 Bootstrap-シングルページ制作編4 Bootstrap-シングルページ制作編5 Bootstrap-シングルページ制作編6 Bootstrap-シングルページ制作編7 *Bootstrap3.3.4 Bootstrapのファイルはダウンロード済み ダウンロード方法は導入編にて。 シングルペ
2015年8月末に、クローラー/スクレイピング本が2冊同時に発売です。Python版メインのものとJavaScript版メインのものです。なかなか市場のニーズ突いてきていますね。 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニック 作者: nezuq,東京スクラッパー(協力)出版社/メーカー: マイナビ発売日: 2015/08/28メディア: 単行本(ソフトカバー)この商品を含むブログを見るJS+Node.jsによるWebクローラー/ネットエージェント開発テクニック 作者: クジラ飛行机出版社/メーカー: ソシム発売日: 2015/08/31メディア: 単行本この商品を含むブログを見る 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニック 実践 Webスクレイピング&クローリング-オープンデータ時代の収集・整形テクニックは、Py
Photo by Armando Sotoca こんにちは。谷口です。 「業務経験は少ないけど、ITエンジニアとして転職がしたい」という方や、「プログラミングを独学で習得したのでITエンジニアになりたい」といったご相談を受けることがあります。 開発業務経験の少ない方、エンジニアを目指す新卒/既卒の方々にとって、作っておくとアピールになるのが、自分で作ったシステムやアプリなどをまとめたポートフォリオです。 ここで言うポートフォリオとは自分の能力を周囲に伝えるための自己作品集のことです。企業にこれまで自作したものを一覧で見てもらうことができれば、自分のスキルをアピールすることができます。 特にSIからWEB、受託から自社サービス開発といった感じで分野を転向しての転職を目指す場合は、ポートフォリオがあると有利です。例えば「業務でのWebサービス開発経験はありませんが、自分でこのようなサービスを作
無彩色 白と黒との混合で得られる色(白と黒自体も含む)の総称。 白・黒・さまざまな濃度の灰色が含まれる。 彩度が0であることを表す。 無彩色でない色は、有彩色である。 via 写真技術 色と陰影(手代木さんblogより) - 写真技術と光への道でフォトディレクション-Jimdo撮影編 有彩色 白、黒、灰色以外の色味を持った色のこと。 有彩色にはさらに、純色、清色、中間色に分類される。 以下のような図を、 等色相面 と言う。 via 純色、清色、中間色|株式会社ノイエデザイン 純色 各色相において、最も彩度が高い色。 ただし、色空間によっては純色以外にも彩度が最大になる色がある。 清色 清色はさらに、明清色、暗清色に分類される。 清色にはくすんだ印象がなく、濁りがない色という特徴がある。 明清色 純色に白だけを加えた色。 ピンクや水色など 暗清色 純色に黒だけを加えた色。 紺色や茶色など 中
次はこんなWEBサービスが流行する?2015年に注目されるであろうWEBサービス5選 新しいWEBサービスの中で、2015年に流行するであろうと予想されるWEBサービスを5つご紹介します。何が爆発的に流行するのか予想するのは難しいですが、現在の情勢にマッチしたWEBサービスなどは自然と注目を集めることでしょう。 ■Canva 「Canva」はオンラインでWEBサイトやグラフィック、ポスター、SNS用のアカウント画像などが作れるWEBサービスです。非デザイナー向けのWEBサービスで、デザインについての知識やセンスがなくても簡単にセンスのあるデザインができます。テンプレートを選んでパーツをドラッグ&ドロップしていくだけなので、誰でもデザインが可能です。 https://www.canva.com/ja_jp/ ■Product Hunt 「Product Hunt」はユーザ投稿型ニュースサイト
こんにちは、虎塚です。 今週クラスメソッド社内で性能テストツールのApacheBench をテーマにした勉強会を行うことになりました(勉強会というと固い感じですが、経験者から知見をいろいろ教えてもらおうという雑談会です)。 そこで、ApacheBenchをまったく使ったことがない方の予習用に、ごく基本的な情報をまとめておきましたので、公開します。 ApacheBenchのインストール方法 Apache HTTP Serverをインストールします。 ApacheBenchの特徴 ApacheBenchは、Apache HTTP Serverに同梱されている性能テストツールです。コマンド名にちなんで、「ab」とも呼ばれています。 できること ApacheBenchは、1回のコマンド実行で、単一かつ同一のURLに対するリクエストを、指定した分だけ生成します。そのため、Webサーバやアプリケーショ
enchant.js meetup! ショートセッション「はじめてのenchant.js AtlasXでゲームをつくる」
今回のテーマはプレゼンテーションです。プレゼンの肝と言えばスライドで、ローカルであればPowerPointやKeynote、WebであればGoogleあたりのサービスが使われることが多いようですが、似たようなものばかり使っていると聴衆は飽きてしまうものです。 そこで人目を引くプレゼンテーションを目指すべく、格好良いスライドが作れるWebサービスとオープンソース・ソフトウェアを紹介します。 Prezi 拡大縮小、回転などを駆使したダイナミックなプレゼンテーションが作成できるサービスです。見栄えは良いですが作るのは相当大変に見えます。 emaze Preziに似ていますが、回転したり3D化したりとよりダイナミックに変化します。一つの絵の中でプレゼンテーションが展開されるのが面白いところです。 Empressr 3Dのスライド切り替えが売りのサービスなようです。写真、音楽、ビデオなどリッチメディ
トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください!
青ソファ、黄ソファ、赤ソファの三色からなる「徳ソファ」から分離したうちの一人。三人がふたたび一人に戻るとき、大勝利が待っているという。 こんにちは。インターネット、してますか? 私はインターネットが無いと死にます。 1995年暮れのWindows95発売とともに訪れたインターネットブームから、もう20年近くになります。 ……って改めて書くとオッサンたる私としてはギョッとするわけですが、「2000年以降は、最近」という感覚ももういい加減捨てないとヤバイですね。2000年だって(この記事を公開した時点で)15年前です! さて、そんなインターネットブームに湧いていた頃はまだお父さんのタマキンの中にいたアナタももう立派な成人、というくらい日本でも歴史を紡いできたインターネットの世界ですが、それゆえに既に過去のもの、消滅したものも沢山あります。 日本の一般ピープルのネット黎明期について体験してきてい
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 弊社 dot by dot inc. のコーポレートサイトをリニューアルしたときのいろいろをメモ。見た目シンプルなわりにいろいろあったのでね どんな仕組みでつくる? 日々増えるニュースを簡単に更新できるようなブログ形式、前バージョンの背景エフェクトもってくる(かつページ遷移においてリロードしない=エフェクトを途切れさせない)という前提で検討した結果、WordPress を CMS に使いつつ WP REST API で JSON ひっぱってきて React でごにょごにょやるんがいーかなーと。 React ちょうどどうやってつくろっかな
前編の記事のタイトルが長すぎたので、後編はタイトルを変更いたしました。前回の記事はこちら。 「Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました!」を読んで(次回ミーティングのために)整理してみました 永上さんが書かれた「Web業界からEC業界に行ってブチ当たった、皆が教えてくれない「EC業界の見えない壁」の正体を、もやっと掴めました!」の記事に乗っからせていただいたところ、アクセス解析のブログを書かれている鈴木さんや、Web担当者フォーラム編集長の安田さんを始め、多くの方に言及いただきました。 小売からECを始めようと思う人がいたら、最初に気をつけて欲しいと思う事(鈴木です。) Web業界とEC業界はまったく違う――そのギャップがEC事業者と制作会社の仲を悪くしている?(Web担当者フォーラム) さて、気づいたら前編から2週
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く