Web制作をちょっと便利にするGoogle Apps Script入門アンケートシステムやセミナー予約フォームなど、ちょっとしたプログラムを作るのにピッタリなのが、「Google Apps Script」です。Webデザイナーを対象に、Google Apps Scriptの基本的な使い方から実践的なWebサービスの開発方法までを解説します。
まだChrome使ってるの？ Web開発者専用ブラウザー「Blisk」に惚れた！
「また新しいブラウザー？ もういいよ。」いえいえ、Bliskはちょっと違います。Web開発者向けに便利な機能を搭載した、開発者専用のブラウザーなんです。 日々のWeb開発にどんなブラウザーを使っていますか？ 私がTwitter上で先日実施した投票の結果によると、開発者の4分の3は一般的なWebブラウザーを使っています。おそらく以下のような理由が想像できます。 1番よく使うアプリケーションである すでに自分が使いやすいように調整できている 優れた開発ツールが入っている（どれもそうですよね！） それらのユーティリティが快適である そもそも、好みのブラウザーである しかし、そのブラウザーはWeb開発作業に向いているのでしょうか？ 私もそうですが、いつもブラウザーにさまざまなアプリやツール、あとで読もうと思っている記事（……でもほとんど読みませんけどね！）のタブを57個くらい開いているのでは？ こ
Webサイトに“安心”をプラス―知らないでは済まされないSSLサーバ証明書の仕組み | gihyo.jp
安心安全なWebサイトの運営を実現する上で、欠かせない存在となっているのがSSLサーバ証明書です。その仕組みを分かりやすく解説しつつ、導入におけるポイントを紹介していきます。 フィッシング詐欺の被害から顧客を守るSSLサーバ証明書 メールなどを使って偽のWebサイトにおびき寄せ、そこで入力されたIDやパスワード、クレジットカード番号などといった個人情報を盗み取る「フィッシング詐欺」の被害に遭う人が後を絶ちません。見かけることが多いのはオンラインバンキングにログインするための情報を盗む攻撃ですが、最近ではアップルのサービスを利用するために必須となる、Apple IDを盗む手口が広まって話題となるなど、狙われる個人情報やサービスは多種多様です。 このような被害を避ける上で欠かせないのは、そのWebサイトの運営者の確認です。たとえばアップルのWebサイトであれば、Webブラウザのアドレスバーに緑
OWASP Cheat Sheet Seriesを日本語訳して馴染みやすくしてみた。
OWASPとは、Webをはじめとするソフトウェアのセキュリティ環境の現状、またセキュアなソフトウェア開発を促進する技術・プロセスに関する情報共有と普及啓発を目的としたプロフェッショナルの集まる、オープンソース・ソフトウェアコミュニティです。ここでは、OWASP Japan公式サイト等では伝えきれないマル得情報を配信します。 OWASP Top 10に代表される日本語化された成果物と比較すると、日本語化されていないOWASPの成果物は馴染みづらい印象を受けるとともにその利用を躊躇しているといったご意見を何度かいただいています。 とはいえ日本語化されていない成果物の中にも有用な成果物は数多く存在し、その中でもOWASP Cheat Sheet Seriesはセキュリティを専任とする方をはじめ、開発者、設計者、マネジャー、利用者など、どの立場の方にとっても有用な情報が詰まっています。それゆえに、
1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
xvfbwrapper + selenium でpythonからweb画面キャプチャ - Qiita
xvfbwrapper + selenium を使ってpythonから仮想ディスプレイのweb画面をキャプチャする方法を紹介します． 環境 Ubuntu14.04 python 2.7.10 2015/06/18時点で最新版のFirefox 下準備 まず必要ライブラリ等をインストールします Xvfbは，仮想的なフレームバッファを実現するソフトウェアです． 今回はこれを使って仮想的なディスプレイを作り，firefoxでWebブラウザを立ち上げ，ページのスクリーンショットを撮ります． xvfbwrapperはその名の通り，XvfbのpythonWrapper, seleniumは自動テストを行ったり，Webサイトを操作して何かを取得したりしたい時に便利です． 詳しくはこちら 日本語フォントのインストール 入れないとスクリーンショットが文字化けします． $ wget -q https://www
知らないとまずいユニバーサル アナリティクスの移行方法とは
今回は、従来のGoogle アナリティクスからユニバーサル アナリティクスへ完全に移行する方法を説明します。 analytics.jsのトラッキングコードを入手する ユニバーサル アナリティクスの移行作業は、トラッキングコードを「ga.js」から「analytics.js」へ置き換えるだけです。Google アナリティクスの［アナリティクス設定］から、［トラッキング情報］→［トラッキングコード］を選びます。 「www.google-analytics.com/analytics.js」が含まれていれば、ユニバーサル アナリティクスのトラッキングコードです。このコードをテキストエディターなどにコピーします。 Google アナリティクスを設置しているページを開き、「ga.js」のコードを丸ごと置き換えれば移行は完了です。 トラッキングコードのカスタマイズ 特殊な計測をしている場合は、トラッキ
明朝体は絶滅するのか？ AXIS Font生みの親の挑戦
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
ソフトウェアプロセス技術がロストテクノロジーになっている - きしだのHatena
最近会った人とよく話すのが、ソフトウェアプロセス技術がロストテクノロジーになってるんではないかということです。 ソフトウェアプロセスというのは、「プロセスがよいソフトウェアをつくる」という前提のもと、どのようなタイミングでどのような成果物を作り、どのような管理をし、どのように検査をしてソフトウェアを作るかという手順です。 そして、プロセス技術というのは、そのようなプロセスを構築し運用し改善する技術です。 このようなソフトウェアプロセス技術は、1995年くらいから2000年くらいにかけて盛り上がり広まりかけたのですが、そのタイミングでWebが広まりはじめ、「Webは進化が速い」「作るものがどんどん変わる」などを合言葉に、「アジャイルプロセスを採用する」という名目でなんら管理されないプロセスが普及しました。その結果、プロセス技術は完全に下火になっているように思います。 もちろん、Webの発展段
The evolution of the web
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
実際にいくらかかるの？ Yahoo!リスティング広告の料金システムと予算設定の基本 | スポンサードサーチ再入門
クリック時のみ広告料金が発生するリスティング広告の利用を検討するときに、多くの人が懸念するのが、「広告料金はいくらかかるのか」「予算はどう考えれば良いのか」ということだろう。今回はスポンサードサーチを利用する際の料金の仕組みをおさらいしたうえで、広告予算設定時の基本的な考え方を説明したい。 まずスポンサードサーチの広告料金は、「クリック課金」という仕組みになっている。クリック課金とは文字通り、ユーザーが広告をクリックした際（＝自社のWebサイトに誘導した際）に、広告料金が発生するシステム。逆に言えば、広告が表示されても、インターネットユーザーがその広告をクリックしない限り、料金は発生しない。一般的に言って、リスティング広告をクリックするユーザーは、その商品・サービスを何らかの目的で探していることが多い。そうした見込客にターゲットを絞り、無駄な費用を抑制しながら効率よく訴求できる料金システム
[Å] iPhone Safariの「ホーム画面に追加」のアイコンが粗かったので綺麗に修正！
[Å] iPhone Safariの「ホーム画面に追加」のアイコンが粗かったので綺麗に修正！
![[Å] iPhone Safariの「ホーム画面に追加」のアイコンが粗かったので綺麗に修正！](https://cdn-ak-scissors.b.st-hatena.com/image/square/d0c5e4f2b8b5bf4a163bbf7cbb0dec82af0e69ee/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F1362932867.jpg)
仕事を振られたときの正しいステータスコードの返しかた、読みかた - A Successful Failure
告白されたときのステータスコードの返しかたに関するエントリが話題になっている。告白なんてそんな希有な事象には縁遠いが、仕事は良く振られるなあなんて思ったので便乗エントリ。思いついて即UPなのであまり練られてません。 100系レスポンス 100 Continue 「詳細について聞かせてください」 101 Switching Protocols 「聞くから、このメールだけ送らせて」いやここで割り込まれるとメールを送るのを忘れてしまうので。 102 Processing 「今やってます」なお、そば屋の出前の応答と同じく、本当にやっているかどうかは不明である。 200系レスポンス 200 OK 「了解しました」 201 Created 「タスクカードを新たに作ります」タスクカードはあまり長続きしないなあ。 202 Accepted 「あー、そのうちやっときます」とりあえず、新たな仕事が振られたこと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
フラットデザインに使える配色をコピーできるサイト「Flat UI Colors」 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
Web で作ろう！学ぼう！
夏休みイベント Mozilla Maker Party 開催のご案内この夏、Web の読み書きに挑戦してみませんか？ Web ブラウザ Firefox の開発元 Mozilla が企画するワークショップのご案内です。 8 月 4 日(日) を皮切りに 9 月上旬まで、「Web の読み・書き体験」ワークショップを各地で数回にわたり開催します。 当日は、誰でも簡単に Webページのしくみを学べるツール「Thimble (シンブル)」を使って HTML や CSS といったの読み書きを学んだり、Web 上の動画をリミックスするツール「Popcorn Maker」を使ってオリジナルの動画作品に挑戦していただきます。 大学生のボランティアや Mozilla Japan のスタッフがお手伝いしますので、興味があれば、予備知識はなくて OK です。 Web はいつも見るだけ… という学生さんも、Web
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bitbucketの使い方
サンプルで学ぶTwitter Bootstrapの使い方：中編 (1/5)
