アンケートシステムやセミナー予約フォームなど、ちょっとしたプログラムを作るのにピッタリなのが、「Google Apps Script」です。Webデザイナーを対象に、Google Apps Scriptの基本的な使い方から実践的なWebサービスの開発方法までを解説します。

「また新しいブラウザー？ もういいよ。」いえいえ、Bliskはちょっと違います。Web開発者向けに便利な機能を搭載した、開発者専用のブラウザーなんです。 日々のWeb開発にどんなブラウザーを使っていますか？　私がTwitter上で先日実施した投票の結果によると、開発者の4分の3は一般的なWebブラウザーを使っています。おそらく以下のような理由が想像できます。 1番よく使うアプリケーションである すでに自分が使いやすいように調整できている 優れた開発ツールが入っている（どれもそうですよね！） それらのユーティリティが快適である そもそも、好みのブラウザーである しかし、そのブラウザーはWeb開発作業に向いているのでしょうか？ 私もそうですが、いつもブラウザーにさまざまなアプリやツール、あとで読もうと思っている記事（……でもほとんど読みませんけどね！）のタブを57個くらい開いているのでは？　こ

安心安全なWebサイトの運営を実現する上で、欠かせない存在となっているのがSSLサーバ証明書です。その仕組みを分かりやすく解説しつつ、導入におけるポイントを紹介していきます。 フィッシング詐欺の被害から顧客を守るSSLサーバ証明書 メールなどを使って偽のWebサイトにおびき寄せ、そこで入力されたIDやパスワード、クレジットカード番号などといった個人情報を盗み取る「フィッシング詐欺」の被害に遭う人が後を絶ちません。見かけることが多いのはオンラインバンキングにログインするための情報を盗む攻撃ですが、最近ではアップルのサービスを利用するために必須となる、Apple IDを盗む手口が広まって話題となるなど、狙われる個人情報やサービスは多種多様です。 このような被害を避ける上で欠かせないのは、そのWebサイトの運営者の確認です。たとえばアップルのWebサイトであれば、Webブラウザのアドレスバーに緑

作成：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

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今回は、従来のGoogle アナリティクスからユニバーサル アナリティクスへ完全に移行する方法を説明します。 analytics.jsのトラッキングコードを入手する ユニバーサル アナリティクスの移行作業は、トラッキングコードを「ga.js」から「analytics.js」へ置き換えるだけです。Google アナリティクスの［アナリティクス設定］から、［トラッキング情報］→［トラッキングコード］を選びます。 「www.google-analytics.com/analytics.js」が含まれていれば、ユニバーサル アナリティクスのトラッキングコードです。このコードをテキストエディターなどにコピーします。 Google アナリティクスを設置しているページを開き、「ga.js」のコードを丸ごと置き換えれば移行は完了です。 トラッキングコードのカスタマイズ 特殊な計測をしている場合は、トラッキ

With best-in-class Jira integration, and built-in CI/CD, Bitbucket Cloud is the native Git tool in Atlassian’s Open DevOps solution. Join millions of developers who choose to build on Bitbucket.

「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ

最近会った人とよく話すのが、ソフトウェアプロセス技術がロストテクノロジーになってるんではないかということです。 ソフトウェアプロセスというのは、「プロセスがよいソフトウェアをつくる」という前提のもと、どのようなタイミングでどのような成果物を作り、どのような管理をし、どのように検査をしてソフトウェアを作るかという手順です。 そして、プロセス技術というのは、そのようなプロセスを構築し運用し改善する技術です。 このようなソフトウェアプロセス技術は、1995年くらいから2000年くらいにかけて盛り上がり広まりかけたのですが、そのタイミングでWebが広まりはじめ、「Webは進化が速い」「作るものがどんどん変わる」などを合言葉に、「アジャイルプロセスを採用する」という名目でなんら管理されないプロセスが普及しました。その結果、プロセス技術は完全に下火になっているように思います。 もちろん、Webの発展段

クリック時のみ広告料金が発生するリスティング広告の利用を検討するときに、多くの人が懸念するのが、「広告料金はいくらかかるのか」「予算はどう考えれば良いのか」ということだろう。今回はスポンサードサーチを利用する際の料金の仕組みをおさらいしたうえで、広告予算設定時の基本的な考え方を説明したい。 まずスポンサードサーチの広告料金は、「クリック課金」という仕組みになっている。クリック課金とは文字通り、ユーザーが広告をクリックした際（＝自社のWebサイトに誘導した際）に、広告料金が発生するシステム。逆に言えば、広告が表示されても、インターネットユーザーがその広告をクリックしない限り、料金は発生しない。一般的に言って、リスティング広告をクリックするユーザーは、その商品・サービスを何らかの目的で探していることが多い。そうした見込客にターゲットを絞り、無駄な費用を抑制しながら効率よく訴求できる料金システム

[Å] iPhone Safariの「ホーム画面に追加」のアイコンが粗かったので綺麗に修正！

告白されたときのステータスコードの返しかたに関するエントリが話題になっている。告白なんてそんな希有な事象には縁遠いが、仕事は良く振られるなあなんて思ったので便乗エントリ。思いついて即UPなのであまり練られてません。 100系レスポンス 100 Continue 「詳細について聞かせてください」 101 Switching Protocols 「聞くから、このメールだけ送らせて」いやここで割り込まれるとメールを送るのを忘れてしまうので。 102 Processing 「今やってます」なお、そば屋の出前の応答と同じく、本当にやっているかどうかは不明である。 200系レスポンス 200 OK 「了解しました」 201 Created 「タスクカードを新たに作ります」タスクカードはあまり長続きしないなあ。 202 Accepted 「あー、そのうちやっときます」とりあえず、新たな仕事が振られたこと

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

「Flat UI Colors」は流行りのフラットデザインに使える配色をワンクリックでコピーできるサイトです。最近よく見かける「フラットデザイン」を採用したウェブサイトに使われている色をまとめています。それぞれの色をクリックすると、クリップボードにカラーコードがコピーされますよ。 以下に使ってみた様子を載せておきます。まずFlat UI Colorsへアクセスしましょう。 このようにフラットデザインに使える配色が綺麗にまとまっています。 色を選択すると、その色のカラーコードがコピーできますよ（HEX値やRGBなどから選べます）。フラットデザインに挑戦してみようという方は、これらの配色で作ってみてはいかがでしょうか。きっと綺麗な仕上がりになることでしょう。 Flat UI Colors （カメきち）

Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapを導入するための準備とレイアウトの設定方法を解説しました。今回も、前回と同じブックカタログのサンプルサイトを作りながら、コンテンツ部分のマークアップ方法について説明します。 基本はclass属性で設定 Twitter Bootstrapのデザインを各HTMLの要素に適用するには、class属性を指定します。 以下のようなテーブルがあったとします。

夏休みイベント Mozilla Maker Party 開催のご案内この夏、Web の読み書きに挑戦してみませんか？ Web ブラウザ Firefox の開発元 Mozilla が企画するワークショップのご案内です。 8 月 4 日(日) を皮切りに 9 月上旬まで、「Web の読み・書き体験」ワークショップを各地で数回にわたり開催します。 当日は、誰でも簡単に Webページのしくみを学べるツール「Thimble (シンブル)」を使って HTML や CSS といったの読み書きを学んだり、Web 上の動画をリミックスするツール「Popcorn Maker」を使ってオリジナルの動画作品に挑戦していただきます。 大学生のボランティアや Mozilla Japan のスタッフがお手伝いしますので、興味があれば、予備知識はなくて OK です。 Web はいつも見るだけ… という学生さんも、Web