オンラインストレージを使う際に必ず押さえておきたい事|メリットとデメリットまとめ
職場や自宅外のパソコンで作業したファイルを家で編集したり、メールに添付できない大容量ファイルを他人に渡したいといったことがよくあります。 従来であれば、その都度 USBメモリやCD-Rにコピーして持ち歩いていましたが、受け渡しや持ち運びの際の手間や不安、金銭的なコストなど面倒な点が多々ありました。 そういった背景から、昨今において広く活用されるよRead More…
職場や自宅外のパソコンで作業したファイルを家で編集したり、メールに添付できない大容量ファイルを他人に渡したいといったことがよくあります。 従来であれば、その都度 USBメモリやCD-Rにコピーして持ち歩いていましたが、受け渡しや持ち運びの際の手間や不安、金銭的なコストなど面倒な点が多々ありました。 そういった背景から、昨今において広く活用されるよRead More…
次世代型デバイス「ウェアラブルデバイス」について、気になったものをまとめておきます。 ウェアラブルデバイスは、スマートフォン、タブレットに次ぐ小型コンピュータとして、今後 様々な製品開発が進み、新たなビジネスチャンスを生み出すと期待されているものです。 ウェアラブルデバイスは、腕や頭部などに身につけて利用する小型のコンピュータ(端末、デバイス)のRead More…
Gmailとは、Googleが無料で提供しているWEBサービスで、メール機能を始めとする様々な機能や大容量のストレージを併せ持つサービスです。 2015年時点で月間アクティブユーザー数が10億人を突破し、世界最大規模のメールサービスとしてGoogleの主要サービスの一つとなっています。 競合サービスにはマイクロソフトのOutlook.comやYaRead More…
それぞれのブログサービスの機能・特徴を把握して、目的・用途に合ったものを選びやすいように、代表的な17選をまとめておきます。※2015年10月時点のデータ 目 次 1. FC2ブログ 2. アメーバブログ 3. はてなブログ 4. ライブRead More…
アニメーションしながらスライダー&ズーム表示する「ズームスライダー」。 demo 「ズームスライダー」の設置手順 htmlファイル内にCSSファイルとJSファイルをリンクさせる まず、以下のサイトから外部ファイルをダウンロードする。 元サイト http://tympanus.net/codrops/2015/07/06/zoom-slidRead More…
無料で使えるWEBサービスであり、プライベートでもビジネスにおいても生産性アップ、業務効率化のためにおさえておきたいオンラインストレージ ( クラウドストレージ ) サービスについてまとめておきます。 オンラインストレージ(クラウドストレージ)とは? インターネット上で、ストレージ(外部記憶装置)、いわゆるRead More…
スクリプト不要で、画像ホバー時にCSS3アニメーションで様々なキャプション表示ができるスタイルシート10パターンのまとめ。 記述はまず、どのパターンでも共通に適用させるCSSを設定して(ダウンロードした外部ファイルをリンクさせる)、あとはパターンごとに異なる個別のhtmlを書いていくという流れ。 目 次 ・head内に共通のRead More…
近年、Webデザインやプログラミングをオンラインで学べるサイトが増えてきているので、いくつか気になったものをピックアップしておきます。 どのサービスも無料から有料のものまで様々なカリキュラムが提供されていて、隙間時間を使って学んでいけるような工夫もされているので、大いに活用していかないともったいないなと、改めて感じた次第です。 というわけで、このRead More…
僕はワードプレスを始めてまだ浅いですが、今の段階で すでにプラグイン同士のバッティングによる不具合と思われる現象が起きていて、ワードプレスの拡張性や自由度の高さを実感している一方で、同じように不安要素も尽きません。 プラグインにしても なるべく使わずに作業を進めていきたいと思っている今日この頃‥。 注意Read More…
サイドバーというひとかたまりのエリアだけでなく、ヘッダー部分などページのあらゆる箇所に複数 ウィジェットの機能を設置する方法。 設置したいウィジェットの数だけ「 register_sidebar(); 」の設定を記述して有効化させる まず、functions.phpファイルを開いて、register_siRead More…
CSSだけで表現できるエレガンチックな「LIGHT BOX」3パターン。 記述の手順は、以下のサイトからソースをダウンロードし、対象とする画像の<img>タグにコードをつけて、あとはパターンごとの個別のCSSをリンクさせるという流れ。 http://tympanus.net/codrops/2011/12/26/css3-lightbox/ パタRead More…
プラグインを使わずにコードを追加するだけで「パンくずリスト」を設定する方法をまとめておきます。 手順としては まず「functions.php」ファイルに記述する作業になるので その際の注意点から。 この「functions.php」ファイルは、関数ファイルが集約されていて &nRead More…
MOOC ( ムーク:MassiveOpenOnlineCourse。直訳すると「大規模オンライン公開講座」)とは、近年アメリカの教育現場で浸透し始めているオンライン学習のこと。 ハーバード、スタンフォード、MITなどをはじめ、世界中の一流大学が提供するオンライン講義を無料で受けることができます。 ちなみに2013年2月に、日Read More…
「WP Social Bookmarking Light」は、ソーシャルメディアの共有ボタンを一元管理できるプラグインです。 ほとんどのソーシャルボタンに対応しています。 「WP Social Bookmarking Light」をインストールする まず、Wordpress管理画面のプラグイン新規追加の画面を開き、「WP Social BookmRead More…
リビジョン機能は、ワードプレスに基本機能として備わっていて、記事の編集中に内容を自動で保存してくれるという機能です。 これは非常に便利なもので、例えば、 「 記述ミスや操作ミス、また不具合が生じたからデータが消えてしまった!どうしても前のデータを復元したい! 」 といった時にも対応できます。 1つ注意点としては、デフォルトの設Read More…
サイト構築をする際、最初の準備段階で注意しておかなければいけないことの1つにパーマリンクの設定があります。 この記事の中では、パーマリンクとはどういったものか、設定時に使える構造タグ、設定する際に注意しておきたいことなどをまとめておきます。 目 次 1. パーマリンクについて 1-1. &nbRead More…
画像を4枚のパネルに分割してエフェクトをかけたスライダー4パターン。 まず、共通のhtmlを記述を記述してから、パターンごとのCSSを記述していく流れ。 共通のhtmlを記述を記述 まずは共通のhtmlを記述していく。 画像内のテキストは、<div class=”cr-titles”>のタグ内で書き換える。 【 htmlRead More…
サムネイルプレビュー付きスライダー【2パターン】のコードまとめ。 まず、共通の設定部分になるCSSファイルをリンクさせる。 【 html 】 1 <head> 2 <link rel=”stylesheet” type=”text/css” href=RRead More…
CSS,Javascriptで作るドロップダウンリスト5パターン。 まず、ダウンロードした外部ファイルの中にある5パターン共通のCSSファイルとJSファイルを設定していく。 【 html 】 1 <head> 2 <link rel=”stylesheet” type=Read More…
スクリプト不要で、画像ホバー時にCSS3アニメーションで様々なキャプションを表示するスタイルシート。CSS3だけでここまでできるとは…。 目 次 ・hover effect【1】左側と右側からテキストがスライドしてくるエフェクト ・hover effect【2】画像を画面上側に、テキストを下側にエフェクトをかけて配置 ・hoRead More…