サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
本文には反映していませんが IE10で Error#stack が実装されました http://blogs.msdn.com/b/ie_ja/archive/2012/05/17/diagnosing-javascript-errors-with-error-stack.aspx JavaScript では例外が発生すると例外オブジェクトが生成されます。 この例外オブジェクトの仕様は標準化されておらず、各ブラウザで実装が異なります。 最新のブラウザで JavaScript の Error オブジェクトや Error から派生しているオブジェクトが持つ属性を調べてみました。 Safari Stable (Safari 5.1.1) try { throw new Error("hoge"); } catch (err) { var i, ary = []; for (i in err) {
A dedicated fullscreen WordPress theme is a powerful way to catch your visitors attention. Like WordPress themes for portfolio websites they are great for showcasing your work as a photographer, creative artist, designer or photojournalist. The use of the entire browser area adds a great dimension to your blog drawing all the attention on showcasing your images or videos in an intense and vivid fu
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
@metaps_satoです。 最近セミナーの告知ばかりでしたので真面目にアプリのマネタイズに関する記事を書こうと思います。 ◆現在のスマホアプリの市場をまとめてみた スマホ市場は本当にスピードが速い。1ヶ月情報を追っていないと既に以前の情報が古る過ぎて役に立たなくなってしまいます。 市場のプレーヤーも増えますし、様々な企業がトライアンドエラーを繰り返しているので、成功事例・失敗事例もすさまじいスピードで増加しています。一旦ここらで情報まとめといたほうがイイなと感じましたので市況からマーケティングやマネタイズに関する基礎的な情報をまとめました。 ◆一番相談が多いのはやはりマーケティング ここ最近ビジネスでよく聞かれるのはアプリのマーケティングです。とりあえずアプリ作って見たものの、集客どうしようかという場合です。アプリの世界はウェブと違って外部リンクのようにう投げ合う文化が存在していないの
Step 1 – HTML Markup Create an unordered list with an anchor tag and a span tag. Add a different id for each list item and link to this id with the anchor tag. To be able to style and open the accordion when we click on it we need to use the :target selector. The target selector will only work if we will have a link that points to an id and when we click on that link the id becomes the target elem
2. Git のリポジトリ リポジトリ = データを貯めるところ Git ではリポジトリがローカルにある SVNではローカルにないことが多い ローカルのリポジトリに対する操作は高速 (通信不要) push, pull などを使って同期を取る (通信がここで発生) 手元のリポジトリではコンフリクトしない SCMBC Git 資料 3. 多人数開発 SVNでは1リポジトリ複数ツ リー Gitでは個人がリポジトリを SCMBC Git 資料 持つ Figures from Pro Git http://progit.org/book/ja/ch5-1.html 4. 多人数開発 共有リポジトリに pull, push をする 共有リポジトリは複数ある場合も CIサーバとステージング用と、、、 SCMBC Git 資料 Figures from Pro
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The Mashable post I wrote recently rev
WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。 ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 上記の他にも現在68この多種多様なボタンが公開されています。Fireworksを普段利用している方は、非常に役立つサイトだと思います。素材としてだけではなく、制作データで公開されていますので、作り方を学びたい人にも役立ちそうです。WEB制作をfireworksで行っている方は是非どうぞ。 The Daily Button
OS.js – JavaScript Cloud/Web Desktop Platform OS.js is a simple, yet powerful JavaScript Cloud/Web Desktop platform. A desktop implementation for your browser with a fully-fletched window manager, Application APIs, GUI toolkits and filesystem abstraction. Visit the official Homepage for more information: https://www.os-js.org/ Or check out the Demo for yourself: https://demo.os-js.org/
Whenever you try to create a new website, you need a lot of attention toward controlling the flow of data. You always need a better approach to manage your website data, so that your website can run smoothly. Here, content management system comes with the all requirement fulfilling of your website data management. Every E-commerce website uses a Content Management System to handle lots of data req
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門(1日目):Stocker.jp [連載]Webデザイン入門(2:スケッチしよう):Stocker.jp [連載]Webデザイン入門(3:光とボタン):Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。:MAKA-VELI.COM W
Art isn't just about dragging a paintbrush or a stick of charcoal across a sheet of paper anymore. Even just using a camera isn't enough for this modern day and age. Artists like Ayaka Ito use computer programming to create something new and exciting. Graphic designer and illustrator Ito, who originally hails from Japan but currently resides in New York City, tells us that she began her Scribbled
もういくつも出回ってますので今更感 もありますが、個人的にはいくつあって も困らないのでご紹介。レスポンシブ Webデザイン設計用のシンプルなテンプ レート・The Goldilocks Approachです。 殆ど何もない状態なので使いやすい。 いろいろと便利なフレームワ-クはありましたけど、結局フレームワーク自体を自分で作らないとならなくなってくるのでその候補としてメモ。 シンプルなテンプレート。中身が無く、記述だけしていけばいい、みたいなやつです。IEに対応できるようにmodernizrが含まれています。 ケーススタディです。シンプルで1カラム。ちょっとしたプロダクトサイトなんかこういう感じですよね。 ブレークポイントも1つしか設定されてません。 @media screen and (min-width: 30em) and (max-width: 63.236em)そのため、複数グ
To make the process of cropping images easier, I am sharing with you a shape preset and vector file pack that I have been using quite a while for cropping my photographs and with setting up my composition for manipulations. These shapes and vectors are useful for anyone who needs these guides often: Graphic designers, Photographers, Painters… It will make save you a lot of time. download link belo
構図を生かした画像トリミングに活用できるPSシェイプ&ベクター 7 Composition Rules as Free Photoshop Shapes ... 構図は写真撮影においてピントや露出と並んでもっとも基本的で重要な要素の一つです。 後者の2つがカメラ任せにできたとしても構図だけはそうはいかず、ここら辺が素人か否かを分ける最初の関門だったりします。 素人にありがちで最も多いのが『日の丸構図』とよばれる、被写体をド真ん中にドデンと据えた構図で、写真のいろは的には"やってないけない構図"として有名です。 これに対してもっとも基本的なのが『3分割法』という構図法で、全体を3X3に分割してその交点付近に被写体をもってくるというものです。 さて、このあたりの構図法に関する詳しい説明はネット上で丁寧に取り上げているところがたくさんあるので、そちらを参考にしていただきたいと思いますが、今回紹介
インストール関連 CentOSはこっち さくらのVPSにMongoDB+PHP+Apacheをインストールしたメモ http://cloudrop.jp/mongodb/install_memo_on_sakuravps Ubuntuはこっち Ubuntu 10.04にMongoDBをapt-getでインストール http://ruco.la/2011/05/ubuntu-10-04%E3%81%ABmongodb%E3%82%92apt-get%E3%81%A7%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB/ fluentネタ イベントログ収集ツール fluent リリース! http://d.hatena.ne.jp/viver/20110929/p1 fluent + mongodb + node.js でwebアクセスの
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ!というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
最近PHPの中身を探ることが多くなってきました。以前PHPカンファレンス2011で話した「PHPをハックしてオレオレ文法を追加する」のなかでは、PHPの内部の動きを知るにはソースコードリーティングだけだと実際にどんな動きをしているのかわかりづらいので、そういう時はGDB使ってやるといいよ、というふうなことを言いました。とかいいつつ、実際にはGDBを直接使ってはいません。操作がプリミティブ過ぎて使いづらいからです。代わりに、GDBフロントエンドの一つであるCGDBというソフトウェアを利用しています。 この記事ではこのCGDBの概要について簡単に説明します。 CGDBの何が便利なのか GDBフロントエンドには、DDD、Insightなどがあります。また、純粋なGDBフロントエンドの他にも、Eclipse CDT、XcodeなどGDBフロントエンドとしての機能を有しているIDEなどがあります。こ
前回: PHPソースコードリーディング入門(とっかかり編) - id:anatooのブログ PHPのソースコードを読んでいく際に、どうしてもソースコードを読むだけではよくわからない部分というのが出てくる。この記事ではPHPをデバッガで動かして内部の働きを明らかにする方法を書く。 ソースコードの取得 gitから取ってくる。 $ git clone https://github.com/php/php-src.git デバッガで動かせるようにビルドする 余計な拡張は無しで、デバッガで動かせるようにビルドする。configure時に--enable-debugオプションを渡す。 $ cd php-src $ ./buildconf $ ./configure --disable-all --enable-debug $ make GDBで動かす makeした後、コマンドラインで動かせるバイナリは
PHPのソースコードを読むためのとっかかりの話。 ソースコード取ってくる gitから取得できる。 $ git clone https://github.com/php/php-src.git とりあえずビルドしてみる ビルドに必要なツールをインストールした後、buildconfスクリプトを叩いてconfigureスクリプトを生成したのち、通常通りconfigureを叩いてmakeする。例えば、余計な拡張を一切ビルドせずデバッガで動かせるようにビルドしたい場合は以下のようになる。 $ cd php-src $ ./buildconf $ ./configure --disable-all --enable-debug $ makeコマンドラインから叩けるバイナリは、"sapi/cli/php"にある。 $ sapi/cli/php -r "echo 'hello world';" hello
表題の通り,米スタンフォード大が自然言語処理と確率モデルの講義のオンライン公開を始めるようです.Natural Language ProcessingProbabilistic Graphical ModelsNLPを担当するManning先生は,この分野では知らぬものはいない教科書「Foundation of Statistical Natural Language Processing」の著者でもあります.これは必見ですね. なお,以前から公開されていて既に講義や課題が始まっている機械学習と人工知能の講義はこちら.Machine LearningIntro to AI - Introduction to Artificial Intelligence - Oct-Dec 2011 スタンフォード大学のオンライン講義 - nokunoの日記ツイートする
表のような転置インデックス完成後は、クエリに対する結果を返す処理は簡単です。例えば、ユーザーが「Vim」というクエリを発行すると、検索エンジンは「Vim」を含む文書IDリストを返します。表では文書IDの「2」を返します。 検索エンジンを取り巻く7つの技術 検索エンジンのコア技術は前節で紹介したインデックスです。しかし実際に、検索インデックスだけで構成する検索エンジンから、検索サービスを構築するには多大なコストが掛かります。以下の節で検索エンジンを利用したシステム、検索サービスを構築する際に便利なコンポーネントを紹介します。 これらの機能のいくつかは、多くの検索エンジンが組み込んでいます。一方で、簡素な検索エンジンは、以下で紹介するコンポーネントをサポートしていないため、ユーザーが独自に開発するか、その機能を持つコンポーネントを組み込む必要があるものもあります。 【1】トークナイザ 検索エン
モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました(日本時間18日午前3時頃)。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN(コンテンツデリバリネットワーク)などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1)HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Mobl
GoogleOther とはいったい何をしているクローラーなのだろうか? オプトアウトしても問題ないのだろうか?
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。という記事で紹介されているドロップシャドウの表現が興味深かったので、CSSのbox-shadowでつくってみます。 box-shadowプロパティの基本 CSS3 box-shadowプロパティは下記のような指定で、要素に影を落とすことができます。 <code> box-shadow: 2px 2px 3px 1px black inset; /* X軸方向 Y軸方向 ぼかしの大きさ 広さ 色 内側 */ </code> insetは指定すれば影が内側に落ち、省略すれば外側に影が落ちます。 今回はこの内側に影を落とす方法を使い、プラモデルの着色手法であるMAX 塗りと呼ばれるらしいテクニックに似た表現を再現してみます。サンプルデモは下記から。 DEMO 左から順に、下記のような内容で作成しました。 MAX塗り
WordPressWPユーザー向けツール 個人的にWordPress関連の ブックマークを整理したので ついでにシェアしようと思って 記事にします。もしかしたら 役に立つ時が来るかも的な 内容ですが。 個人的にWordPress関連の ブックマークを整理したので ついでにシェアしようと思って 記事にします。もしかしたら 役に立つ時が来るかも的な 内容ですが。 基本的な事はフォーラムやCODEXで事足りますが、それでも無い場合にもしかしたら役に立つかも、といったツール等のご紹介です。ブックマークしたけど未検証のものもありますのでご了承下さい。一応無料のものに絞っているので、Artisteerなども省いています。 seekwp テーマやTips専門のWP専用検索エンジンです。 seekwp WPLookup デベロッパー用のドキュメントやスニペット専門検索エンジン。 WPLookup WPWr
地味に需要があるかな、と思って記事に。 通常WordPressはユーザーIDとパスワード でログインしますが、このユーザーIDの 他に、登録したメールアドレスでもログイン 出来るようにする、というプラグイン です。Webサービスでは良く見かけるの で探してる方もいるかもですね。 土曜日ですし、軽めのネタ。WPでメールアドレスでもログイン出来るようにするプラグインです。 まぁそれだけなんですけども。 せっかくなので日本語ファイルも作りました。翻訳2箇所だけでしたw このプラグインを有効化すればこのようにメールアドレスでもログイン出来るようになります。 まぁそれだけなんですけども。 インストールWP Email Loginをダウンロードして解凍日本語ファイルをダウンロードして解凍し、翻訳ファイルをWP Email Loginのフォルダにコピーサーバーにアップロード管理画面で有効化ログアウトして
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を(触り程度だけでも)理解するHTMLからテー
たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。 STUDIO DESSIGN STUDIO DESSIGN / DEMO MINIMAL DESSIGN THEME MINIMAL DESSIGN THEME / DEMO SWISS DESSIGN THEME SWISS DESSIGN THEME / DEMO STYLE DESSIGN THEME STYLE DESSIGN THEME / DEMO Ulap Ulap / DEMO WP-Wordfinder WP-Wordfinder / DEMO Seven Five Seven Five / DEMO Clear Clear
WordPressをOpneID対応にする プラグイン・Make Your Site Social のご紹介です。世界中の様々な ソーシャルサービスのアカウントを OpenIDとして提供するGigyaを WordPressに適応させるプラグイン になります。 備忘録。WordPressをOpenID対応にします。Gigyaというサービスがあって、WordPressにもプラグインという形でサポートしてくれています。僕も未検証なのでメモということでご了承下さい。 ログイン画面がこんな感じに。対応しているサービスは海外のものが中心ですが、TwitterやFacebook、Googleなど、日本でも身近なサービスにも対応しているのでこれはこれでアリなんじゃないかと。 APIキーとか入れるだけで動くみたいです。ログイン後のリダイレクトも指定できます。 Gigyaのアカウントが必要 Make Your
信じがたいですが、もう3月も終わりそう ですね。なんでしょう、このスピード感。 災害の影響もあってか、凄く時間が過ぎる のが早い気がします。さて、今年も1/4が 終わろうとしてるのでWordPress関連で ブクマした記事をまとめました。取りこぼし てないか、確認がてら如何でしょう。 というわけで今年に入ってブクマしたWordPress関連の記事・国内編です。海外編があるか分かりませんが今日は国内のみの記事に絞っています。 尚、プラグインのまとめ記事的なものはあまりブクマすることは無いのでここにも有りません。ご了承下さい。表題にもあるようにカスタマイズ関連記事ですが、そうでないもの僅かにあります。適当ですみません。順不同です。 WordPressでのページ表示高速化の色々まとめ バージョンが上がるに連れてパフォーマンスも向上してる気がしますが、それでも早いにこしたことないですよね。ほとんど
昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにしたもの。 デベロッパーは最近よくお話させてもらっている@miya0001氏。よく見かける、需要の高そうなfunctions.phpでのカスタマイズをプラグインで一括管理出来るようにしてくれました。 ページ推移も不要で、よく見かけるカスタマイズハックを簡単に行うことができます。 functions.phpに追記すればOKなものばかりですが、もともとコードがごちゃ付いてる場合も多々ありますが、PHPの知識が無いとなかなかテーマファイルに手を加えるのはハードルが高いと思います。そんなノンプログラマーさん向けに作られたプラグインです。 出来ることは以下。プラグインを有効化
見かけたことのないWPギャラリー テーマがあったのでメモ。美しい グリッドレイアウトとダークでクール なデザインが印象的です。いろいろ 多機能で完成度の高いので、この まま使用しても全然問題なさそう。 ギャラリー用のテーマは沢山ありますけど、Grid Lockerも他のテーマに負けず劣らず完成度が高いです。 ブラックカラーをベースとしたクールで重厚感あるデザインです。可変するグリッドレイアウトで時系列を崩すこともありません。 Lightbox Lghtboxによる画像ポップアップ。サムネイルおよび、横長の画像はカスタムフィールドを使用しているようです。名前を「Thumbnail」として、値に画像URLを入力します。画像はcacheフォルダに格納されるみたいですのでご利用の際はパーミッションにお気を付け下さい。 イメージスライド コンパクトなイメージスライドの有無を選択できます。スライドの画
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam
過去にも何度かご紹介していますが、 Media QueryでiPhoneやiPadを含め た、様々なデバイスにレイアウトを調整 済みのWordPressテーマ・BLASKAN のご紹介。シンプルで良かったので 備忘録です。 同じようにMedia Queryを使ったレスポンシブなWebデザインを構築できるWordPressのテーマは過去にまとめましたので合わせてどうぞ。 css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろスマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう新たに仲間入りのテーマです。
クオリティ重視でフリーのWPテーマをリリース してくれるWPShowerから新作がリリースされ たようです。相変わらず完成度の高いテーマ なので思わずメモ。このままでも普通に使えそう ですが、いつもどおり、デザインを割と変更しや すいように無装飾で組んでくれています。 WPShowerのテーマは、いつも装飾が少なく、js込みのフレームワークとして使えるので好きなんですが、最近マネタイズしはじめたので、無料と言ってくれているうちに手に入れておきたいですね。 すっきりとしたグリッドレイアウト。時系列を崩さず、コンテンツを美しく並べてくれます。マウスオーバーで背景がピンクに。サムネイルはアイキャッチを使います。 ページャーはjsでその場で読み込むのでページ推移不要です。 日本語でも美しい。 管理画面でカラーやフォント、グローバルナビ、GAのトラッキングコード埋め込み等の設定もできます。 これでな
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼るカスタムフィールドで管理するz-indexが自動で効くようにしてあげるレスポンシブWebデザインに対応させるYoutubeのサムネイルを取得する管理画面で固定の動画を管理するショートコードで動画一覧をドバッと出せるプラグイン・TubePressショートコードで動画を貼るショートコードでYout
出来なくても困らないけど出来たら出来たで ちょっと嬉しいシリーズです。個人的には結構 地味な実装が好きなのでちょっと多用しそう。 明らかにWeb屋さんが多いともいますので、 ポートフォリオと題名には書きましたけど、 要は固定ページでギャラリーを手軽に作ろう、 という話。 普通にアーカイブファイルを条件分岐で、とかでも出来るんですが、固定ページを使うと実装がかなり楽だったのでこれはこれでアリかなと思いました。 とりあえずコードです。 <?php $num_cols = 4; // カラム数 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; // ページネーション $args = array( 'posts_per_page' => 16, // 1ページに表示するポスト数 'cat' => 0, // 表示させたい
WordPressのログインURLは何もしなければ 知っている方にはバレバレです。個人サイト なら気になりませんが、納品物だと少し不安 ではあるかなと思います。URLを変更するには .htaccessを触る必要がありますが、ハードル が高かったりして手を出せない方もいるかと思 います。 少し前にWordPressを使ってWeb制作をする為の手順リストっていう記事を書いたんですが、この中で紹介したプラグインが便利なのにまだ知名度が低い印象なので改めてご紹介。 WordPressで構築されているサイトのログインURLは基本的にhttp://domain.com/wp-login.phpで共通なので、知ってる人にはバレバレ。これはちょっと気持ち悪いので変更したいところです。 変えるには.htaccessにrewriteコードを追記するんですが、慣れていないと若干ハードルが高い印象です。これを、直
なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。 特徴は・・・ありすぎるくらいです。ちょっと
少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需要のあるTips多め。最近リニューアルしてちゃんとカテゴリ分けしてくれました。単純な単語をタイトルにしてくれているので英語が苦
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、本当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト! WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面:ロゴを変更する ログイン画面:CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
2017年7月14日 Wordpress 5月5日にバンクーバーで開催された「WordCamp: Developers | Vancouver, BC」に参加してきました!WordCampとは、WordPressの使い方やカスタマイズ方法、便利なプラグインなどを紹介するイベントです。前々から参加してみたかったのでとっても楽しめました! ↑私が10年以上利用している会計ソフト! WordCampがバンクーバーであるとの情報をキャッチしたので、すかさずTwitterにて他に行く人いるのかなあ?とTweet。それを見たバンクーバー在住の@CanadaPenguinさんと行ってみる事にしました! 気になったプレゼンテーション カンファレンスの中で気になったものをいくつか紹介します。 ECサイトに対応させるプラグイン 人気のECサイト用プラグイン3つと、その特徴や使い方を紹介されていました。 Sho
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個!』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います!その数も増えて何と30個から45個へグレードアップ!記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです! それでは、少し長いので「続きから」どうぞ~! WordPress
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 皆さんもご存知のように、私はワードプレスを愛用している。私はアフィリエイトサイトの大半でこのプラットフォームを利用しており数千ドル/月の収益を手に入れている。また、このブログを含むブログにも利用している。しかし、このCMSを活用しているのは私だけではないはずだ — 実際に無数のサイトがこのソフトウェアをベースにしている。 そのため、ワードプレスを称賛する声は後を絶たない。しかし、デフォルト時のSEOに関してはメリットの一つに挙げることは出来ない。私は、このソフトエウェアを多用し、検索エンジンのトラフィックのおかげで多額の収入を得るなかで、ワードプレスの設定の最適化における最良の方法を編み出した。
動画で学ぶWebアクセシビリティ Open Accessibility Library Projectを久々にカスタマイズし、携帯サイトに対応しました。元々がブログではないので、PC向けに作ったサイトをどのように携帯向けにするかを書いておきます。 導入 今回は携帯向けに新しくWordPressを入れたりはしていません。元々PC向けに作ったWordPressのサイトそのままを携帯サイト向けに対応してみました。いくつかスクリーンショットを貼り付けておきます。 まず、携帯に対応するためのベースとして、Ktai Style (携帯対応プラグイン)を入れました。 ちなみに、今回はFirefoxのFireMobileSimulatorを使っています。全くの個人で作ったので、予算や時間があるわけではなく、実機を用意することもできていません。そのため、各々の携帯では多少なりとも僕が意図していないデザインに
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ10社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中! シン・レンタルサーバーがキャンペーン実施中!(2024/5/20まで) 実質385円~「利用料金50%キャッシュバックキャンペーン」 出典:シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日(月)まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
WordCamp Kyotoも無事に終わったので、記念エントリー。当日の様子に関しては、 レポート:WordCamp Kyoto 2009 最速レポート|gihyo.jp … 技術評論社 WordCamp Kyoto » スポンサー・スタッフ・参加者によるレポート などをご参照ください。また、プレゼンのスライドは、WordCamp Kyoto » スピーカーのスライド & 資料集で公開されています。 さて、それでは本題。WordPressをCMSとして使用する際に必須のプラグインを自分のメモも兼ねて掲載します。 必須プラグイン //akismet.com/">Akismet:スパムコメントなどの対処。 //contactform7.com/">Contact Form 7:お問い合わせなどのフォームをどこにでも設置できる。 //www.lopo.it/duplicate-post.tar.
2009年10月30日(追記):プラグインを見直し、こちらで公開しています。 2008年8月9日(追記):この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記(2007年7月11日)1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く