「JavaScript」を含むコラム・事例
51件が該当しました
51件中 1～50件目
- 1
- 2
顎関節をケアしたら首の痛みがなくなった
顎関節をケアしたら首の痛みがなくなったケースを公式ブログにアップしました。 Amazon amzn_assoc_ad_type ="responsive_search_widget"; amzn_assoc_tracking_id ="kenkouchiropr-22"; amzn_assoc_marketplace ="amazon"; amzn_assoc_region ="JP"; a...（続きを読む）
- 岩崎 久弥
- （カイロプラクター）
こうして改善、Google のスコア (6) JavaScript の最適化
さて前回はCSSファイルの調整を行ってページ表示速度の向上を目指しましたが、今回は JavaScript の最適化についてご紹介します。 JavaScript最適化の原則 CSSファイルの場合はページの冒頭の-内に書くのが原則というご説明をしましたが、JavaScriptファイルの方はページ末尾に置くのが原則です。 表示速度アップのために取り得る対応としては、(1)ページ末尾にタグを移動する...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
こうして改善、Google のスコア (5) CSSを圧縮して表示速度改善
さて前回は圧縮機能を利用してページの表示速度を上げる方法をご紹介しました。
これまでご紹介した表示高速化の方法はサーバの設定を行えば簡単に効果が上がるものでしたが、今回からは中級編に入り、少し手の込んだ方法をご紹介します。今回はCSSの軽量化の方法です。
CSSの軽量化とは？
jQuery などのプラグインを使ったときに、xxx.min.css というファイルが付いてくることがありますよね。...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
こうして改善、Google のスコア (4) ページを圧縮して表示速度改善
さて前回のキャッシュの利用に引き続き、今までご紹介したページの表示速度を上げる方法の中から簡単な割に効果が高いもの設定していきましょう。
今回は「圧縮を有効にする」方法です。
ホームページの「圧縮」とは？
「圧縮」とはデジタルデータの保存容量を減らすことです。例えば、ZIPファイルなどをメールに添付してファイルをやり取りする事があると思いますが、このZIPも圧縮されたファイルです。ZIPの場...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
こうして改善、Google のスコア (3) キャッシュを利用した表示速度改善
さて、今までご紹介したページの表示速度を上げる方法の中で、簡単な割に効果が高いものからどんどん設定していきましょう。
まずは「ブラウザのキャッシュを活用する」方法です。
「ブラウザのキャッシュ」とは？
「ブラウザのキャッシュ」とは、ブラウザが、閲覧した事のあるホームページのコピーを一時的にパソコン内に保存する機能の事です。保存したファイル自体もキャッシュと呼びます。キャッシュを利用すると、一...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
こうして改善、Google のスコア (2) 表示速度のチェック
前回は、SEO対策（Search Engine Optimization、検索エンジン対策）対策の一つとして技術的な対応（ページ表示のスピードアップなど）があるというご紹介をしました。
もちろん、これらは、Googleに気に入られるためにやるのではなく、Webサイトのお客様の利便性がひいてはGoogleにも評価されるという事なのですが、何から手を付けるべきか分からない場合は、Googleが「ここ...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
アメブロのサイドバーのタイトル文字を簡単に英語表示にする方法
アメブロを利用ているユーザーは非常に多い。
ユーザー数は2000万人を超えるとも言われている。
最近は、アメブロのテンプレートをカスタマイズするユーザーが急増、当社にも多くの問い合わせをいただく。
「ナンバーワンのブログ構築よりも、オンリーワンのブログを・・・」と言うユーザーが多い証拠だ。
そこで今回は、
たった3分で！
「アメブロのサイドバーのタイトル文字を簡単に英語表示にする方法...（続きを読む）
- 小菅 太郎
- （ITコンサルタント）
PC・スマホ対応 レスポンシブメールフォームモニタ募集
本日は、現在弊社で発売準備を進めているメールフォームのモニタ募集のご案内を申し上げます。
Facebook や Twitter で簡単に問合せを受けられる時代に 今さらメールフォーム？と思うかもしれませんが、実は結構お問合せいただくのです。ご要望は主にセキュリティに関する懸念で、以下のようはご相談をしばしばいただきます。
- 社内規定上、ユーザデータを外部サイトには保存できない。- 昨今のセキュ...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
インラインフレームの歴史
みなさまこんにちは。今日はインラインフレームについてのおしゃべりを一つ。
Web制作においては日々新しい技術が出て来るので、そのキャッチアップのみならず、どれを「今」の制作に採用して行くかを判断するのは、技術者にとっても難しいものです。
私はどちらかというと安定してきたものを使うのが好きなのであまり最新のものは使わないのですが、昨今のようにあまりに技術進歩が速いとそうも言っておられず、ちょこち...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
CMSを使った画像の表示サンプル3つ
さて、またまたCMS「すぐ使えるCGI」（ホームページ更新ツール）ですが、今日は画像をWebページ内にどのように表示するか、という点に注目してサンプルをご案内します。
画像の数のバリエーション商品情報などはもちろんの事、ブログなどに画像を表示すると、読み手に分かりやすい惹きつけるページになります。会社など、商用ホームページの更新担当をしている方はもちろんの事、趣味でブログを書いている方もこれは同じ...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
初心者におすすめ！「jQueryでスライドショー」
jQueryプラグインにはたくさんのスライダー系プラグインがあります。 私のお気に入りは、「bxslider」です。 一通りの動きがカバーできるため、一度利用すると色々と応用をしたくなります。 基本的にはよくあるjQueryプラグインと同じです。 まずは下記サイトからファイルをダウンロードします。 bxSlider - 右上の「Download」からダウンロードします。 jQuery - j...（続きを読む）
- 小菅 太郎
- （ITコンサルタント）
Flashについてどう思いますか？
SEO対策に限って言うと、 Flashは不要(個人的には不用)です。 尚且つ、長すぎるとスキップしたくなります。 (私だけでしょうか・・・) またどうしても使用するのであれば、 HTMLソースコードを簡素化する為に、 javascriptとの併用で外部化するのは 如何かな・・・と思います。 以前はとてもおもしろいと思った時期も ありましたが、見てくれる相手がいるので！ なんとな...（続きを読む）
- 瀧内 賢
- （Webプロデューサー）
読み込み時間(java script)
SEO対策にも実は関わっていることです。 福岡７より一言アドバイスします。 java scriptについては、ひとつひとつ上から順番に読み込みます。 HTMLを読み込んでいる途中に一旦外れますが、 並行ダウンロードではないので、とても時間が掛かります。 SEO対策において、読み込み時間が掛かってしますのはとてもマイナスです。 その為、 １．外部ファイル参照にしましょう！ ２．＜/b...（続きを読む）
- 瀧内 賢
- （Webプロデューサー）
売れるホームページ制作
売れるホームページとかっこいいホームページは、 異なります。 そして、先ずは見てもらえる為のコンテンツづくりとして、 検索して1ページ以内。 つまり、10位以内に入らなければいけません。 2ページ目の11位～となると、 極端に閲覧数が落ち、 2～3％となります。 javascript(jQuery)等など、サイトにおいて見栄えを 重要視することもできますが、 その見てもらえると...（続きを読む）
- 瀧内 賢
- （Webプロデューサー）
Googleアナリティクスの設置h24.2.2
Googleアナリティクスの設置について、 簡単にコメントします。 通常、head内にソースコードをコピー＆貼付けですが、 これは、＜/body>直前でも問題ありません。 もっと言うならば、javascript文を必ずしも、 head内のみに書かなければいけないということ ではありません(但し、画像のスライドショー等は 実装した動きの速さ等を検証したほうが良いですが・・・)。 上記...（続きを読む）
- 瀧内 賢
- （Webプロデューサー）
Googleドキュメントでフォーム送信すると自動返信するようにする
五十嵐です。こんにちは。私が主催する勉強会、WordPressとおやつの会に申し込まれた方はご存知と思いますが、当会の申し込みフォームはGoogleドキュメントのフォームを利用しています。 これは便利で、入力されたデータはオンラインでどこからでも確認、編集できますし、入力されたデータをExcel形式やCSV、XMLなどでダウンロードすることもできます。フォームもiframeでブログなどに設置可能...（続きを読む）
- 五十嵐 武志
- （Webデザイナー）
計算式と履歴を保存できる無料のWeb電卓「なにしろ電卓」
2006年に javascript の勉強もかねて「電卓」のウェブアプリを作ってみました。◆ 使パソコン上で計算履歴が残せるフリーの電卓ウェブアプリ「なにしろ電卓」ごく普通の電卓ですが、大きなキーと文字で見やすく、計算式を使った計算の 履歴を残せることで、入力ミスや再計算がしやすいところが特長でした。とはいえ、それだけでは既存のウェブ電卓と較べて、それほど大きな差別化に はならないこともあり、これ...（続きを読む）
- 林 俊二
- （ITコンサルタント）
映画館は昔も今もソーシャルメディア？
昨日、映画「阪急電車」を観てきました。2回目でしたが、またまた感動！
正直、はじめてこの映画を観に行った時は興味本位でした。
舞台が地元・西宮〜宝塚。しかも母校である関学でも撮影されたとなれば
観ない訳にはいきません。それ以来、すっかりこのヒューマンドラマにはまってしまいました。
しかし考えてみると、映画って不思議ですね。
自宅でホームシアターが作れたり、簡単にDVDがレンタル...（続きを読む）
- 眞鍋 顕宏
- （クリエイティブディレクター）
FileMaker のすすめ
2010/11/27 AUGM (Apple User Group Meeting) で FileMaker についてのお話しをさせていただきました。
( 日本全国で色々とお話しをさせていただくことはありますが、Microsoft のロゴ付き演壇にのぼるのは 初めてでした(笑))
FileMaker は、v3 まで、リレーション機能がありませんでした。
単純なカード型データベースとして、それは...（続きを読む）
- 高畑＠StudioBISON
- （ITコンサルタント）
【Webにもっと詳しくなりたい方へ】 名前の由来を知ろう！
日本初のWeb専門スクール「インターネット・アカデミー」現役インストラクターが書く公式ブログ『webism』の記事を紹介いたします。 -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ ☆名前の由来を知ろう！☆ 日本初のWeb専門スクール「インターネット・アカデミー」現役インストラクターが書く公式...（続きを読む）
- 荒川 裕二郎
- （キャリアカウンセラー）
パブー作家発掘プロジェクト 絵本コンテストに参加しております
Lacもチャレンジ 絵本コンテストに参加中!! ヒゲが生えたナスが踊ります!! （ハッスル日記）
パブー作家発掘プロジェクト＃01の
第1回 絵本コンテストに参加しております。
1次審査はみなさんの投票を参考に決定されますので、是非投票を
よろしくお願い致します。
各作品ページの左側にある「投票エリア」から投票することができます。
（Twitterからも投票可能です）
ぼく、...（続きを読む）
- 千葉 英男
- （Webプロデューサー）
なんでフラッシュ使わない方向になってるの？
FLASHに関しての表題の様な質問がありました。 僕は、FLASHは嫌いではなくむしろ好きでたくさんの魅力的なサイトがあり影響され、一時期はフルFLASHでサイトを本気で作ってみようかと思った位でした。 FLASHは、インパクトがありキャンペーンサイトやゲーム、動画サイトに向いているツールであるというのが僕の位置づけです。 当然、FLASHを全く使用しない魅力的なサイトもたくさんあります。 ...（続きを読む）
- 三木 太郎
- （ITコンサルタント）
Lightbox2の設置
スタンダードになりつつある、lightboxはそれだけ普及している為クライアントからの要望も少なくありません。 設置もそれほど難しくない為、メールで回答している内容をちょっと変えて記述してみます。 スタンダードになりつつある、lightboxはそれだけ普及している為クライアントからの要望も少なくありません。 設置もそれほど難しくない為、メールで回答している内容をちょっと変え...（続きを読む）
- 三木 太郎
- （ITコンサルタント）
【緊急警報】マルウエアが暴れています。
【緊急警報】マルウエアが暴れています。 某担当が弊社で管理をしているサイトをレビューしていたら、アンチウィルスソフトより警告がでました。 「マルウエア」です。 送信先は 94.247.2.195 です。 こんなサイトは注意。 Flashを用いているサイト。 駆除方法（サイトを訪問してしまった方） AdobeのFlashとA...（続きを読む）
- 田中 友尋
- （Webプロデューサー）
実装（じっそう）とは
システム発注をされる方など、技術者でない方向けに技術用語の解説を致します。 用語解説インデックス 実装（じっそう）とは システム開発の場合には、以下の3種類の意味で「実装」という言葉を使います。 A. そのとおり動くプログラムなどが現実にある B. その機能を作った手段を説明する場合 C. 仕様や規定などにプログラムの動作が合致していない場合 例文 A. その...（続きを読む）
- 井上 みやび子
- （システムエンジニア）
emailアドレスが勝手にmailtoになる
Joomla!をよく使っている方は気づいているかもしれませんが、 コンテンツ内でemailアドレスを記載しておくと、 ページ表示の際に、勝手にmailtoのリンクになっています。 ソースを良く見ると、さらに、Javascriptにて、クロールされないような仕組みになっています。 普通はこれでいいのでしょうけど、どうしてもそのままにしたい！という場合の対処法。 実はこ...（続きを読む）
- 竹波 哲司
- （Webプロデューサー）
ビジネスブログの利点と始め方
ビジネスでブログを作る利点はいくつもあります。
・とりあえず立ち上げたいときなど、最短、当日にでも公開できる。
・ネット検索にひっかかりやすい構造、仕組みに最初からなっている。
・目的によって無料のものから大掛かりなものまで自由度がある。
自由度がある「実例」として、当社が運営している「安心だネット！」というセキュリティサービスが毎日、「更新情報」を利用者に公開するため...（続きを読む）
- 林 俊二
- （ITコンサルタント）
LINQ解説 2「LINQ to SQL」- C# 3.0 (dotnet 3.5)
図1 クリックで拡大 図2 クリックで拡大
*LINQ解説 2 「LINQ to SQL」- C# 3.0 Visual Studio 2008
それでは、LINQを説明していこう。
まずは次のソースを見ていただきたい。
**通常のコード
1: SqlCommand comSelect = new SqlCommand();
2:
3...（続きを読む）
- 上原 正吉
- （Webプロデューサー）
究極のＳＥＯは、リアルビジネスを成功させること
ライバルのサイトが、あるキーワードで上位表示しているのですが 今までに習ったことでは理解できない。その理由を教えてほしい。 という質問がありました。 その方は、弊社のクライアント様で当然にＳＥＯについて学んでいます。 なのに、分からないと言う訳です。 これは、久しぶりに燃える挑戦状ですね（笑） 早速、調べてみました。 まずはサイ...（続きを読む）
- 横田 秀珠
- （Webプロデューサー）
C# 3.0 新機能一覧
C# 3.0 新機能一覧 C# 3.0になって新たに追加された機能をピックアップしてみましょう 暗黙的型付け コンパイラが自動的に変数の型を推論し、変数に適切な型を設定してくれる機能です JavaScriptのvarやVBのDimに似ていますが内部的な動作が違います。 拡張メソッド 既存のクラスにメソッドを追加できるよう...（続きを読む）
- 上原 正吉
- （Webプロデューサー）
Google Chromeを試す
先日公開されたGoogleのブラウザChromeを試してみました。 第一印象は、まず「早い！」 そして、すごくシンプル。 アドレスバーで検索できるのは初心者にもわかりやすいですね。 WEB開発者としては、「要素を検証」機能やjavascriptコンソールが便利そうです。（続きを読む）
- 竹波 哲司
- （Webプロデューサー）
www.hoge.comとhoge.com
こんにちは。久しぶりのコラムを書いてます。 先日、Joomlaで一緒に仕事をしている人から相談事がありました。 内容は、「管理画面に入れない、記事を編集しようとするとWYSIWYGエディタがいつまでも表示されないで固まってしまう。」との事。 原因は、 ・インストール時にwww.hoge.comでアクセスしてインストールウィザードを進めていたのに 管理画面...（続きを読む）
- 竹波 哲司
- （Webプロデューサー）
SEO : クローキングスパム
SEO : クローキングスパム まだクローキングスパムをやっているWEBサイトがあるようです。 Danny & Rand Discover Flightcentre Possible Blackhat Cloaking より そもそもクローキングスパムとは、WEBサイトに訪問をするユーザエージェントにより、ユーザを検索エンジンクローラかそれ以外なのかを判断し、ページを振り分...（続きを読む）
- 田中 友尋
- （Webプロデューサー）
バナーコンポーネント
対象読者 ■管理者(administrator)-[初級] バナー広告を管理できるコンポーネントです。 手順 １、クライアントを追加する コンポーネント-バナー-クライアント管理を選択 新規を押して、編集画面へ バナークライアント名、連絡先名、連絡先メール、追加情報を入力する。 本格的に、ポータルサイトを運営しているとかでない...（続きを読む）
- 竹波 哲司
- （Webプロデューサー）
ページを分割させるか、させないないか。
ページを分割させるか、させないないか コンテンツ制作の時にクライアントからあがってくる原稿で、文章の量が多いものがあります。 社内諸事情により1ページで納めなければならないという理由です。 ページを分割させるか、させないないか 考えてみます。 WEBサイト訪問ユーザの視点。 ページが分割されている → 1ページで把握できる情報量がすくなくよいが、内容が完結され...（続きを読む）
- 田中 友尋
- （Webプロデューサー）
レイアウト情報を徹底して外部化するSEO対策方法
XHTML内（ソース内）の、レイアウト情報 を徹底して外部ファイル化することで 余計なソースが極力省かれ、内的SEO対策に繋がります。 理想は、ケータイブラウザでも閲覧可能なほどに簡略化されたソースを記述していくことです。 それでは、外部化させるものを具体的にご紹介します。 CSS情報 W3C勧告でもあるとおり、レイアウト情報となるCSSは全て外部化し...（続きを読む）
- いせき けんじ
- （ITコンサルタント）
ＰＥＲＬ と ＣＧＩ と ＲＳＳ
.
この日付をいれるのが・・・
最近、弊社サイトの更新がなかなか思うように進まないので、みんなにブログ書いてもらうことにしました。
でも、なかなか、書いてくれません＿|￣|○
（常務はほぼ毎日！更新ですが・・・）
と、いうわけで、ブログの更新日を入れようと思いました。
そのためには、RSS Feedを読んで Javascr...（続きを読む）
- 荒木 勇
- （工務店）
静的ページから動的サイトへ
少し前までは、「ホームページ」という呼び方をしていました。 最近では、静的な"ホームページ"よりも、動的な仕組みで作られている"Webサイト"が増えてきているように思えます。 動的なWebサイトには２つの目的があリます。 １、テンプレートにより、共通項目を一括反映。 ２、データベースを利用することにより、アプリケーション機能を導入できる。 いずれにしても、動的...（続きを読む）
- 竹波 哲司
- （Webプロデューサー）
51件中 1～50 件目
- 1
- 2
専門家に質問する
専門家Q＆Aに誰でも無料で質問が投稿できます。あなたの悩みを専門家へお聞かせください！
検索する
気になるキーワードを入力して、必要な情報を検索してください。
