タスクランナーgulp.js最速入門 - id:anatooのブログ
相変わらず仕事ではデザインやりつつJavaScript書いている。 タスクランナーとしてGrunt.jsを使っていたけれども、使ううちに段々不満がでてきた。遅かったり、記述が冗長になりがちでつらかったので最近になってgulpに乗り換えた。 gulpは良い。タスクは自動的に並列に実行され、かつストリームで処理されるので速いし、タスクの記述もストリームベースの書き方のおかげでGrunt.jsに比べるとだいぶ短くなる。 ただ、そこらにあるgulpをちょっと試しただけの日本語の記事やドキュメントをみてても実際のプロジェクトで使えるレベルまでの知識を得られず学習に一日かかった。 この記事では、gulpをまともに使えるようになるまでに必要な知識を書く。 導入とHelloWorld まずは導入。npmからgulpをインストールする。 $ npm install gulp -g $ gulp -v [gu
サイト制作者が知っておきたい、これから始めるSEOのポイント10 | さくらのナレッジ
サイトを閲覧してもらうためにはSEO（Search Engine Optimization）は重要な要素だ。新しい立ち上げたばかりのサイトでも適切にサイトを作っていれば、特定のキーワードで検索順位が上位になり、検索流入もきちんと確保できる。サイト制作者側の視点で抑えておきたいポイントをまとめてみよう。 [1] 1つのコンテンツを複数のURL表現にしない 検索エンジンではURLが異なれば違うページと認識される。トップページでよくある失敗例は、 http://www.example.com/ http://www.example.com/index.html http://example.com/ http://example.com/index.html の4つのURLそれぞれで同じコンテンツにアクセスできるケースだ。このような状態になっていると、1つコンテンツが持つ価値がそれぞれに分散し、
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
WordPressのウェブマスターツールでのMicroformats問題の対処
WordPressのウェブマスターツールでのMicroformats問題の対処方法について紹介します。 １．はじめに 「WordPressユーザー要注意！〜構造化データのエラーでアクセス激減」で知りましたが、WordPressで <?php post_class(); ?> という、記事の投稿情報のクラス属性値を表示するテンプレートタグを利用している場合、Microformatsの構成要素である「hentry」というclass属性値を出力するのですが、その他のMicroformatsの必須要素である、 updated author などがclass属性値として存在しない場合、ウェブマスターツールの「検索のデザイン」→「構造化データ」で大量のエラーが発生する、ということらしいです。 ２．hentryの構成要素 hentryの構成要素は次のとおりです。 entry-title：記事のタイトル（
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
検索エンジンから2ヶ月で2万アクセスを得るために徹底した5つの事
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ソーシャルメディアが台頭してきた現在でも、検索エンジン対策を無視することはできない。 なぜなら、検索エンジンからのアクセスは目的意識の高い読者が集まるため、その他のアクセスと比べてコンバージョン率が何倍も高いからだ。 しかし、「検索エンジンは結果が出るまでに時間がかかり面倒」という理由で、疎かにしている方は非常に多い。それでは非常に勿体ないので、本日は実例を基に、最も効率的な検索エンジン対策の方法をご紹介する。 以下が、バズ部を立ち上げてから２ヶ月での検索エンジンからのアクセス数だ。 本日は、この結果を得るために、日頃から徹底している検索エンジンマーケティングの５つの対策をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支
functions.phpでのWordPress管理画面カスタマイズ | Liglog
とある案件にて、どんどんプログラマの領域に踏み込んで帰れなくなってしまいました。 僕の肩書きは一応ディレクター。ベースはデザイナーです。 だから、どこかで自重するべきだったとは思うのですが、 やっちゃったのはしょうがない。うん、しょうがないよ。 さてお題はWordPressと既存の予約システムの連携。 予約システム側の値を読み込んで、カスタムフィールドとしてドロップダウンリストを生成しました。※今回は読み込んでドロップダウン化する部分は割愛 デザイナーなんだけど色々やっててちょっとだけプログラム部分も触らなきゃ。なんていうふわふわなポジションの人に贈りたいメモ。 以下、その手順。 管理画面に自分で作ったHTMLを追加するには、functions.phpを使います。 追加する部分のHTMLを書いたfunctions.phpを自分で作ったテーマの中に入れておけば、 それを指
AKIBE - FTPの接続情報を設定せずにWordPressを自動更新させる方法
WordPressの自動更新機能を使用する時、環境によって、FTPの「接続情報」画面が表示されます。 この判定を行っているのが wp-admin/includes/file.php の以下の箇所です。 function get_filesystem_method($args = array(), $context = false) { $method = defined('FS_METHOD') ? FS_METHOD : false; if ( ! $method && function_exists('getmyuid') && function_exists('fileowner') ){ if ( !$context ) $context = WP_CONTENT_DIR; $context = trailingslashit($context); $temp_file_name
functions.phpに書いておくといいかもしれないコードいろいろ
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
Bentoを使ってWebデータベース/CMSを構築 ファイルメーカーPro、MySQL、PHPでホームページ制作,システム開発
（１）Bentoの可能性 新しくファイルメーカーから発売されたBentoは、シンプルな使い勝手から、個人ユーザーが簡単なデータベースを作って利用するといったシーンに適している。その名の通り、弁当箱におかずやご飯を並べる感覚で、複雑・面倒なデータ型やSQL、計算式の知識も必要なく利用できる。その他、iPhone/iPadで使える（オフラインで利用し、更新後同期させる）、価格が安い（シングルパックで5,040円）といったメリットが挙げられる。しかし、インターネット経由の共有ができない、スクリプトが使えない、関数が使えない、細かいレイアウト設定ができない・・・などのマイナス面はエンタープライズ指向のソリューションにふさわしいプラットフォームとは言えない。 しかしそれらマイナス面の多さを考慮しても、データベースエンジンにSQLiteという軽快なSQLデータベースを利用していることは、大きな注目に値
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sort WordPress users by custom meta value with get_users | ClarkLab
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
Add Custom Image Sizes to Media Uploader - Pippins Plugins
SSL を有効化すると会員のログイン状態がおかしくなる | Welcart サポート
Michael Grunewalder – Just another WordPress site
初めてWordPressテーマをカスタマイズする時に参考になる作り方の解説
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。