We tried to load scripts but something went wrong. Please make sure that your network settings allow you to download scripts from the following domain: https://id-frontend.prod-east.frontend.public.atl-paas.net
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
8月1日から、このサイトの WordPress を置いているサーバーを Amazon Web Services(以下 AWS)の Elastic Compute Cloud(以下 EC2)に移してみました。 ちょっぱやになってるけど、でも導入難しいんでしょう?なんてぼくが半年前に思っていたような声が聞こえてきそうですが、AWS の導入自体はさして難しいものではありません。 この記事では、ぼくでもできる、あなたでもできる AWS + 網元の導入についてご紹介します。 Table of Contents AWS って何? 網元って? AWS のアカウントを作成する AWS コンソールにログインする EC2 のリージョンを選ぶ Key Pairs を作成する Security Groups を作成する サーバーインスタンスを立ち上げる Elastic IPs を設定する WordPress のセ
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOキーワードの選定と言うと、ほとんどの方が、漠然と月間の検索数のみを調べているのではないだろうか? しかし、効率的にSEO対策を実施するためには、それだけでは足りない。 SEOで最速で最大の成果を出すためには、以下の5つのステップが必要だ。 効果的なSEOキーワードのリストアップ検索数リサーチライバルサイトの詳細のリサーチ対策するキーワードの順番検索エンジンにも読者にも高評価されるコンテンツアイデア逆に言うと、それさえ、しっかりとこなして、ある程度経験を積めば、狙い通りに検索エンジンを攻略できるようになる。本日は、そのために、『鉄板のSEOキーワード選定法~検索の上位表示に絶対必要な5ステップ~』をステップ・バイ・ステップでご紹介する
こんにちは、アシアルの志田です。 社内でもgitが浸透し、皆バージョン管理といえばgitだよね、という空気になってきました。 ですが、これまでバージョン管理システムを使ったことがない人にオススメしても、 「gitて…まあ…そりゃ…ねえ、いつかやらないといけないけど…」 「ギット?ジット?俺はgiはジと読む派なので、gitは胡散臭いと思う」 「そもそもバージョン管理して何が嬉しいの?なんか難しそうでいやだ」 というような反応ばかりでした。 きっとみんな、gitって難しくて訳のわからんもんだと思っているのでは?と思い、 今回はgit入門の入門、gitってなんだ?というところから、簡単にgitを使う際の流れについてご説明します。 ちょっと不安を覚えるようなイラストがついていますので、頑張って読んでください。 バージョン管理ってなに? プログラムを書いていて、こんなことありませんか?私はあります…
ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」 2011年07月14日- jQuery Tutorial Plugin | Particle Bits ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」. チュートリアルといえばキャプチャしたビデオでもいいのですが、ページ上にそのまま表示したほうが分かりやすい事も多そうです。 そんな際に使えるプラグインです。 実装されたサイト 「StartDemo」を押せば矢印カーソルとポップアップで説明を入れられる 「Next」を押せば次の説明へ移動。 という具合に見たまま注釈を入れられるので便利ですね。 使い方についてですが、サイト上で動くチュートリアルのデモでその使い方をチュートリアルしてくれ
The document includes a series of data points and charts about Facebook user growth from 2004 to 2010, social media usage, and marketer perceptions. It features specific case studies from various brands like Papa John's and Cold Stone Creamery on how they utilized social applications. Additionally, it cites several resources and graphics from different platforms.
iPadの上陸、Googleの参入などで盛り上がる電子書籍市場。「Webに近い」性質を持つ電子書籍は、Web制作の世界とも決して無縁ではありません。本連載では、「JavaScriptラボ」でおなじみの古籏一浩氏が、主な電子書籍フォーマットのデータの作成方法を解説します。(編集部) 電子書籍にはPDF、EPUB、.book、AZW/MOBI、Topaz、XMDFなどさまざまなフォーマットがありますが、どのフォーマットがどんなコンテンツに適しているのか、どのような方法でデータを作成できるのか、電子書籍の課題や現実のワークフローは実際にデータの作成を体験することで見えてきます。そこで、本連載では現時点で広く使われている(もしくは仕様が公開されている)4つの電子書籍フォーマットについて、データの作り方を解説します。
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
■ Google CalendarとiPhoneの同期方法をGoogle syncからCalDAVに変更 いつからかわからないが、Google syncで同期設定してあるiPhoneに、ちゃんとスケジュールが送られていないことに気づいた。iPhone→GoogleはOKだけど、逆がダメっぽい。これは、(iPhoneを見ながら)「その日はあいてます」とか言って予定を入れたら、帰宅してから蒼くなるパターンなのでヤバい。 で、調べてみるとiPhoneOS 3.0からはCalDAVという仕組みを使って同期できるようにもなっているらしい。知らなんだ(→参考: iPhoneOS3.0のCalDAVでGoogleカレンダーの色がちゃんと反映されるようになった)。というわけで、ここを参考にしてGoogle synからCalDAVへの移転を決行。 まずはGoogle Calendar上で同期したいカレンダー
「個人のスケジュールはiCalとiPhoneで管理、でも仕事上のプロジェクトや他スタッフの予定はGoogleカレンダー」 なんて、スケジュール管理が複数にまたがっていることってありません? 自分だけのスケジュール管理ならアプリ選択からすべての決定権は自分にありますが、会社や社会という組織と関わっていると、いろんなスケジュールを渡され管理しなければならないシチュエーションにでくわします。 スケジュールが複数の場所にまたがると管理が煩雑ですし、なにより怖いのはダブルブッキング。家族との予定を忘れて仕事を入れてしまった...なんてことが起きてきて、私生活、仕事ともに支障をきたします。 でも、iPhoneとiCalとGoogleカレンダーならCalDAVというプロトコルに対応しているので、それぞれのスケジュールを共有して一元管理をすることができます。 一元管理によって、こんなメリットがあります。
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
From The Complete Guide to Google Wave: How to Use Google Wave Google Wave コンプリートガイドはジーナ・トラパーニとアダム・パッシュによる本格的なユーザーマニュアルです。 Google Wave は新しいウェブ上のコラボレーションツールで、理解しづらいことで有名です。このガイドはその理解の助けになるでしょう。このガイドを使えば、Google Wave の使ってあなたのグループが仕事を進める方法について学ぶことができます。Google Wave は新しいサービスで、急ピッチで開発が進められていますので、このガイドブックは Wave が成長し、変化してゆくに従って内容も変化してゆく予定です。「Google Wave コンプリートガイドについて」のページをお読みいただくとともに、私たちを Twitter でフォローして、
ライフハッカー過去記事「Google Waveファーストルック!」でGoogle Waveの概要をお届けしてからちょうど1週間。こちらでは、具体的な使い方についてご紹介しましょう。 米Lifehackerの母・Gina Trapaniが、Google Waveの基本的な使い方を紹介しています。一足お先にWaverになったラッキーな方も、Google Waveの招待メールを心待ちにしている方も、参考にしてみてくださいね。 それではGinaの実践的Google Waveガイド、以下からさっそくまいりましょう。 その1:キーボードショートカット Google Waveにもキーボードショートカット機能がある。主なものは以下のとおり。 矢印キー:上下でWaveリスト内を移動し、左右で受信箱からWaveパネルに移動する スペースキー:次の未読waveに移動する Ctrl+Enter:選択したWaveを
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので本当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpをDBに合わせて変更 接頭語も変える(wp_ → example_) FTPソフトでサーバーにインストール ロ
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
データ分析から導き出されたインサイト無しにAI(人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
それではEvernoteの各機能をチェックしてみましょう。 さまざまなデバイスに対応している Windows、Mac、iPhone、Windows Mobileなどのデバイスに対応しています。Webブラウザからでも各種機能を利用することができます。 使いやすい専用クライアントがある iPhone、Windows Mobile、Mac、Windows向けの使いやすい専用クライアントが提供されています。 同期の仕組みがある 複数のデバイスでEvernoteを使っていても、専用クライアントが自動でデータの同期を行ってくれます。 画像内の文字を検索することができる Evernoteには検索機能があるのですが、写真に写っている文字も検索対象となります。ただし現在は残念ながら日本語には対応していません。 Webクリップ機能 ブックマークレットを利用することによって、IE、Firefox、Safari、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く