全くの初心者が独学でWeb制作できるようになるまでの効率の良い勉強の進め方
独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ
サンプルコードを見ながら WP REST API でテーマを作ってみよう - アウトプットファーストを目指すBlog
2016年11月追記: REST API について、Riot.js を利用した使用方法も紹介しています。合わせてご覧ください。 「WordPress ユーザーのための Riot.js 入門」デモの使い方 すべりこみセーフ！WordPress Advent Calendar 2015 10日目担当のもりやまです。23時以降の投稿となってしまいました。 先日の WordCamp US で、Build a Theme with the REST API というセッションがあり、実践的な内容だったので、やってみるついでに記事にしてみました。 ちなみにスピーカーのレイチェルベッカーさんは、WP REST API のメイン開発者のひとり。WP REST API を深く理解している人がつくった質の良いサンプルコードです！ WordPress でふだん制作をしてるデザイナーさん＆コーダーさんにおすすめ と
WordBench東京 3月勉強会 「WP REST API をハンズオンで学ぼう」
◆必ずお読みください 休日のため1階の入口からの入場になります。 14:30以降は入場できない可能性がありますのでご注意ください。 万が一遅れた場合は @wb_tokyo 宛にお知らせください。Twitter が使えない場合はこちらのフォームからご連絡いただくこともできます。いずれもすぐに対応できない場合もありますので入場時間にご注意ください。 ◆今月のテーマ「WP REST API をハンズオンで学ぼう」 対象者 WordPress でテーマまたはプラグインを制作したことがある方 または、JavaScript の知識があり WordPress との連携について学びたい方 今月は WordPress 初心者向けの内容ではありません！ご注意ください 参加要件 以下の条件を満たさなくても参加すること自体は可能ですが、手を動かした方が面白いのでがんばって環境構築してください。 ローカルにインスト
2016 年の WordPress
Noel Tock一年前、2015年の WordPress という記事を公開しました。振り返ってみて、実現されるスピードはさまざまでありながらも、そこで書いた予言の大部分が、正確であったことを嬉しく思います。ここで読むことができます。 2015年は、WordPress とそのエコシステムにとって、またしても大きな年となりました。世界中のすべてのウェブサイトのうち、WordPress が使われているサイトの割合が 25% を超え、WordPress 自体にもレスポンシブイメージや REST API の導入が成されました。周辺のエコシステムも力強く成長し、たとえば Automattic による WooCommerce の買収、30万ドルくらいであったと言われていますが、こうした出来事を私たちは目撃しました。WordPress.org 上にある4万以上のプラグインは10億回以上ダウンロードされる
覚えておきたい「シリアライズ serialize」 | hijiriworld Web
シリアライズとは、ソフトウェア内部で扱っているデータをそのまま、保存したり送受信することができるように変換することです。 データベースに配列データをそのまま保存したい時などに使います。 通常、データベースには「フィールド：値」という形式で保存される為、配列データをそのまま保存することはできません。 仮に「array(‘a’, ‘b’, ‘c’)」という値を保存したとしても、それはただの 文字列 にすぎません。 一方、シリアライズすると、配列データを配列データとして保存することができます。 特に、配列の要素数や構造が動的に変化するデータを取り扱う場合には、必ずと言っていいほど使うでしょう。 では、シリアライズによって、データがどのように変換されるかを見ていきます。 まずはPHPのシリアライズから。 PHP – serialize() シリアライズ シリアライズ後の文字列は「型:値」の形式に変
デザイナー・コーダー注目の Advent Calender 2013 まとめ | バシャログ。
キッチン泡ハイターってスゴい汚れが落ちるらしいですよ！こんばんはLatinです。 さて、2013年も終わろうとしている訳ですが、今年のアドベントカレンダーも盛り上がっております。デザイナー・コーダー寄りで個人的に気になるアドベントカレンダーをまとめてみました。 デザインツール系 Fireworks Lover Advent Calendar 2013 UI Design Advent Calendar 2013 #LOVEFONT Advent Calendar 2013 X'mas Card Design Advent Calendar 2013 HTML/CSS Frontrend Advent Calendar 2013 HTML5 Advent Calendar 2013 CSS Property Advent Calendar 2013 WordPress/Movable Typ
WordPressテーマの作り方 » WordPressテーマカスタマイズレッスン
WordPressのテーマの作り方＆カスタマイズ方法について記事を書いています。 2014/10/13 ↓の通り、当初主に書きたかったことはほぼ終えました。今後当面は、WordPress運用時の周辺知識について書いていこうかと思います。 2014/8/21 毎日暑い日が続きますが皆さんお元気でしょうか。このサイトを立ち上げてから2年が経過しました。WordPressテーマのカスタマイズについて、当初書きたかったことの大半は書き終えました。ここからどうするか迷い中です。何かリクエストがあればお応えできるかもしれません。何かあればtwitterまで。=>twitter 2014/1/14 明けましておめでとうございます。今年も宜しくお願いいたします。前回記事Upより１ヶ月以上が経過してしまいました。今後の予定項目を大幅に変更しました。教科書的内容から、実践的内容に変えました。
WordPressのログイン画面をスーパーカスタマイズ！ | Firegoby
BookPressで、WordPressのログイン画面をカスタマイズする必要があったので、CSSとJavaScriptをつかって頑張ってみました。 あいにく wp-login.php は若干コツが必要です。 wp_enqueue_style() が期待通りに動かない… wp-login.php で、CSSやJavaScript を使用するには、login_enqueue_scripts というフックを使用します。 ただし、このフックで wp_enqueue_style() を使用しても、<link /> タグがフッターに出てしまいます。 これは以下のチケットでも報告されてるんですが、なぜか修正されてないようですね。 #17916 (Enqueued styles are only printed on login_footer in wp-login.php) – WordPress Tr
WP-Mix | A fresh mix of code snippets and tutorials
Block Multiple IP Addresses from Text File with PHP Here is a fun little tutorial. It shows how to block multiple IP addresses that are listed in a plain text file. It’s a nice little system to block bad IP addresses without using any database. For example, this is useful if you’ve got a bunch of IP addresses that you want to block quickly. […] CSS Selectors and Default Styles for the WordPress Ad
フッターに記載するコピーライトの年表記を自動更新する方法
今回はとっても小ネタです。 たいがい、どこのサイトでもフッターに入れているコピーライト表記ってありますよね。 形式としては© 開始年-現在年 Name All rights Reserved.というのが多いかなと思います。この現在年を自動で更新する方法を紹介します。 Photo:Large copyright sign made of jigsaw puzzle pieces By Horia Varlan 本来的なコピーライト表記 いろいろなサイトを見ていると、上述した表記例が多く見られますが、実のところコピーライト表記は以下の記述で十分だったりします。 © 開始年 Name 現在年とかAll rights Reserved.とかは、正直必要ない文言なんですね。 それどころか、現在カンボジア以外の国はベルヌ条約を締結して、無方式主義が採用されているので、カンボジアでの著作権保護対策さえ考
WordPressを高速化する9つのステップ | PLUS
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7ｓかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
WordPress を使いこなそう
2. 自己紹介 WordPress Plugins/JSeries プロジェクト の一員で、主に WordPress のプラグイン をつくっています。 Head Cleaner - <head> 部分のお掃除をするプ ラグイン OAuth Provider - WordPress を OAuth プロ バイダにするプラグイン http://profiles.wordpress.org/wokamoto 2012年8月23日木曜日 3. WordPress のパフォーマンス チューニング済 AMI "網元" を 公開したりしました。 http://ja.megumi-cloud.com/ 2012年8月23日木曜日
RetinaサポートWebへの第一歩 – Taiyo Fujii, writer
iPhone 4、iPad 3でスクリーンを改革したAppleが平然とデスクトップにも切り込んできた。 MacBook Pro Retina のことだが、一度触るともう戻りたくなくなるほど美しい（個人的には MacBook Air を買ってしまったんだけど）。そんな美しいスクリーンの価値を落とすのがWebサイトだ。画像の解像度を間違ってしまったかのような見栄えになってしまう。 まず、一番簡単なあたりから。WordPressを使っているなら、Retina for WPを使えばエントリーにアップロードするメディアに限っては簡単に Retina 対応できる。昨日アップロードしたエントリーで使っているが、 window.devicePixelRatio をJavascriptで判定して cookie を喰わせ、読み込む画像を判定している。 [retina normal=”http://blog.t
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating a WordPress Post Text Size Changer Using jQuery | Envato Tuts+
Blogs and tutorials on Angular, NGRX, TypeScript, RxJS, React and everything web!
CSS 20 stunning examples of CSS 3D transforms
Derek Banas