Gulpのgulp-sassインストールでエラーが出てしまった...→--unsafe-perm=true --allow-root
この一年で最低3回は同じエラーにハマって、解決するのに結構な時間を費やしてしまったので、ここに備忘録として残しておく。 sudo npm instal・・・
アプリケーションに関する記事は、108件あります。
アプリケーションに関する備忘録。
この一年で最低3回は同じエラーにハマって、解決するのに結構な時間を費やしてしまったので、ここに備忘録として残しておく。 sudo npm instal・・・
GruntからGulpに乗り換えて、3年くらい経つだろうか。 サイトを新規で作るたびに、Gulpをインストールしている。 毎回インストールしなくてもコピペで・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Wo・・・
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, ・・・
sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修・・・
サンプルソースコードをコピペして使おうと思ったら、うまくいかない。アレ?コード間違えたかな、と確認するも間違いがない。だがしかし、書き出されたソースで半角が・・・
AMPとは? AMPは、Accelerated Mobile Pagesの略。詳細はウィキペディア(Accelerated Mobile Pages)で・・・
25 Free Futuristic Fonts to Jumpstart Your Designs 25 Best Free Business Font・・・
xxx.min.cssやxxx.min.jsのようなファイル名でCSSのminifyやJSの難読化された一行の圧縮ファイルを見やすくした状態で確認したいとき。 ・・・
記事のコメント部分について、テンプレートに直接書いてみようと思います。 前提は下記のとおりです。 WordPress 4.9.2 で実施 誰でもコメン・・・
フォトショップでは、レイヤーごとに書き出す設定がありますが、イラストレーターにはありません。そこでレイヤーごとにPNGファイルを書き出すためのスクリプトファイル・・・
ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeファイルをすべて削除することができました。 sudo find ここ・・・
普段、dreamweaverを使って制作している。 どうやら、dreamweaverをデフォルトの設定で使用していると、dreamweaverの管理下にあるフォ・・・
もはや自分の制作環境において、なくてはならないツールの一つがMAMP。 それが突然使えなくなってパニクる。具体的には、Apacheは起動するが、MySQLが起動・・・
Movable Type Open Source(MTOS)で運営しているこのWebサイトをサーバー移行をしました。 試行錯誤で色々失敗しましたが、整理すると以・・・
便利なツールを使いすぎて、それが使えなくなった時のテンパり方は半端ない半端ない。 MAMPもそのひとつ。 そんなMAMPを起動しようとしたら、Apache サー・・・
Webサイトに動画を利用する際には、2017年8月時点では、webmとmp4とどちらにも対応していない場合の静止画像を用意して置くことにしている。 動画を違う拡・・・
テンプレートをフルカスタマイズで作ろうとしたとき、wp_head() で表示される内容が不要なのでどうにかできないものか。 はじめは、wp_head() メソ・・・
記事の数を取得する際の2つのケース。wp_count_posts() と found_posts を使い分ける。 WordPressで記事の数を取得するに・・・
WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・
アイキャッチ画像のURL情報だけを取得する記事を多くみつけたが、実はWordPress 4.4.0 からデフォルトでアイキャッチ画像のURL情報だけを取得するメ・・・
シンボリックリンクを作成すると、たとえば、Aディレクトリのシンボリックを作成(仮にA'ディレクトリと呼ぶ)すると、Aディレクトリ内を修正した場合、A'ディレクト・・・
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・
Movable Typeでいうところのカスタムフィールドを使おうとしたら、Wordpressでは「Advanced Custom Fields」というプラグイン・・・
画像ファイルの容量は小さいほうがいい。でも大きい画像でRetina対応もしておきたい。そんな要望に答えてくれるWebサービスが、TinyPNG - Compre・・・
この「Custom Post Type UI」というプラグインのおかげで、WordPressは「ただのブログに特化したCMS」というイメージから「あらゆる利用シ・・・
投稿画面にアイキャッチ画像の入力エリアが表示されなくて困りました。 もともと用意されているテーマを選択すると、アイキャッチ画像の入力エリアが表示されることが確認・・・
Movable Typeの記事をWordPressに移行した際、記事内の画像パスを修正する必要があったのに気づく。 Movable Typeではデフォルトの機能・・・
ホーム index.php home.php フロント 静的フロントページ front-page.php 投稿 single.php sing・・・
事前条件:すでにWordPressがインストールされていること。この記事はWordPress4.8で実践しながら書いています。 参考までに。 MAMPをインスト・・・
Webではなく印刷物のお話。印刷会社から「アウトラインが取られていません」という指摘を連続でくらってしまったので、反省の意を込めて備忘録。 アウトラインが取ら・・・
両アプリケーションを開いて、ドラッグ&ドロップすればできると思ったらできなくて焦ったので備忘録。 Fireworksで開いたファイルを、「別名で保存」 Fi・・・
完全備忘録。 新しいマシンで設定するたびにググってはなかなか該当記事を見つけられずにいたので、備忘録がてら記事にします。結局「mamp バーチャルホスト」・・・
セマンティックなページ(構造化されたページ)を制作する際に、microdataを使うことが多かったが、とにかくコーディングが面倒、というわけで、JSON-LD・・・
ページ高速化の一つの手段として推奨されるCSS、JavaScript の圧縮。 CSS、JavaScript の圧縮とは、各ファイル内のインデントや改行をすべて・・・
自分自身だけでなく、関係者のPCやスマホ、タブレットからのアクセスも除外したい 新規サイトを制作した際に、Googleアナリティクスを設定して、自宅というか関・・・
ローカル環境はMAMPを使いました。 データベースを作成する MAMPを起動し、「サーバを起動」後、「オープンWebStartの」をクリックします。 「ツ・・・
MAMPを使用していて、日時の情報を制御しようとしたとき、取得している日時が日本時間ではないことに気がついた。 時差を計算してPHPでプログラミングしていたが、・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
公式サイトからMAMPをダウンロードする MAMP & MAMP PROへアクセスします。 ヘッダー上部メニューの「DOWNLOAD」をクリック 画面真ん・・・
以前、「ファイルへのリンク」については触れ、ファイルへのリンクが便利ということを記述したが、今回はファイルへのリンクを利用する際のトラベルシューティング。 ・・・
アーカイブマッピングでも触れてはいるが、今一度リマインド。 直接テンプレートタグを使用できる! アーカイブマッピングに直接テンプレートタグを使用することができ・・・
昨今、スマホ用の需要拡大とアルファ画像が使えないブラウザのシェアが減ってきたことが相まって、png画像を取り入れることが多くなりました。アルファ画像をガンガン使・・・
Preloaders.net オリジナルにこだわって自分でgifアニメーション作ってたりしてたわけだけど。。これと出会ってもうオリジナルへのこだわりが吹き飛んだ・・・
MTOSのバージョンアップをしたところ、記事を保存する際、カテゴリ選択が無効になり焦った。 テーマのエクスポートで失敗したのか、とカテゴリは含まずにテーマをエク・・・
Photoshop、ど素人です。Fireworksばかり使ってきたため、FireworksでやってたことをPhotoshopでやろうとするとやり方がわからず、軽・・・
QRコードを作成するたびに、ググって適当なサービスを見つけて作成させてもらってたのですが、結構使いやすかったのを紹介。改行とかもそのまま反映されて、余計な文字と・・・
インデックスアーカイブ、ブログ記事アーカイブにおいて使うのに最適。 ※カテゴリーアーカイブにおいては、コンテキストの関係でうまくいかないので、要注意。 サンプル・・・
MTEntriesのモディファイアの組み合わせで実現することはできませんが、 指定したカスタムフィールドに値がある場合のみカウントして 10 件表示させる方法で・・・
ファイル一括変換(Mac用) ファイル名を変換、一部を削除したいときがある。しかもフォルダ内のすべてに該当する場合がある。あるフォルダ内のファイルを連番付けたい・・・
画像の端と背景の境が分からないように画像を用意する際の手っ取り早い方法の覚書。 Windows XP CS3で実施。 「レイヤ」追加 ツール「選択範囲」を選・・・
たとえば、セルに「テスト左:テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ・・・
幅と高さを知りたい矩形を選択。そして矩形情報を表示すれば、幅と高さが分かる気がするのだが(下図参照)・・・。 これだけでは、幅と高さだけなぜか表示されない。幅・・・
「Web上ですべてを完結できる」というのは、MTのメリットの一つです。 ただ、実際の制作フローでは、ローカル環境で作業して、それをMTに貼付けるシーンは多いかと・・・
携帯から記事を投稿できるようになったら、もはや無料ブログを凌ぐんだろうなぁ、と思ってたらいろいろありました! ちなみに携帯からブログを更新することと「モブログ」・・・
「選択できねぇ!」 画面上の要素をクリックしても選択されない。Fireworksではまずそんなことはなかった。Photoshopでは、Fireworksと違って・・・
微妙なニュアンスにこだわった色決め http://kuler.adobe.com/ Adobeが公開しているカラーピッカー。5色の組み合わせを試すことができる・・・
mt:entrydateなどを利用して日付を表示させる場合、その形式はformat属性(モディファイア)を使って編集します。 パラメーター 表示例(補足)・・・
「CGI」という言葉だけで、まだ拒否反応が起きる。 でもどうしても「mt-config.cgi」を修正したくなった。 ただ、config.cgiを修正する際の注・・・
検索窓やタグクラウドの最もシンプルな記述 インデックステンプレート、すべてのアーカイブテンプレートで利用できます。 検索窓 <form method="g・・・
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合をもう一度考えます。 <mt:categorylabel setva・・・
エントリーページに、そのエントリーが属するカテゴリ内の最新10件を表示しようとした場合を考えます。 特定カテゴリのエントリ一覧 <MTEntries la・・・
たとえば、白文字が混じった画像を透明GIFにする場合、背景だけでなく白文字までが透明化されてしまう。 ずっと悩んでいたがようやく解決できたので覚え書き。 形・・・
アーカイブテンプレートには、各々のテンプレートの種類やテンプレートが出力するアーカイブの種類に合わせて自動的に変数が設定され、値として「1」が代入されます。また・・・
アーカイブマッピングは、アーカイブテンプレートをどんな種類で、どこに、どんなファイル名で出力するのかを設定する機能。 同じアーカイブテンプレートや、複数のアーカ・・・
テンプレートは、ブログ単位のテンプレートと全ブログ共通のグローバルテンプレートに大別されます。さらに、ブログ単位のテンプレートは大きく5種類に分類されます。 ・・・
手順 2 まずは、Movable Type「MT-4_1-ja」フォルダを「mt4」にリネイムし(ネーミングは任意です)、[(ドライブアイコン)] → [アプリ・・・
タグの書式で守らなければならないルールは2つ。 タグの名前を「MT(またはmt)」からはじめる。 区切り文字を挿入できる位置は「MT」と「タグの名前」の間のみ・・・
テンプレート上の視認性を高め、生成されるファイルには表示されないのが特徴 簡単なコメントを残す場合 <$MTTemplateNote value="ここに・・・
MTInclude module="テンプレートモジュール名" テンプレートモジュール名を呼び出すことができる。 MTInclude file="ファイル名" ・・・
If文 <MTIf 条件式A> 条件式Aが真の場合の処理 </MTIf> <MTIf 条件式A> 条件式Aが真の場合の処理 ・・・
MTSetVarファンクションタグとMTVarファンクションタグ MT記述例 <MTSetVar name="thisWebSite" value="0・・・
コンテキスト どのブログか?どのカテゴリか?どの記事(ページ)についてか?どの部分のことなのか?を指定する テンプレートタグ データ内容を抽出・出力する モディ・・・
MT3 MT4.0 MT4.1 ブログ記事カテゴリー管理 / アーカイブ作成 エントリー ○ ○ ウェブページフォルダ管理 / ・・・
手順 1 まずは、Movable TypeとMAMPをマッチングさせるためにフォルダを整理します。 Movable Typeをインストールした際に生成されたフ・・・
Mac OS X に Movable Typeをインストールし、ローカルテスト環境を作りました。実際、ネット検索しながらいろいろ試したのですが、なかなかうまくい・・・
mt4.1へバージョンアップさせるために、「mt4.0 mt4.1」でググって調べつつ作業しました。残念ながら、すんなり移行することができなかったのですが、それ・・・
サイト設計前に使う解析ツール 有効キーワードを探す際に便利なツール 無料登録ドットコム(キーワードアドバイスツール) http://www.keywordad・・・
MTのすごいところは、そのカスタマイズ性。まっさらな状態から作成できるのがこの上ない魅力である。 必要最低限のソースはたった二つ。html要素タグに属性「id=・・・
MTを「ブログ」としてではなく、「CMS」として利用する場合、ディレクトリ名とファイル名は自由に設定したい。 ところが、何の設定もしていないデフォルトの状態で新・・・
MT(MovableType)をカスタマイズするには、まずMTの仕組みを知る必要がある。 公開までの一般的な流れとMTの関係 Webサイトの構成を決める→・・・
MovableTypeを利用し始めて1年経った。とはいえ、基本設計は公開時にやったきりで、その後と言えば、ひたすら更新作業だけだった。しかも更新する箇所のコンテ・・・
記述方法は間違いないのに、文字化けしてしまう。 xhtmlはutf-8で宣言していたのだが、Javascriptで記述された日本語がブラウザで確認すると文字化け・・・
せっかくPhotoshopである写真を形取ったのに、その画像をIllustreatorやFireworksにコピペすると、入らぬ背景までくっついてきてしまう。 ・・・
ネットショップ・オーナー2 インクリメント(株) http://www.netdeoshigoto.com/owner/ 0120-349-163 店・・・
Website Explorer それは既存のサイトのコンテンツマップを作りたいときに それはリンク切れをチェックするときに それは・・・ これだけでも便利・・・
エクセルを使用時、テキストにリンクが設定されている場合、そのURLのみを別のセルに書き出す場合 ALT+F11で標準モジュールを挿入、下記をコピペする。 Pu・・・
正しいスタイルシートを学べる非常に貴重なツール。 W3C(英語版) http://validator.w3.org/ W3Cサポート(日本語版) http:/・・・
厳しい採点だが、正しいマークアップを学べる非常に貴重なツール。 Another HTML-lint gateway http://openlab.ring.g・・・
「ファイル」タブ→「名前をつけて保存」を選択 「ツール」→「全般オプション選択」を選択 「保存オプション」ウィザードが開かれるので、暗証番号などを指定する
NTSC(日本) 29.97フレーム/秒 PAL 25コマ/秒 映画 24コマ/秒 30フレームで制作することが多いが、60フレームで作成す・・・
パーツを作る 100%読み込まれた状態を作成。 矩形ツールで線と塗りを設定。 塗りの部分だけを選択し、ムービークリップシンボル(ショートカット「F8」、「名・・・
読み込むバイト数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 pe・・・
読み込むフレーム数をベースに計算 1〜2フレームにダイナミックテキストを配置し、インスタンス名(per_txt)を設定 2フレーム目にスクリプトを記述 p・・・
maitoを直書きすると迷惑メールが大量に来てしまう原因になります。そこで、mailtoを暗号化するわです。そんなときに便利なツール。完全に迷惑メールを除外する・・・
Webマーケティングのいろはを学べるサイト、らしい。実際に読んだことがあるわけではないが、情報量が豊富らしい。本で紹介されていたり、人づてに聞いたことがあったの・・・
サムネイル画像をクリックすると画面中央に拡大表示されるだけでなく背景を暗くすることができる。すんげぇお洒落っ! ThickBox 3.1(海外サイト) htt・・・
ナローバンド(アナログ/ISDN回線)向け 60Kbps ブロードバンド(ADSL/FTTH回線)向け 300Kbps
ソフトウェア開発の際だけど、契約書作成のサンプルになるのでは。mixiで見っけました。 社団法人情報サービス産業協会 http://www.jisa.or.j・・・
SEO-Equation ここのサイトで紹介されている内容は凄く分かりやすておすすめ。 CSSバグ回避 CSSハック http://www.seo-・・・
GIMP 「GIMP」で検索するといろいろヒットするが、その中でも気になったところをピックアップ。どうやらWindows用らしい。実際に使用したことがないから詳・・・
ファビコンとは ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。 手順 ファビコン用の画像を作成 ファイル形式を変換する ・・・
手順 素材用意 FLV形式に変換 配信メカニズム決め swfファイルに埋め込み 数秒のデータを扱うのに有効 プログレッシブダウンロード ここの操作方法を言及・・・
WinShot(ウィンドウズのみ対応) キーボード上の「PrintScreen」ボタンを押せば画面上をそのままコピーし、画像編集ソフトやらでペーストできる(アク・・・
CSS Vault(英語版) 英語で何書いているかよく分からないため、ほぼ活用したことはないのだが、ひょっとすると役立つサイトなのかもと思い、掲載。動作が重く表・・・
Infoaxia インフォアクシア。いろいろなツールをダウンロードできたり、アクセシビリティ関連の情報が満載。http://www.infoaxia.com/
Google Trends(英語版) Googleサービス。ビックワードでないとデータ不足で表示されないことが多々(難点)。見ていて面白いが、どのように活用する・・・
兆 キーワードからそれにまつわるブログを紹介する。 http://www.kizasi.jp/