サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
都知事選
wp-e.org
齋木です。この記事は登壇者 Advent Calendar 2017の4日目のエントリーです。 この記事では、タイトルのとおり登壇者と運営者それぞれの角度から僕が思うこと・感じていることを書きます。 この登壇者 Advent Calendar 2017、発起人の角田 綾佳さんはじめ、登録者にわりとお友達が多くて嬉しい(てか恐れ多いな…orz) LT登壇のススメ この記事を書くにあたって、今日までの3日間の登壇者 Advent Calendar 2017を拝読した。 どの記事にも「登壇すると幸せになれるよ」と書いてある。 「“登壇者” Advent Calendar」と言いつつほぼLTにしか登壇したことがないのでたいした経験もないのだが、僕も心からそう思う。 内容は他の参加者の記事と被ってしまうところもあるかもしれないが、それは「その人と僕の意見が同じだった」ということ。この記事の信憑性が上
こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」
どうも、featherplain こと Hinotan です。WordPress のカンファレンス WordCamp Kansai 2016 で 「WordPress テーマの継続的インテグレーション(CI)」 という、割りとニッチな話をしてきました。 以下の内容はセッション中やスライドで触れなかったことだけをかいつまんで書く形になるため、スライドを見た前提で進んでいきます。スライドとあわせて読んでいただいて、少しでも参考になれば幸いです。 テストツールの導入について スライドの中盤あたりで紹介をしている PHP CodeSniffer (PHPCS) や WordPress Coding Standards, PHP Mess Ditector (PHPMD) は Composer 経由でインストールできます。もちろん単体でインストールもできますが、Composer の方が管理が楽なので
スクロール位置に応じて画面内に固定されたりされなくなったり、そんな要素を Sticky 要素と呼んだりします。スクロールをトリガーに CSS の position プロパティを切り替えて実装するのが一般的なやり方と思いますが、iOS の Mobile Safari だけはスクロールを一度止めるまで position の変更が反映されない現象が起こります。 文字で説明しても全く分からない気がしていますので、次の画像を御覧ください。 こんな感じで一度スクロールをやめるまで、position: fixed に切り替わって上部に固定されるはずのその要素はまるで応答無く画面外へと消えていきます。メニューを使った例ですが、メニューでなくとも同様です。これは PC ブラウザや Android 端末では発生せず、スクロールイベントの実行頻度を下げたり、Passive Event Listeners を用い
vw, vh, vmin, vmax という単位があるのをつい最近知りました。 随分昔からあったものらしいですが、大変便利なものだったので書いておこうと思います。 上記4つの単位はそれぞれブラウザのビューポートに対する (割合) パーセンテージを指定する単位です。具体的な定義は次の通りです。 単位 説明 vw ビューポートの幅に対する割合 vh ビューポートの高さに対する割合 vmin vw と vh の小さい方に対する割合 vmax vw と vh の大きい方に対する割合 活用例 iPhone6 を例にするとビューポートの幅が375px。このとき100vw が 375px、1vw は 3.75px 相当のサイズになります。 画面サイズ幅一杯の正方形な要素が作りたい時とか { width: 100vw; height: 100vw; } であったり、画面いっぱいのモーダルも、親要素に影響さ
どうもEXPコハダこと清野です。 WordBench東京 2月度勉強会でお話した「WordPressテーマの基本的な仕組み」のスライドが見つかったので、3ヶ月も経過していますがフォローアップの記事を書きたいと思います。 WordPressのオリジナルテーマを作りたいと思い始めた入門者の方がまず初めに知っておくとよい事を3つに絞ってまとめました。 WordPressのテーマって? 執筆したWordPressの書籍の宣伝もかねて、「ビジネスサイトをこれからつくる WordPressデザイン入門 サイト制作から納品までのはじめの一歩」から引用。 WordPressでは簡単にサイトの外観を変更できます。この外観を「テーマ」と呼びます。 書いた投稿やコンテンツは変えずに、外観だけを変 更できるので、そのときの気分に合わせてテーマを変 更することもできます。公式の無料テーマは執筆時点て
今年こそはせめて月に1記事くらいは書こうと思っているショートホープこと齋木です。 『CSSフレームワークはテンプレートじゃない』 少し前の話になるが、『これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』という書籍の出版イベントの時に、著者の一人である松田さんが『CSSフレームワークはテンプレートじゃない』ということをおっしゃっていた。それまで僕自身ろくにCSSフレームワークを使ったこともなく、なんとなくCSSフレームワークに手を出しづらい感じがあったのだが、それまでのもやもや感が吹き飛ばされる思いだった。 デザインテンプレートのような使い方を想定して、なんでもかんでもCSSフレームワークのものを使おうとするから「似たようなデザインになる」という変なことになるわけで、『必要な部分だけ読み込ませて使えばいい』というやはり著者の一人のこ
昨年の”2014年 Web 制作に使い始めてよかったツールとかいろいろまとめ” に引き続き Web 制作業4年目のぼくが2015年に取り入れてよかったあれこれリストアップしてみます。昔からあるものも含まれていますが、その辺り2015年と共に水に流して頂きますようお願いします。 React https://facebook.github.io/react/ JavaScript フレームワーク戦争を語ると話が長いですが、ぼくは React 採用しました。Material UI など既にコンポーネントが豊富なことや ES6 で書ける、一方通行のバインディングなど魅力的です。 react-starter-kit https://github.com/kriasoft/react-starter-kit React Express Flux ES6+ JSX Babel PostCSS Webpa
【使ってみよう(・∀・)】WordPressのローカル環境 Vagrant & VCCW 【入門者必見!】 この記事は「WordCamp Tokyo2015リレーブログ」の第8日目の記事です。 昨日の最近ムジナになったたぬきさん(謎)に引き続き、こんな機会でもないと記事が書けなくなってしまったショートホープこと齋木ですorz 最後に書いた記事が2月とかどういうことだ!ちっとも「more publishing」してないやんか!ということで自分で自分のおしりを叩いてpublishします。 できるだけ簡潔に、わかりやすく書いたつもりですが、もし、わからない・違う!などあればどんどん突っ込んでください! 1. Vagrantの導入 1-1. VirtualBox の導入 https://www.virtualbox.org 今年の7月にVirtualbox 5.0が正式リリースされた。トップページ
2015年12月1日追記 : Twitter のツイート数取得 API count.json の提供終了に伴い、内容を修正しています。 EXP では以前まで WP Social Bookmarking Light を使っていましたが、つい最近オリジナルのシェアボタンに切り替えました。ただし、pocket は公式の API が公開されていないので公式ボタンを採用しています。この記事では Facebook、はてブ、Twitter のオリジナルシェアボタンの実装方法を紹介していきます。 目次 Facebook 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 はてなブックマーク 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 Twitter 事前知識: 公式ボタンの設置方法 オリジナルボタンの実装方法 pocket さいごに PHP JavaScript Faceboo
久しぶりのショートホープです。ちょっと見てみたら前回の更新が4月でした本当にごめんなさい。日々の忙しさにかまけて更新をすっかりサボっていましたが、ちゃんと仕事はしてます。 先日、5年ほど使っていた白ポリカたん(MacBook 2008 Early)からMBP(MacBookPro 2013 Mid)にメイン機をバージョンアップしたものの、バタバタしてていつまでたっても環境の移行が終わらないorz そして速さに慣れない(´・ω・`) いきなり告知 いきなりだが、この記事は来たる10/11(土)に大田区蒲田にある大田区産業プラザPiOで行われる、WordPressのイベントとしては日本で最大規模の「WordCamp Tokyo 2014」開催に向けてのリレーブログのひとつとして書いている。 昨日のwayさんの記事に引き続き、この記事がリレーブログの第二弾、ということになる。 ちなみに、こちらの
燃え尽きたあとのリカバリーに時間がかかっているショートホープです。自分で思っている以上におっさん化が進んでいるようです。 プロとして恥ずかしくない新•WEBデザインの大原則 つい先ごろ発売された「プロとして恥ずかしくない 新・WEBデザインの大原則」、すでに手に入れられた方も多いのではないだろうか。書店で見かけた、あるいは実際に読んでみたという方もおいでだろう。 もともと、本書の前身である「プロとして恥ずかしくない WEBデザインの大原則」が出版されたのが2005年、途中で改訂版が出ているとは言え、技術の進歩の早いWebにあって、10年というのは既に「ひと昔前」ではなくなってしまっている。 そこで、同じコンセプトのまま内容を現状の制作状況•環境に合わせて一新したのが本書だ。 概要 本書は全7章構成となっていて、それぞれ制作環境の背景から現状、これから考えられる方向性•最新技術まで網羅してい
何処かで聞いたことのあるタイトルですか? 気のせいです。Web 制作業3年目のぼくが2014年に取り入れてよかったあれこれリストアップしてみます。残念ながら2014年の最新はこれだ! という感じにはならず以前からあるものが殆どになりましたが、2014年と共に水に流して頂きますようお願いします。 BEM https://bem.info/ 最初の拒絶反応から一転、もう BEM 無しに CSS 設計はできなくなりました。BEM の思想に対して記述の方式は色々ありますが、ぼくは block__element--modifier と接続する MindBEMding の書き方をしています。 Template engine (Jade) https://jade-lang.com/ 静的サイトや CMS サイトのプロトタイプモデルとして html を 生成する際に重宝しています。ぼくは Jade を使
この記事はSublime Text Advent Calender 2014の22日目の記事です。 先日参加したCPI x CSS Nite x 優クリエイト「After Dark」(17)「webクリエイターのための情報交換所 スペシャル」のライトニングトークで燃え尽きてしまったショートホープです。年内は吸い殻のフィルター部分がお送りします。 Advent Calender Web制作者ならこの時期目にすることが多いだろうAdvent Calenderに初めて参加してみることにした。とはいえネタがなくて既に日付は担当日に…orz そこ、焼き直しとか言わないw 今年の3月にsublimeかわいいよsublime(;´Д`)【Sublime Textの(初期)設定環境を晒す】というタイトルで自分の設定を記事にした。 ちょうどオレンジ本の出版イベントと重なったこともあって、イベントのFBページ
ここ最近「Web関係者によるWebと全く関係ないテーマの飲み会」づいているショートホープです。全然関係ないテーマで大盛り上がりしていて、こういう集まりもいいもんだな、と思いました。 僕がなにかできるとしたら「Web制作者のためのバイク乗り飲み会」くらいしか思いつかないんだけど、その『飲み会』、絶対にやっちゃアカンやつや…(´・ω・`) さて本題 WP-Dのメンバーでもあるよつばデザインの後藤さんからお声がけいただいて、去る12/18にKDDIウェブコミュニケーションズ セミナールームで行われたCPI x CSS Nite x 優クリエイト「After Dark」(17)「webクリエイターのための情報交換所 スペシャル」に参加し、「node.jsことはじめ・Browser-Syncで楽々コーディング」というタイトルのライトニングトークで登壇してきた。 ろくに登壇した経験もないのにいきなりC
突然ですが、WP-Eの面々と合宿に行ってまいりました! 場所は長野の野尻湖「LAMP」 そう、あのLIGさんが運営しているゲストハウスです。 これが野尻湖です。とても、良い場所でしょう。 この景色が一望できる場所が1泊2,700円というお値段で泊まれます。 BBQメニューもあります。 火おこししているのはLIGを左遷になり今はLAMPを運営されている堀田さんです。 左遷はネタだという噂も出ていますが、本当に長野に左遷されていました。 なんかもう、LAMPの支配人が完全に馴染んでいる感じですね。 むしろ栄転なのでは… 場所の名前がLAMPなのでLAMP(Linux,Apache,MySQL,PHP)を勉強する合宿を開催しました。その場でさくらのクラウドを借りてLAMP環境を構築したり、コマンドでLinuxを操作する方法を勉強しました。 資料はアシアル塾のLinux超入門編を使っております。
渾身の釣りタイトルからこんにちわ。あんどーです。ジョークに近い記事ですので、軽い気持ちでお読みください。 みんなFacebook大好きですよね? Facebookは今やすっかり日本にも定着したSNSとなりました。 先日Facebookが数十分ダウンした際、Twitterのタイムラインは「Facebook落ちてる」一色になり、果てはNHKのトップニュースに上がっちゃうぐらいみんなFacebookが大好きだし気になってますよね? でもなぁ・・・Facebookって「アレ」がなぁ・・・。 「アレ」とは?そう、お誕生日通知ですね。 心をこめたお祝いメッセージ? 大抵の人は、お祝いの言葉を受け取るのは嬉しいものだと思います。 お祝いをする自分も、純粋におめでとうの気持ちと、お誕生日の方との思い出を振り返ってみたりして、言葉を贈るものですね。 ですがしかし、まだ知り合って間もない人、あまり面識自体が多
とても使い勝手のいいPHPフレームワーク、FuelPHPをただいま絶賛勉強中です。 先日、サーバーの更新で新しい環境にCentOSをインストールして、既存のwebサービスを移して運用しようとしたのですが、PHP4で書かれた多くの部分(中にはPHP3)が、warningやらFatalやらが出てきて、該当部分を書き直す事になりました。更新したマシンのPHPがすでに5.3だったためなんですが、いまさら5.2とか入れたりしません。推奨非推奨の確認もそうですが、そもそもダメな部分もあったりして、ほぼ作り直しな部分もありました。 今後も使っていただけるのであれば、統一されたフレームワークで作りなおしてみても面白いかも? 探していたら、ありました。FuelPHP。なんかもう僕的には、JavaScript使っていて、初めてjQueryに触れた時のような感じがデジャヴのように蘇ってリフレインしてフラッシュバ
次のページ
このページを最初にブックマークしてみませんか?
『https://wp-e.org/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く