0から目指すWebマスター Web制作に関する備忘録
検索

アプリケーション

アプリケーションに関する記事は、99件あります。

アプリケーションに関する備忘録。

記事のコメントの投稿と表示をテンプレートに直接書いてみる

記事のコメント部分について、テンプレートに直接書いてみようと思います。 前提は下記のとおりです。 WordPress 4.9.2 で実施 誰でもコメン・・・

WordPress

イラストレーターでレイヤーごとにPNGで書き出す

フォトショップでは、レイヤーごとに書き出す設定がありますが、イラストレーターにはありません。そこでレイヤーごとにPNGファイルを書き出すためのスクリプトファイル・・・

Illustorator

.DS_Storeファイルを削除する

ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeファイルをすべて削除することができました。 sudo find ここ・・・

制作効率化

_notesとdwsync.xmlを削除する

普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルトの設定で使用していると、dreamweaverの管理下にあるフォ・・・

Dreamweaver

MAMPでMySQLが起動しなくなった時

もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなってパニクる。具体的には、Apacheは起動するが、MySQLが起動・・・

MAMP

MTOSをサーバー移行したので備忘録

Movable Type Open Source(MTOS)で運営しているこのWebサイトをサーバー移行をしました。 試行錯誤で色々失敗しましたが、整理すると以・・・

MovableType

MAMPでMySQL Serverが突然起動しなくなった時 → ログファイル削除

便利なツールを使いすぎて、それが使えなくなった時のテンパり方は半端ない半端ない。 MAMPもそのひとつ。 そんなMAMPを起動しようとしたら、Apache サー・・・

MAMP

【サイト】mov, mp4, webm, f4v など動画を違う拡張子に変換する無料サービス

Webサイトに動画を利用する際には、2017年8月時点では、webmとmp4とどちらにも対応していない場合の静止画像を用意して置くことにしている。 動画を違う拡・・・

お役立ちツール

wp_head() で表示される、CSSやJavaScript(JS、jQuery)を削除する

テンプレートをフルカスタマイズで作ろうとしたとき、wp_head() で表示される内容が不要なのでどうにかできないものか。 はじめは、wp_head() メソ・・・

WordPress

WordPressで記事の数を取得する → wp_count_posts()

WordPressで記事の数を取得するには、wp_count_posts() を使う 公開済みの(ふつうの)投稿数を取得 $count_posts = wp・・・

WordPress

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・

WordPress

アイキャッチ画像のURL情報だけを知りたい → the_post_thumbnail_url()

アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得するメ・・・

WordPress

Macでシンボリックリンクの作成と削除

