ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
Page not found
We are sorry, the page you requested cannot be found.
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
三流君VBA:Excelのグラフをgifへ変換 .Exportメソッド使用
[三流君] －－＞ [ＶＢＡで楽しく] －－＞ [バックナンバー一覧] －－＞ No.028 Excelのグラフをgifへ変換 .Exportメソッド使用 .ExportメソッドでExcelグラフをGIFにできたので、 少し、テストして遊んでみます。 メルマガ発行内容 ↓解説・テスト動画↓ ＜Excelのグラフをgifへ変換 .Exportメソッド使用＞ こんにちは、三流プログラマーＫｅｎ３です。 今回は、 Excelのグラフをgifへ変換 して遊んでみます。 /* * １. ActiveChart.Export ("C:\samp.gif") */ 昔か書いてたメルマガに、 Excelのグラフをgifへ変換 があったので、今回は、これをネタに話を大きくしてみます。 ＊昔のメルマガも整理しないとなぁ Excel97 で、グラフが表示されています。 このグラフを画像ファイルとして保存したいの
【HTML5・CSS3】おしゃれなテーブルデザインのサンプルソース5点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
地味な離島ライター内藤です。普段はコーダーとして仕事をしていますが、たまにはデザイナーさんのように人の目に触れる仕事もしてみたい！ そこで本日は、日々の業務で見かけてこれは使えるぞと思ったtableを、独自に再構築してソースコードを公開しようと思います。 table作成時に参考になるサイト 本題に入る、その前に。XPの公式サポートも終了し、HTML5＋CSS3の普及が進んでいます。今更ながら、この技術でどんなtableが実現できるのか、とてもわかりやすく説明されていたサイトをまずご紹介します。 table専門参考ページ4選 table専門の参考ページを4つほど選んでみました。 CSS3を使って美しく装飾されたテーブルの作り方｜Webpark CSS3でのtableの作り方を、見た目とソースから解説してあります。 テーブル｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScr
知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
年齢を計算する－DATEDIF関数：Excel エクセルの使い方-数式/関数
年齢や経過日数・勤続年数の計算というのは業務の内容によっては頻繁に出てくるので、計算方法を紹介しているWebサイトも少なくありません。 ところがメジャーなサイトでも、間違った方法を紹介していることがあるので注意が必要です。 単純に引き算をしてユーザー定義書式で「yy歳」と設定すればOK、みたいなことを書いてあるサイトがあるのですが、これではダメです。今年の自分の誕生日から生年月日を引いてみればすぐにわかることです。この計算式では誕生日の次の日にならないと年齢が加算されません。引き算をするときに調整を行う必要があります。
html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
CSSだけで作る動きのあるドロップダウンメニュー
では、HTMLから解説していきます。 HTML <ul id="dropmenu"> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メニュー</a> <ul> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> <li><a href="#">サブメニュー</a></li> </ul> </li> <li><a href="#">メ
使える「HDR Pro」と「境界線を調整」 | Photoshop CS5 の新機能 | Shuffle by COMMERCIAL PHOTO
Photoshop CS5では、今までなかった新機能というよりも、従来の機能を強化して「使えるように」なったという印象も強い。従来のHDRは「HDR Pro」へと進化し、一枚の写真から擬似的に「HDRトーン」を作ることもできるようになった。「境界線を調整」にはオプション項目が増え、選択範囲の調整の仕方も選択肢が増え、精度も上がった。 HDR Proに統合 HDRは露出違いに撮影された複数の写真を統合し、ハイダイナミックレンジの32-bit画像として統合する機能である。同じShuffleの連載「Photoshopオート機能完全攻略」の第3回で以前にCS4のHDRを解説しているので、両方合わせて読んでいただけるとわかりやすいだろう。 まず、作業の流れは同ポジで撮影された露出違いの写真を用意することから始まる。 「ファイル」メニューの「自動処理」から、あるいはBridge CS5の「ツール」メニ
デジイチに関する覚え書き - guldeenのはてブロ
ども、guldeen（『ガルディーン』って読むんだよ。知らなかった方は、この機会に覚えてください）です はてなブログ開設そうそう、書くネタがこれかよ！って感じですが、いちおう“カメラ屋店員”だった事もある自分としては、このネタはスルーできなかったので。 「デジタル一眼レフ買いたいけど、どれにすれば良いかわからない」という記事に多くの反響が返ってきらむたたぞ！ わざわざカメラ専用機を買うことの意味 iPhoneに限らず現在の携帯通信端末機器には、必ずと言っていいほど『内蔵カメラ』が装備されています。2010年代以降の機種に内蔵のカメラは、L判(現た像ショップではサービス判、なんて言ったりも)でプリントする・あるいは「写メール」等の用途なら、とくに不都合を感じさせないくらいの高い品質の画像が撮影できます。ふだんから通話・メール送受信やウェブ閲覧に使ってる端末で、静止画・動画が撮影できるわそれを
知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
「間抜けで気持ちの悪い文章」を書くために知っておかなければいけない6つのテクニック
ブログや日記、メールなどを作成している際についつい「正しい文章」を書いてしまい、読んでいる人を辟易させたことはありませんか？ 日本語が乱れがちな現代社会。 没個性を重んじる風潮が強いこの国において、”この人は正しい日本語が扱えるきっちりした人だ”と言う印象を与えることは、あなたのイメージを損ねる原因となりかねません。 そこで本日は、読んでいて気持ちの悪い「間抜けな文章」を書くために知っておくべき6つのテクニックをご紹介しましょう。 間抜けな文章を書くために では実際に気持ちの悪い文章テクニックと文例を見ていきましょう。 最初に出ている青枠は気持ちの悪い（今回の講座においては正しい）文章、赤枠はきっちりと構成された大変に読み応えのない悪い例です。 1.敬体と常体を入り混ぜましょう。統一性が無くなるからだ。 私は篠崎愛ちゃんが大好きだ。 彼女の豊満な体にばかり目がいきがちですが、注目すべきはそ
iPhoneユーザー歴3年半、本当に使っているアプリだけをまとめてみた。 - iPhoneとiMacと自分と...
初めてiPhoneを手に入れたのが、2009年5月のiPhone 3G。その後、現在まで約3年半に渡り、iPhone 4 → iPhone 4S → iPhone 5と使ってきました。 このブログでも何度かおすすめアプリを紹介してきましたが、今回は1年ぶり通算8回目となる、iPhoneのホーム画面公開エントリー。2013年秋に登場した最新モデルiPhone 5s、iPhone 5cのユーザーにも参考にしていただければと思います。 ホーム2画面、アプリ購入総額は約11万円 フォルダは純正アプリの他、便利な通知センターからアプリを起動できる「MyShortcuts+Viewer」から起動するアプリをまとめておく用途に使用。アプリは画面下側の左から順に紹介。 PlusBlog 掲載するiPhoneのスクリーンショットを見やすくまとめるために、たっくさんが公開されているWebサービスiPhone
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
PowerPivot: Excel での強力なデータ分析とデータ モデリング
IDEA * IDEA
https://repopgl.org/
AppleTVのAirPlayが未来すぎてヤバイ！FaceTimeが大型テレビでできるっていう家族団らん | なまら春友流
