サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
猫
mac-homepage.livedoor.biz
2014年1月に当ブログのデザインリニューアルを行いました。 その際に表示させるようにしたブログパーツの設定や修正したポイントなど、ライブドアブログのデザイン設定でカスタマイズした箇所をご紹介します。 記事一覧に見出し画像と概要文を表示するようにした トップページやカテゴリページの記事一覧部分には、記事ごとの見出し画像と概要文を表示させるようにしました。 共にOGPの設定の一部ですが、ライブドアブログの独自タグを使って、ページ上に表示させることができます。 記事一覧表示部分のHTML <IndexArticlesLoop> <div class="article-list"> <h3><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a></h3> <!--見出し画像の表示--> <IfArticleCoverImage> <a
iPhoneシミュレータは、その名の通り「Mac上でiPhoneをシミュレートするソフト」です。 最近ではスマホ用のホームページを作成する事も増えていますので、実機が無い場合はもちろん、いちいち実機で検証する事も面倒なので、このシミュレータは重宝すると思います。 iPhoneシミュレータは、アップルの開発者向けXCodeに含まれています。 ここでは以前よりもインストールが楽チンになったiPhone シミュレータのインストール方法をご紹介します。OSはMountaion Lion(10.8)を使っています。 App StoreからXCodeをインストール まずApp Storeから開発環境のXCodeをインストールします。 サイズが1.46GBありますのでダウンロードとインストールには結構時間がかかります。 お茶でも飲んでゆっくり待ちましょう。 XCodeからiPhoneシミュレータを起動
無料で使えるホームページ作成ソフトです。DreamWeaverのようにレイアウトを見ながらホームページの作成ができるソフトですので、初心者の人にも分かりやすいと思います。 またサーバーにファイルをアップロードするFTP機能も搭載されています。 KompoZerの使い方 - お気軽ホームページ作成ガイド
まずはホームページを作るためのソフトの準備をしましょう。 無料のテキストエディタとFTPソフトです。 テキストエディタはHTMLソースを書いて、実際にホームページを作るために必要なソフトです。 FTPソフトは、作成したページを公開するためにサーバーにアップロードするためのソフトです。 ここではテキストエディタは私も愛用している「mi」、FTPソフトは「サイバーダック」を使用します。 どちらももちろん無料です。 miのダウンロードとインストール miのダウンロードページから、最新のmiのディスクイメージをダウンロードします。 ダウンロードしたディスクイメージをダブルクリックしてマウントしたら、miのアイコンをアプリケーションフォルダにコピーします。 これでインストールは完了です。 ・mi - テキストエディタ ・最新版ダウンロード サイバーダックのダウンロードとインストール サイバーダックの
MacOSXにMySQLというオープンソースデータベースをインストールする方法を解説します。MySQLはブログシステムのMovable Type(ムーバブルタイプ)などでも使用できます。 ここでは.dmgのパッケージファイルをダウンロードしてインストールします。 最新のMySQLをダウンロードする MySQLの公式サイトから最新版のMySQLをダウンロードします。公式サイトは日本語版も用意されているのですが、ダウンロードページだけは英語です。 しかし、それほど難しくはありませんので妙に構える必要はありません。 下記のURLからダウンロードしたいパッケージの「Pick a mirror」リンクをクリックして選択します。MacOSXのバージョンごとに分かれていますので、使用しているOSのバージョンに合ったものを選択してください。 http://dev.mysql.com/downloads/m
MacOSXには標準でPHPプログラムが動く環境がインストールされています。PHPの文法はとても簡単で、初心者にもとっつきやすいプログラム言語で、ショッピングサイトなどの大規模なプログラムにも使われる事もあるほど、ポテンシャルも高い言語です。 そこでこのページでは、MacOSXにインストールされているPHPを使えるようにして、テスト環境としてMacを利用できるようにする方法をご紹介します。 MacOSXでPHPの設定を行うにはターミナルというアプリケーションを使います。 ターミナルは「アプリケーション > ユーティリティ」フォルダに入っています。これは、MacOSXをコマンドライン(文字)で操作する為のアプリケーションです。慣れないうちは難しいように思えますが、慣れてしまえば簡単です。 ターミナルを起動させて、下のように入力してPHPの設定ファイルを開く。 sudo vi /etc/apa
iPhone用のホームページはゼロベースで作成する事も可能ですが、「UiUlKit」というデザインライブラリを使えば、かなり簡単に「iPhoneらしく」かつ無料で作成する事ができます。 UiUlKitは、こちらのページからダウンロードする事ができます。 ダウンロードしたファイルを解凍すれば、いくつかのデザインテンプレートのHTMLファイルが展開されます。 早速iPhoneシミュレータ(無償)やiPhoneの実機で、どのようなテンプレートなのか見てみてください。 (iPhoneシミュレータのダウンロード、インストールはこちらのページでご紹介しています) ここではいくつかのテンプレートを画像でご紹介します。 テンプレートのデザインを編集するには、HTMLやCSSの知識が必要ですが、デザインテンプレートをそのまま利用するのであれば、そういった専門知識は必要ありません。 無償で利用できる「mi」な
Coda(コーダ)ってどんなソフトなの? Codaは、HTML/CSSエディタとしての機能だけでなく、FTPソフト(Transmit)が内蔵されている、ホームページ作成の統合ソフトです。 Safariのレンダリングエンジン(Webkit)を使ったページのプレビュー機能が搭載されていますが、Dreamweaverのようないわゆる「WYSIWYG(ウィジウィグ)(※1)」とは違い、完全なソーソコードエディタですので、プレビューを見ながらページのデザインをするといった機能はありません。 Dreamweaverは、実際にブラウザで表示されるような状態を見ながら、ページのコーディングが可能。 ただ、プロも使うソフトなのでとても高価。趣味で買う人はほとんどいないでしょう。 なので、HTMLやCSSをテキストエディタで作成するのが苦手な人には、まったくおすすめできません。 Codaを使うメリットは何?
MacOSXには標準でウェブサーバの機能が搭載されています。ウェブサーバはデファクトスタンダード(事実上の標準)のApacheです。 ウェブサーバ機能を有効にしておけば、ホームページの作成の際にもきっと役に立つはずです。 ウェブサーバの起動と終了 MacOSXのウェブサーバは、システム環境設定の「共有」パネルを使う事で起動と終了する事ができます。 「Web共有」のチェックを入れる事でApacheが起動します。逆にチェックを外すとApacheが終了します。 HTMLを保存するフォルダとブラウザからのアクセス方法 Macで作成したHTMLファイルはユーザーフォルダの中にある「サイト」フォルダに保存しておきます。 Safariなどのブラウザで保存したHTMLファイルにアクセスする為には、下のようなURLにアクセスします。 http://localhost/~(ユーザー名) ユーザー名の手前にある
Cyberduckは、Macの定番FTPソフトです。Mac OSXのウィンドウのようなカラム表示でサーバー上のファイルを表示でき、違和感なくとけ込みます。 無料(寄付ウェア)であるにもかかわらず、よく使うサーバーをブックマークしておくなど、FTPとしての基本機能の他、SFTPにも対応するなど、機能は必要十分です。
カテゴリ Macを使って無料でホームページを作成しよう Macを使って無料でホームページを作成する方法を解説。ホームページ用の無料素材も公開中です。 完全無料でホームページを作る! 無料でホームページ作成 必要経費を稼いで無料でホームページを作成 無料でiPhone用ホームページを作成 Macのホームページ作成関連ソフトをご紹介 Macでホームページを作成する時に使用する、いろいろなソフトウェアと、その使用感などのレビュー記事です。 ホームページ作成ソフト FLASH作成ソフト FTPソフト テキストエディター 画像編集ソフト 無料/有料レンタルサーバーをご紹介 Macからでも使える無料/有料のレンタルサーバーをご紹介。1ヶ月数百円で借りられるレンタルサーバーでも十分です。 無料レンタルサーバー 有料レンタルサーバー 独自ドメイン取得/管理 Macでアフィリエイト ホームページを作成したら
Mountain Lion(MacOS 10.8)に対応したiOSシミュレータのインストール方法は、こちらの記事でご紹介しています。 iPhoneに最適化したホームページを作成する時には、iPhoneで表示の確認などを行う必要があります。 実際にiPhoneを持っている人であれば、実機を使って表示の確認を行う方法もありますが、実機を持っていない人は、iPhoneをシミュレートするソフトを利用して、表示の確認を行う事が出来ます。 iPhoneの表示をシミュレートするソフトの代表格は、Applelから配布されているiPhoneSDKに含まれるiPhoneシミュレータです。 AppleIDの作成 iPhoneシミュレータはiPhoneSDKに含まれています。iPhoneSDKのダウンロードは、無料で作成できるAppleIDの作成が必要です。 以下のページからAppleIDの作成が出来ます。 ht
iWebは、アップルのMac専用ホームページ作成ソフトで、Macを購入すると付属しているiLifeの一部です。 (最新版のiLife'11でもiLife'09と同じバージョンが同梱されています) 単体で購入する事はできませんので、iLifeのパッケージを購入します。 iLifeには、iWebだけでなく写真管理ソフトのiPhotoや、映像編集のiMovieが同梱されています。 似たようなインターフェイスのラピッドウィーバーというソフトがありますが、ラピッドウィーバーについては「ラピッドウィーバー レビュー」をご覧ください。 iWeb'09の新機能 iWeb'09からは、MobileMe以外のサーバーにも、作成したホームページをアップロードする機能が追加されました。 この機能を使えば、MobileMeにアップロードするように、ワンクリックでホームページを公開する事が出来ます。 もちろん従来通り
Macを使ってホームページを作成するには、ホームページを作成するMac用のソフト、ホームページを公開する為のサーバー、サーバーにアップロードする為のソフト(FTPソフト)など、いろいろと必要になります。 Mac用ホームページ作成ソフトには、FTPの機能が搭載されているものが多いのですが、安くても数千円、高いソフトだと数万円もします。レンタルサーバーも併せて考えると、1万円前後の出費が必要になる計算になります。 Macを使ってまったくお金をかけずに、ホームページを作成する事は出来ないのでしょうか? 実際にはそんな事はありません。 そこで、ここではHTMLなどの知識を解説しつつ、完全無料でホームページを作る方法と、できるだけHTMLの知識を使わずにMacを使った無料でホームページを作成する方法について考えてみたいと思います。 完全無料でホームページを作る! HTMLやスタイルシート(CSS)の
fugu(フグ)はSFTPにも対応した、2ペイン型ウィンドウのFTPソフトです。インターフェイスは、有償のトランスミット3や、Windowsの定番FTPのFFFTPのようなつくりです。 このFTPは残念ながら日本語のリソースは入っていません(Ver1.1.1)ので、メニューなどは英語表記ですが、難しい英語が書かれている訳ではないので、それほど苦労もなく使えると思います。 個人的には、Cyberduckのような単一ウィンドウ型のFTPでは使いにくいという人(主にWindowsからの乗り換えユーザーだと思います)は、fuguを使う事をおすすめします。 しかし、アプリケーション名がなぜ「ふぐ」なんでしょうか?そこはかなり疑問です・・・。 fuguのダウンロード(英語) fuguの基本的な使い方 fuguは左側にローカル(パソコン側)、右側に接続するサーバのファイルが表示される「2ペイン型」です。
このページを最初にブックマークしてみませんか?
『Macのホームページ作成ガイド』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く