ウェブ学のすすめ

Study of Web Design & Programing

2012-01-01から1年間の記事一覧

2012年を振り返って

今年もあと3日、2012年を振り返ってみたいと思います。

SSHとは

正式名称 Secure Shell 読み方 SSH(エスエスエイチ) Secure Shell(セキュア シェル、エスチェ) 概要 ネットワークを介して 別のコンピュータにログイン 遠隔地のマシンでコマンドを実行 他のマシンへファイルを移動 (コピー) といったことができるプログラム…

Windows XPのビープ音を無効にする方法

Windows XPのビープ音を無効にする方法をご紹介します。※サウンドカードが入っていないPCでは、コントロールパネルにある「サウンド,音声,およびオーディオデバイス」からビープ音を無効にすることができません。

MySQLで大きいファイルをインポートする方法

phpMyAdminで大きなデータをインポートしようとするとエラーが表示されたのでその解決手順を残しておきたいと思います。

ダミーテキスト、画像、データを生成できるジェネレーター11選

Webサイトのテストでダミーのテキストや画像、データを入れる際に重宝しそうなジェネレーターを集めてみました。テスト以外でもカンプを作るときにも活躍しそうです。

LAN内で手軽に連絡できるメッセンジャーソフト「IP Messenger」

TCP/IPを利用したメッセンジャーソフト「IP Messenger」をご紹介します。このソフトをいれておけばLAN内で簡単にメッセージを送ることができます。職場や学校内でテキストはもちろんのことファイルも送受信できるので便利です!Windows、Macそれぞれフリーソ…

無料でブラウザチェックできるソフト・サービス5選

制作したサイトの表示、動作を確認するのに便利なブラウザチェックソフト、オンラインサービスを紹介します。

コマンドプロンプトでホスト名を確認する方法

コマンドプロンプトで使用しているPCのホスト名を確認する方法です。

求職者支援訓練6カ月コースを修了して

求職者支援訓練校を修了してもう1週間。勉強した6か月間のことを思い出しながら一区切りのあいさつをさせていただきたいと思います。

フィルタリングもできるjQueryプラグイン「isotope.js」

デモ↓別ウィンドウを開いて見る フィルタリングもできるjQueryプラグイン|isotope.js - js do it

Flashもiframeも動画もlightboxにできる!jQueryプラグイン「prettyPhoto」の使い方

ポートフォリオサイトでも使用したjQueryプラグイン「prettyPhoto」をいろいろ試してみました。このプラグインは写真の他にFlashやiframe、動画もlightboxにすることができます。

はてなダイアリーにFacebookのLike Boxを表示させる方法

ステップ1:Like Box生成ページにアクセスLike Box - Facebook開発者ステップ2:URLをコピーする http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F%25E3%2582%25A6%25E3%2582%25A7%25E3%2583%2596%25E5%25AD%2…

はてなダイアリーにiframeを表示させることができるGoogle Gadget コンバータ

はてなダイアリーにiframeを表示させることができるツールを紹介します。iframe → Google Gadget コンバータ ↓iframeタグ、またはURLを貼り付けます。 ↓幅、高さを調節します。 ↓出力されているHTMLソースをはてなダイアリーに貼り付けます。

検索上位を目指して知っておきたい検索・SEO用語5つ

SEO SEO(Search Engine Optimization)とは ある特定の検索エンジンを対象として検索結果でより上位に現れるようにウェブページを書き換えること。または、その技術のこと。 ※SEM(Search Engine Marketing):検索エンジンから自社Webサイトへの訪問者を増やす…

自動返信機能付きお問い合わせフォーム

PHP

プレビュー ↓別ウィンドウを開いて見る http://webgaku.biz/form3/

隠しフォームを使ってPHPの入力フォームを作る方法

PHP

プレビュー↓別ウィンドウを開いて見る http://webgaku.biz/form2/

REQUESTを使ってPHPの入力フォームを作る

PHP

プレビュー↓別ウィンドウを開いて見る form

PHPで現在の時刻を表示する方法

PHP

プレビュー↓別ウィンドウを開いて見る http://webgaku.biz/time/

WordPressのテーマを適用させるスタイルシートの書き方

現在、ポートフォリオをWordPressで構築しているので復習してみました。

ポートフォリオ作成の道のり4【WordPressのテンプレート配布サイト集】

今回のポートフォリオサイトはWordPressで構築するつもりですが、1からは時間的に厳しいので既存のテンプレートをカスタマイズしていこうと思っています。そこでWordPressのテンプレートを配布しているサイトを探してみました。日本語、英語合わせて12の配布…

ポートフォリオ作成の道のり3【ポートフォリオサイト10選】

第3回目は【他の人が作った多くのポートフォリオを見る】です。他のWebデザイナーの方が作ったポートフォリオサイトを見て、イメージを固めていこうと思います。数あるポートフォリオサイトの中から気になったサイトをご紹介します。主に日本人Webデザイナー…

ポートフォリオ作成の道のり2【ワイヤーフレーム】

第2回目はCacooを利用してワイヤーフレームを作ってみました。まだ草案の状態ですが、形にすることで改善点、製作したい理想のサイトの形が見えてきました。

ポートフォリオ作成の道のり1【目的・構想】

ポートフォリオサイトのプレゼンまであと14日!これからポートフォリオ作成の道のりを残していきたいと思います。第1回目は、目的と構想を書き出してみます。目的 When(いつ):就職活動の書類選考時、または面接時に Where(どこで):就職したい会社で Who(誰…

ソースコードを美しく見せるフォント『Source Code Pro』をAdobeが無料で公開!

API

このブログでも多くのソースコードを載せてきましたが、Adobeがソースコードを表示する目的で開発したフォント『Source Code Pro』を無料で公開しています。

いいねボタンを設置する方法

プレビュー ↓別ウィンドウを開いて見る いいねボタン - js do it ↓QRコード ※おすすめQRコード読み取りアプリ 最速QR カテゴリ: ユーティリティ サイズ: 1.5 MB 価格: 無料 ポイント ↓facebookにログインし、 http://developers.facebook.com/docs/referenc…

ツイートボタンを設置する方法

プレビュー ↓別ウィンドウを開いて見る ツイートボタン - js do it ↓QRコード ※おすすめQRコード読み取りアプリ 最速QR カテゴリ: ユーティリティ サイズ: 1.5 MB 価格: 無料 ポイント ↓Twitterにログインし、「素材」リンクをクリックします ↓「Twitterボ…

JavaScript for Twitter Bootstrapの使い方

CSS

Twitter Bootstrapを使って新しいサイトを制作しようと思い、今回は動きの部分のデモを作ってみました。Twitter Bootstrapを使えばjavascriptを多く書かなくても多彩な動きを表現することができます。

Twitter Bootstrapのサンプル盛り合わせ

CSS

Twitter社が作ったCSSフレームワーク「Bootstrap」をいろいろ試してみました。用意されたCSSを指定してあげれば簡単にPCサイト、スマートフォンサイトに可変で対応するレスポンシブデザインを構築することができます。

SPIを学習できるサイト・アプリ・参考書まとめ

ひさしぶりにSPIに挑戦したら予想以上に解けなかったので(汗)、勉強するために役立つWebサイト、スマートフォン用アプリ、参考書を探してみました。

iPhone 5をsoftbank とauのどちらで買えばいいか比較してみました

iphone 5 mockups / methodshop.com9月14日(金)に予約が開始されたiPhone 5ですが、softbankとauのどちらで購入しようか迷っている方も多いと思います。そこで現在2社が出している情報をもとに料金、サービスの違いをまとめてみました。ただし発売日までに変…