16 Best React Native App Templates of 2023 (+3 Free) | Envato Tuts+
3. Oreo Fashion: Full React Native App for WooCommerce OREO is a best-selling React Native app template that's perfect if you want to build mobile applications for owners of physical stores. OREO is also a top choice for converting a WooCommerce store into a native mobile store. Its feature list and user-friendly design make it one of the best React Native templates for 2022. 4. Felix Travel: Reac
【CSS】汎用性を重視したCSSアニメーションボタン30種類
WordPressテーマを制作する際、テーマごとでCSSボタン用の装飾(特にマウスオーバー時のエフェクト)をデザインするのですが、ユーザーがボタン用のセレクタのみで利用できるよう、一定の汎用性を考慮した条件下でデザインしています。 例えば、提供中のWordPressテーマでは、<a href="#" class="btn">ボタン</a> とするだけで以下のボタンスタイルでテキストを表示できます。 Clarityテーマのボタンデザイン Luminousテーマのボタンデザイン 今回は、そんな汎用性重視のCSSボタンをひたすら30種類つくってみました。 汎用性を考慮したCSSボタンの要件 ボタンはボタン用のセレクタを持つタグでテキストを括るのみのHTML(例 : <a href="#" class="button">ボタン</a>)で構成する。 →ボタンデザインやエフェクトのためにspanやd
コピペで簡単！アニメーションを使ってはてなブログを超おしゃれにするカスタマイズ術 - ひつじの雑記帳
今まで様々なブログを見てきて、はてなブログはWordPressのブログに比べてアニメーションを使っているものが少ないなと感じる場面が何度かありました。おそらく、「必要性を感じてないから使ってない」わけではなく、「やり方がわからないから使ってない」ひとがほとんどだと思います。場面によってアニメーションはものすごく重宝されるものであるのに、「知らないから」で済ませてしまうのはすごく勿体なく感じます。 そこで今回は、誰でも簡単に文字や画像にアニメーションをつける方法とアニメーションを使ったはてなブログの応用カスタマイズ例を紹介しようと思います。後者については、実践しているひとを滅多にみないので自分のブログにオリジナル性を出したいという方は是非参考にしてみてください。 スポンサードリンク そもそもアニメーションとは はてなブログで誰でも簡単にアニメーションをつける方法 導入方法 その１ その２ ア
React + Redux + WP REST API + SSRで爆速ブログを作ったので事例として紹介します
WordPress 4.7では、これまでプラグインとして提供されていたWP REST APIが機能として組み込まれ、標準でREST APIが使えるようになりました。このことにより予想されることは、PHP以外のプラットフォームで、WordPressのブログテーマやWordPressの機能を使ったサービスが今後どんどん生まれてくると言うことです。 ちょうど自分の扱っている新規事業の企画でブログメディアを作ることになりました。新しいメディアを運営する上で、技術的にも注目されるようなものを作りたいと思ったので、今回このWordPressのREST APIを使って、React + Reduxベースでブログを作ることにしました。爆速なブログができあがったので事例として紹介させてください。 LifeGadget（ライフガジェット）人々の日常生活に役立つ情報（ライフハック術、ガジェット、アプリ、サービスな
サーバわからないエンジニアがサーバレスでエントリーフォームをつくった件 - 弥生開発者ブログ
こんにちは！ Misoca開発チームのめろたん(@renyamizuno_)です！ 最近急に寒くなってきましたが、皆さんはいかがお過ごしでしょうか？僕はすこぶる不調です。 写真は新幹線内で撮った最高に不調な僕と、すこぶる元気な植物とのツーショットです。 最近あった面白いこととしては、少し前に学生時代の後輩達とキャンプに行ったのですが、買い出しのときの出来事で 僕「マシュマロ買ったし竹串いるよね」 後輩氏「たしかに。探してきます」 僕「ういっす」 さつまいもを手にした後輩氏「串なかったですわ。」 一同「？？？？？？？」— めろたん。れんやたん。 (@renyamizuno_) October 8, 2016 これが最高にロックでパンクで面白かったです。 「えっ？なんすか？」みたいな顔でかごにそっとさつまいもを入れていたのも最高でした。 はい。 弊社は採用活動を活発に行っています。 その一環と
初心者がwordpressでポケモンGOのアンテナサイト作ってみた
初心者なので作業に時間がかかったせいでちょっと乗り遅れてしまいましたが、ポケモンGOの情報収集サイト作ってみました。 宣伝と備忘録をかねて今回アンテナサイトを作成するのに使用した情報をご紹介したいと思います。 ジャンルを変えれば自分の好きなジャンルでのアンテナサイトを作れるのでぜひ試してみて下さい。 【作成サイト】 サイト名：ポケモンGOまとめ速報 URL:http://pokemon-go-matomesokuhou.com/ ★お借りしたレンタルサーバー ■エックスサーバー ★使用ソフトウェア ■wordpress 有名なオープンソースのブログソフトウェア。「wordpressってそもそも何？」という方は下記をどうぞ。 ・【まるで教科書】ワードプレスとは？を噛み砕いて解説！：http://worpre-lab.com/wp/ ・WordPressとは？ | WordPress超初心者講
だからみんな、Vimになれば良いのに… - はてな村定点観測所
2016 - 03 - 20 だからみんな、Vimになれば良いのに… シェアする Twitter Google+ Pocket 春分の日 は.vimrcを編集する日 皆さんは テキストエディタ は何を使っていますか。メモ帳？ 秀丸 ？ GNU Emacs ？私は Vim です。 鬱が開けて 春分の日 で季節の変わり目なので、.vimrcを装い新たに編集することにしました。 Vim の プラグイン 管理にはneobundleを使っていたのですが、neobundleが オワコン になることがアナウンスされていたので Vim -Plugに乗り換えました（dein. vim にはしませんでした）。 ついでに Gmail とか Twitter とかも Vim で読めた方がいんじゃね？と思って.vimrcの全面的な書き換えに着手。.vimrcが680行くらいになりました。 はてなブログ や WordP
CSSで“蛍光ペン”っぽく文字にマーカー線を引く方法 | vdeep
こんにちは、okutani(@okutani_t)です。Twitterでこんな質問を受けたので、取り急ぎ記事にしてみました。 @okutani_t 文字の下に可愛い蛍光マーカー引いた風にするのってどうやるんですか？？ お手すきの際に教えて下さいませ…！ — 一ノ瀬あや(恋愛コラムニスト) (@ichinoseaya) 2016, 2月 21 というわけで、「CSSを使って蛍光ペンっぽく文字にマーカー線を引く方法」を記事にしてみたので、サクッと見ていきましょう！ スポンサーリンク HTML側の準備 HTMLでは次のようにしてあげればOKです。HTMLがよくわからない人は、とりあえず投稿画面に次のように記述すればOKなのね、ぐらいに捉えておいてください。 また、WordPressを使っている人は「テキストモード」にしてから記述しましょうね。 ・文字強調なし <span class="gray-
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
プログラミングの勉強に役立つ優良ブログ8選
プログラミング初心者が最初につまずき易いポイントに「解決できない」「分からない」ということがあります。 そんな時は疲れもドッとでますし、モチベーションもダウンしてしまいます。 今回ご紹介するブログは、そんなつまずきからあなたを救ってくれると思います。 同じように苦労してウェブやアプリ開発している方もいらっしゃいますので、他の人のやり方を少しのぞいて参考にしてみてください！ "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 初心者・非エンジニアが参考にし
WordPress のオリジナルテーマ開発で使用した技術やツールまとめ | WP-E (仮)
どうもどうもお久しぶりでございます、EXP の Hinotan です。私の前回の記事の日付を見てみたら、なんと１年も前だったんですね―。こりゃイカン！ ということで、今回は EXP の WordPress オリジナルテーマ開発で各制作フローごとに使用した技術・ツールなどの紹介をしたいと思います。 目次 チーム開発で必要なドキュメントの策定: GitHub Wiki デザイン: Sketch Page と Artboard の機能 ダミー画像の生成もプラグインでらくらく 環境構築 GitHub Flow でチーム開発 開発マシン: vccw gulp でビルドとコンパイル コーディング Jade でプロトタイピング BEM に準拠した CSS 設計 CSS フレームワークの foundation を Sass でカスタマイズ _s ベースで WordPress へ組み込み 最後に 1. チー
基礎からすぐできるAWS 簡易ブログシステムの構築４ | クラウド工房 Powered by Amazon Web Services
基礎からすぐできるAWSと題した簡易ブログシステム構築の４回目です。前回はWebサーバーインストール～ファイアウォール設定～DNS名前解決設定を実施しました。今回はDBサーバーインスタンス作成～接続確認～NATサーバーインスタンス作成～疎通確認を行います。 AWS上にVPCを一つ作成し、その中に公開用のVPCサブネットとプライベートのVPCサブネットを作成します。公開用のVPCサブネットにはWebサーバとDBサーバのインターネット接続用NATサーバを構築します。プライベートのVPCサブネットにはDBサーバを構築します。 作業は検証環境の作業端末から接続します。 ・検証環境の構成図 図１ 構成図 ・実施内容 AWSにアカウントが作成されているものとします。（今回は⑩～⑭まで。） ① VPC作成 ② VPCサブネット作成 ③ インターネットゲートウェイ作成 ④ ルートテーブル作成 ⑤ インスタ
Wordpress + Heroku + PostgreSQL + Amazon S3 = ¥0 / 無料でサイト運営
WordpressをHerokuで運営すると何かと楽だなぁと思ってやってみた。タダだし。 でも実際はけっこうハマったりもした。書いておかないと確実に忘れる。 2015/06/01 Herokuの新プラン発表で18時間だけ無料になってしまいました。 Herokuが無料でなくなる日 | Workabroad.jp 24時間稼働は$7かかります。 2015/02/20追記 パーマリンクを変更しても、しばらくするとまた元に戻るという現象が起こりました。 mod rewriteの設定をすれば直るようです。 http://blog.mah-lab.com/2013/05/01/wordpress-on-heroku/ 2015/02/02追記 wp-configの設定が足りなかったので修正 最初は自力でやろうかなと思ったけど、途中でハマりだしたので他の人の力を借りようということに。 2015年1月現在
WordPressで「ささっと作る」で請けれなくなってる現状。 | バニデザノート
WordPress案件、前からいろいろ請けさせてもらっているんですが だんだん「簡単にー」っていう範囲から外れてきていて どんどん予算もかさばっている現状があります。私なりの把握していることを書いてみます。 WordPressが広まりだした頃から、アタックを受けやすくなっているWordPress。 WordPressが動いて安くて便利なロリポップでのアクセス制限のハードルが高いです。 一時期特にロリポップがやっていた「簡単インストール」でやっていたロリポップ加工版のやつに穴があった（？）か何かで、ファイルアップロードしているものにも影響が出てくるように。 ログインのアドレスを変えてみたり、サーバーに関係なくアタックへの対処法っていろいろあったんですが、どんどん.htaccess制限されちゃって。 個別IPアドレスを通す設定にしてるものだから、「IPアドレスって何？」って人にはすごいハードル
[記事移転済]WordPressサイトを構築するといくらかかる？ 見積り勉強会で価格を出してみた | WordBench
はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、本件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IT業界・エンジニアの転職ならTech Stars Agent
ゆるいフリーイラスト素材集「ぴよたそ」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WordPress Themes, HTML Templates - ThemeForest