シンボリックリンクを作成すると、たとえば、Aディレクトリのシンボリックを作成(仮にA'ディレクトリと呼ぶ)すると、Aディレクトリ内を修正した場合、A'ディレクト・・・

制作効率化

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・

WordPress

入力フォームを自由にカスタマイズできる「Advanced Custom Fields」

Movable Typeでいうところのカスタムフィールドを使おうとしたら、Wordpressでは「Advanced Custom Fields」というプラグイン・・・

WordPress

画像保存時に画像サイズを軽量にしてくれる「Compress JPEG & PNG images」

画像ファイルの容量は小さいほうがいい。でも大きい画像でRetina対応もしておきたい。そんな要望に答えてくれるWebサービスが、TinyPNG - Compre・・・

WordPress

Custom Post Type UI

この「Custom Post Type UI」というプラグインのおかげで、WordPressは「ただのブログに特化したCMS」というイメージから「あらゆる利用シ・・・

WordPress

管理画面にアイキャッチ画像の入力エリアが表示されない場合

投稿画面にアイキャッチ画像の入力エリアが表示されなくて困りました。 もともと用意されているテーマを選択すると、アイキャッチ画像の入力エリアが表示されることが確認・・・

WordPress

テキスト置換するプラグイン「Search Regex」

Movable Typeの記事をWordPressに移行した際、記事内の画像パスを修正する必要があったのに気づく。 Movable Typeではデフォルトの機能・・・

WordPress

テンプレートの種類と優先度

ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php sing・・・

WordPress

完全オリジナルテーマを用意する

事前条件:すでにWordPressがインストールされていること。この記事はWordPress4.8で実践しながら書いています。 参考までに。 MAMPをインスト・・・

WordPress

アウトラインが取られていない → 原因は2つ

Webではなく印刷物のお話。印刷会社から「アウトラインが取られていません」という指摘を連続でくらってしまったので、反省の意を込めて備忘録。 アウトラインが取ら・・・

Illustorator

Fireworks → Illustorator パス移動

両アプリケーションを開いて、ドラッグ&ドロップすればできると思ったらできなくて焦ったので備忘録。 Fireworksで開いたファイルを、「別名で保存」 Fi・・・

Fireworks

mampを使ってマルチドメインのローカル環境をつくる

完全備忘録。 新しいマシンで設定するたびにググってはなかなか該当記事を見つけられずにいたので、備忘録がてら記事にします。結局「mamp バーチャルホスト」でグ・・・

MAMP

セマンティックWebに便利なツール

セマンティックなページ(構造化されたページ)を制作する際に、microdataを使うことが多かったが、とにかくコーディングが面倒、というわけで、JSON-LD・・・

お役立ちツール

Gruntを取り入れてみた

ページ高速化の一つの手段として推奨されるCSS、JavaScript の圧縮。 CSS、JavaScript の圧縮とは、各ファイル内のインデントや改行をすべて・・・

制作効率化

Googleアナリティクス 自宅からのアクセスを除外する

自分自身だけでなく、関係者のPCやスマホ、タブレットからのアクセスも除外したい 新規サイトを制作した際に、Googleアナリティクスを設定して、自宅というか関・・・

Google analytics

ローカル環境MAMPにWordPressをインストール

ローカル環境はMAMPを使いました。 データベースを作成する MAMPを起動し、「サーバを起動」後、「オープンWebStartの」をクリックします。 「ツ・・・

MAMP

MAMPの日時(タイムゾーン)を変更する

MAMPを使用していて、日時の情報を制御しようとしたとき、取得している日時が日本時間ではないことに気がついた。 時差を計算してPHPでプログラミングしていたが、・・・

MAMP

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・

MAMP

MAMPをインストールしてローカル環境を作る

公式サイトからMAMPをダウンロードする MAMP & MAMP PROへアクセスします。 ヘッダー上部メニューの「DOWNLOAD」をクリック 画面真ん・・・

MAMP

ファイルへのリンク PART2

以前、「ファイルへのリンク」については触れ、ファイルへのリンクが便利ということを記述したが、今回はファイルへのリンクを利用する際のトラベルシューティング。 ・・・

MovableType

アーカイブマッピング Part3

アーカイブマッピングでも触れてはいるが、今一度リマインド。 直接テンプレートタグを使用できる! アーカイブマッピングに直接テンプレートタグを使用することができ・・・

MovableType

[サイト]pngファイルの容量を軽減してくれるサービス

昨今、スマホ用の需要拡大とアルファ画像が使えないブラウザのシェアが減ってきたことが相まって、png画像を取り入れることが多くなりました。アルファ画像をガンガン使・・・

お役立ちツール

[サイト]ローディング画像作成ツールはこれで決まりッ!

Preloaders.net オリジナルにこだわって自分でgifアニメーション作ってたりしてたわけだけど。。これと出会ってもうオリジナルへのこだわりが吹き飛んだ・・・

お役立ちツール

MovableTypeでカテゴリ選択効かない!?

MTOSのバージョンアップをしたところ、記事を保存する際、カテゴリ選択が無効になり焦った。 テーマのエクスポートで失敗したのか、とカテゴリは含まずにテーマをエク・・・

MovableType

元ファイルなしの画像を修正する

Photoshop、ど素人です。Fireworksばかり使ってきたため、FireworksでやってたことをPhotoshopでやろうとするとやり方がわからず、軽・・・

Photoshop

[サイト]QRコード作成

QRコードを作成するたびに、ググって適当なサービスを見つけて作成させてもらってたのですが、結構使いやすかったのを紹介。改行とかもそのまま反映されて、余計な文字と・・・

お役立ちツール

カテゴリー別に記事一覧を表示する

インデックスアーカイブ、ブログ記事アーカイブにおいて使うのに最適。 ※カテゴリーアーカイブにおいては、コンテキストの関係でうまくいかないので、要注意。 サンプル・・・

MovableType

カスタムフィールドに値がある最新の10 件のブログ記事表示する方法

MTEntriesのモディファイアの組み合わせで実現することはできませんが、 指定したカスタムフィールドに値がある場合のみカウントして 10 件表示させる方法で・・・

MovableType

[ソフト]ファイル一括変換(Mac用)

ファイル一括変換(Mac用) ファイル名を変換、一部を削除したいときがある。しかもフォルダ内のすべてに該当する場合がある。あるフォルダ内のファイルを連番付けたい・・・

お役立ちツール

画像の切れ間と背景をなじませる

画像の端と背景の境が分からないように画像を用意する際の手っ取り早い方法の覚書。 Windows XP CS3で実施。 「レイヤ」追加 ツール「選択範囲」を選・・・

Photoshop

特定の文字で複数にセルを分割する

たとえば、セルに「テスト左:テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ・・・

Excel

矩形の幅と高さを知る

幅と高さを知りたい矩形を選択。そして矩形情報を表示すれば、幅と高さが分かる気がするのだが(下図参照)・・・。 これだけでは、幅と高さだけなぜか表示されない。幅・・・

Photoshop

ファイルへのリンク

「Web上ですべてを完結できる」というのは、MTのメリットの一つです。 ただ、実際の制作フローでは、ローカル環境で作業して、それをMTに貼付けるシーンは多いかと・・・

MovableType

モブログくんを使えば、携帯からMT記事を投稿できる!

携帯から記事を投稿できるようになったら、もはや無料ブログを凌ぐんだろうなぁ、と思ってたらいろいろありました! ちなみに携帯からブログを更新することと「モブログ」・・・

MovableType

便利ショートカット

「選択できねぇ!」 画面上の要素をクリックしても選択されない。Fireworksではまずそんなことはなかった。Photoshopでは、Fireworksと違って・・・

Photoshop

[サイト]配色

微妙なニュアンスにこだわった色決め http://kuler.adobe.com/ Adobeが公開しているカラーピッカー。5色の組み合わせを試すことができる・・・

お役立ちツール

format属性

mt:entrydateなどを利用して日付を表示させる場合、その形式はformat属性(モディファイア)を使って編集します。 パラメーター 表示例(補足)・・・

MovableType

mt-config.cgi

「CGI」という言葉だけで、まだ拒否反応が起きる。 でもどうしても「mt-config.cgi」を修正したくなった。 ただ、config.cgiを修正する際の注・・・

MovableType

検索関連

検索窓やタグクラウドの最もシンプルな記述 インデックステンプレート、すべてのアーカイブテンプレートで利用できます。 検索窓 <form method="g・・・

MovableType

カテゴリごとのエントリ一覧 Part2

エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合をもう一度考えます。 <mt:categorylabel setva・・・

MovableType

カテゴリごとのエントリ一覧

エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合を考えます。 特定カテゴリのエントリ一覧 <MTEntries la・・・

MovableType

透明GIF画像の書き出し方法

たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形・・・

Fireworks

アーカイブテンプレートの自動変数

アーカイブテンプレートには、各々のテンプレートの種類やテンプレートが出力するアーカイブの種類に合わせて自動的に変数が設定され、値として「1」が代入されます。また・・・

MovableType

アーカイブマッピング Part2

アーカイブマッピングは、アーカイブテンプレートをどんな種類で、どこに、どんなファイル名で出力するのかを設定する機能。 同じアーカイブテンプレートや、複数のアーカ・・・

MovableType

テンプレート作成の初歩 Part2

テンプレートは、ブログ単位のテンプレートと全ブログ共通のグローバルテンプレートに大別されます。さらに、ブログ単位のテンプレートは大きく5種類に分類されます。 ・・・

MovableType

MovableTypeをMac環境で 3/3

手順 2 まずは、Movable Type「MT-4_1-ja」フォルダを「mt4」にリネイムし(ネーミングは任意です)、[(ドライブアイコン)] → [アプリ・・・

MovableType

テンプレートタグの書式

タグの書式で守らなければならないルールは2つ。 タグの名前を「MT(またはmt)」からはじめる。 区切り文字を挿入できる位置は「MT」と「タグの名前」の間のみ・・・

MovableType

コメントアウト

テンプレート上の視認性を高め、生成されるファイルには表示されないのが特徴 簡単なコメントを残す場合 <$MTTemplateNote value="ここに・・・

MovableType

MTInclude関連

MTInclude module="テンプレートモジュール名" テンプレートモジュール名を呼び出すことができる。 MTInclude file="ファイル名" ・・・

MovableType

条件処理するコンディショナルタグ

If文 <MTIf 条件式A> 条件式Aが真の場合の処理 </MTIf> <MTIf 条件式A> 条件式Aが真の場合の処理 ・・・

MovableType

変数を設定・参照するテンプレートタグ

MTSetVarファンクションタグとMTVarファンクションタグ MT記述例 <MTSetVar name="thisWebSite" value="0・・・

MovableType

テンプレートタグとコンテキスト

コンテキスト どのブログか?どのカテゴリか?どの記事(ページ)についてか?どの部分のことなのか?を指定する テンプレートタグ データ内容を抽出・出力する モディ・・・

MovableType

MT4.1で何が変わったか

  MT3 MT4.0 MT4.1 ブログ記事カテゴリー管理 / アーカイブ作成 エントリー ○ ○ ウェブページフォルダ管理 / ・・・

MovableType

MovableTypeをMac環境で 2/3

手順 1 まずは、Movable TypeとMAMPをマッチングさせるためにフォルダを整理します。 Movable Typeをインストールした際に生成されたフ・・・

MovableType

MovableTypeをMac環境で 1/3

Mac OS X に Movable Typeをインストールし、ローカルテスト環境を作りました。実際、ネット検索しながらいろいろ試したのですが、なかなかうまくい・・・

MovableType

MT4.0から4.1への移行

mt4.1へバージョンアップさせるために、「mt4.0 mt4.1」でググって調べつつ作業しました。残念ながら、すんなり移行することができなかったのですが、それ・・・

MovableType

[サイト]SEO対策に役立つ便利ツール

サイト設計前に使う解析ツール 有効キーワードを探す際に便利なツール 無料登録ドットコム(キーワードアドバイスツール) http://www.keywordad・・・

お役立ちツール

テンプレート作成の初歩

MTのすごいところは、そのカスタマイズ性。まっさらな状態から作成できるのがこの上ない魅力である。 必要最低限のソースはたった二つ。html要素タグに属性「id=・・・

MovableType

アーカイブマッピング

MTを「ブログ」としてではなく、「CMS」として利用する場合、ディレクトリ名とファイル名は自由に設定したい。 ところが、何の設定もしていないデフォルトの状態で新・・・

MovableType

MovableTypeの基本

MT(MovableType)をカスタマイズするには、まずMTの仕組みを知る必要がある。 公開までの一般的な流れとMTの関係 Webサイトの構成を決める→・・・

MovableType

MovableTypeが熱い!

MovableTypeを利用し始めて1年経った。とはいえ、基本設計は公開時にやったきりで、その後と言えば、ひたすら更新作業だけだった。しかも更新する箇所のコンテ・・・

MovableType

文字コード変換

記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け・・・

Dreamweaver

切り抜いた画像を他のアプリケーションで利用する

せっかくPhotoshopである写真を形取ったのに、その画像をIllustreatorやFireworksにコピペすると、入らぬ背景までくっついてきてしまう。 ・・・

Photoshop

[ソフト]ネットショップ

ネットショップ・オーナー2 インクリメント(株) http://www.netdeoshigoto.com/owner/ 0120-349-163 店・・・

お役立ちツール

[ソフト]Webサイト検証ツール

Website Explorer それは既存のサイトのコンテンツマップを作りたいときに それはリンク切れをチェックするときに それは・・・ これだけでも便利・・・

お役立ちツール

ハイバーリンクを抽出

エクセルを使用時、テキストにリンクが設定されている場合、そのURLのみを別のセルに書き出す場合 ALT+F11で標準モジュールを挿入、下記をコピペする。 Pu・・・

Excel

[サイト]css 文法チェックツール

正しいスタイルシートを学べる非常に貴重なツール。 W3C(英語版) http://validator.w3.org/ W3Cサポート(日本語版) http:/・・・

お役立ちツール

[サイト]xhtml 文法チェックツール

厳しい採点だが、正しいマークアップを学べる非常に貴重なツール。 Another HTML-lint gateway http://openlab.ring.g・・・

お役立ちツール

ファイルをロックする

「ファイル」タブ→「名前をつけて保存」を選択 「ツール」→「全般オプション選択」を選択 「保存オプション」ウィザードが開かれるので、暗証番号などを指定する

Excel

フレーム数

NTSC(日本) 29.97フレーム/秒 PAL 25コマ/秒 映画 24コマ/秒 30フレームで制作することが多いが、60フレームで作成す・・・

Flash

loadingバーを作る(こだわり編)

パーツを作る 100%読み込まれた状態を作成。 矩形ツールで線と塗りを設定。 塗りの部分だけを選択し、ムービークリップシンボル(ショートカット「F8」、「名・・・

Flash

loadingバーを作る(続シンプル編)

読み込むバイト数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 pe・・・

Flash

loadingバーを作る(シンプル編)

読み込むフレーム数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 p・・・

Flash

[サイト]mailtoを暗号化

maitoを直書きすると迷惑メールが大量に来てしまう原因になります。そこで、mailtoを暗号化するわです。そんなときに便利なツール。完全に迷惑メールを除外する・・・

お役立ちツール

[情報]マーケティングコンセプト

Webマーケティングのいろはを学べるサイト、らしい。実際に読んだことがあるわけではないが、情報量が豊富らしい。本で紹介されていたり、人づてに聞いたことがあったの・・・

お役立ちツール

[ライブラリ]画像のスタイリッシュな拡大表示実現

サムネイル画像をクリックすると画面中央に拡大表示されるだけでなく背景を暗くすることができる。すんげぇお洒落っ! ThickBox 3.1(海外サイト) htt・・・

お役立ちツール

ビットレートの目安

ナローバンド(アナログ/ISDN回線)向け 60Kbps ブロードバンド(ADSL/FTTH回線)向け 300Kbps

Flash

[情報]契約書サンプル

ソフトウェア開発の際だけど、契約書作成のサンプルになるのでは。mixiで見っけました。 社団法人情報サービス産業協会 http://www.jisa.or.j・・・

お役立ちツール

[情報]CSSハック

SEO-Equation ここのサイトで紹介されている内容は凄く分かりやすておすすめ。 CSSバグ回避 CSSハック http://www.seo-・・・

お役立ちツール

[ソフト]例えるならPhotoshopのフリー版

GIMP 「GIMP」で検索するといろいろヒットするが、その中でも気になったところをピックアップ。どうやらWindows用らしい。実際に使用したことがないから詳・・・

お役立ちツール

[サイト]ファビコンの作り方

ファビコンとは ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。 手順 ファビコン用の画像を作成 ファイル形式を変換する ・・・

お役立ちツール

Flash Videoを配信する方法

手順 素材用意 FLV形式に変換 配信メカニズム決め swfファイルに埋め込み 数秒のデータを扱うのに有効 プログレッシブダウンロード ここの操作方法を言及・・・

Flash

[ソフト]パソコン画面の保存・印刷

WinShot(ウィンドウズのみ対応) キーボード上の「PrintScreen」ボタンを押せば画面上をそのままコピーし、画像編集ソフトやらでペーストできる(アク・・・

お役立ちツール

[情報]CSSデザイン

CSS Vault(英語版) 英語で何書いているかよく分からないため、ほぼ活用したことはないのだが、ひょっとすると役立つサイトなのかもと思い、掲載。動作が重く表・・・

お役立ちツール

[情報]Webアクセシビリティ関連に特化

Infoaxia インフォアクシア。いろいろなツールをダウンロードできたり、アクセシビリティ関連の情報が満載。http://www.infoaxia.com/

お役立ちツール

[情報]キーワードの流行をグラフ化

Google Trends(英語版) Googleサービス。ビックワードでないとデータ不足で表示されないことが多々(難点)。見ていて面白いが、どのように活用する・・・

お役立ちツール

[情報]ブログ検索

兆 キーワードからそれにまつわるブログを紹介する。 http://www.kizasi.jp/

お役立ちツール