to extract .wpress
1. Make sure Node.js installed
node --version
2. cd to the directory where .wpess is, then run a command
npx wpress-extract filename.wpress
DONE!
to extract .wpress
node --version
npx wpress-extract filename.wpress
DONE!
for migrating Ubuntu22, php8.1, I’ve updated my blog (wordpress) too.
!IMPORTANT even to migrate from another server, frist create a default ‘wordpress’ dabase, then change ‘wp-config.php’
owncloud stop supporting php8. So I decided to move on to next. nextcloud!
I’ve been upgrading ubuntu18 to 22. It’s a pretty big jump, so many major upgrade required. And since owncloud I’ve been using no longer support PHP8, so decided to search alternative.
This is great how-to article: https://www.linuxbabe.com/ubuntu/install-nextcloud-ubuntu-22-04-nginx-postgresql
basically follow the instruction above and good to go except I use mysql instead.
I’ve already installed phpMyAdmin so I use to create a database for nextcloud (as ‘nextcloud’) and be able to use with my account, not root. then change the entire nextcloud folder to sudo chown www-data:www-data
run certbot to make ssl enable.
then access to the nextcloud, using the GUI to set up my account.
then download the desktop app to my mac, install, configure to sync the cloud folder <> mac local.
the sync speed is pretty fast. I’m impressed but it’s been more than 7 years I’ve used the owncloud, it’s good to be updated.
This is for vue 2
First: install ‘vue-gtag’ . this should be Ver 1. And it works with GA4 too.
IMPORTANT: add @legacy
npm install vue-gtag@legacy
Second: Update main.js
NOTE: use “vue-router” to automatically log “pages”
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
// vue-gtag
import VueGtag from 'vue-gtag'
Vue.use(VueGtag, {
config: {
id: 'G-xxxxxxxxx'
}
}, router)
new Vue({
router,
render: (h) => h(App),
}).$mount("#app");
DONE!
$ sudo certbot --nginx
$ sudo certbot --nginx -d example.com
$ sudo certbot certificates
NOTE: check each nginx conf files updated by Certbot
$ sudo certbot delete --cert-name example.com
$ sudo certbot certonly --expand --cert-name existingdomain -d existingdomain.com,www.existingdomain.com,new.existingdomain.com
In case, accidentally deleted a certificate, here how to fix.
sudo certbot certonly --standalone -d deletedDomainname.com
Since still nginx.conf contain information about the deleted certificate, it need reissue certificate ONLY = certonly flag to avoide nginx error such as:
nginx: [emerg] cannot load certificate "/etc/letsencrypt/live/domainname.com/fullchain.pem": BIO_new_file() failed (SSL: error:80000002:system library::No such file or directory:calling fopen(/etc/letsencrypt/live/domainname.com/fullchain.pem, r) error:10000080:BIO routines::no such file)
nginx: configuration file /etc/nginx/nginx.conf test failed
こんにちは、koo design studio です。 ロサンゼルスのサウスベイエリアの外は潮風が吹いていて快適です。みなさん、良い夏をお過ごしください。
ところで、私はちょうどウェブフロントエンド制作を Manhattan Beach, CA. BeachCoders Academyの教え始めました。 興味がある場合は、https://beachcoders.comを確認してください
他のビジネスと同様に、制作プロセスは多くの面で非常に良く似ています。 マルチメディア制作現場では誰がどのような機能を担っているのかを共有したいと思います。
プロデューサー
階層のトップ。特に財政と予算の面、最終の流通を含むすべての制作とその作品に責任があります。そして、監督、脚本家など、各役割の責任者を選んで割り当てます。
ディレクター
ストーリーテリングの達人。すべての制作を担当するディレクターであり、予算と期日内に作品を完成させます。また、撮影監督、キャスティングディレクター、サウンドエンジニア、制作コーディネーター、ロケーションマネージャー、映画編集者、vfx技術者等を選択して割り当てます。
撮影監督
責任を持って画質を管理します。 光、影そして色。<br>撮影監督は、照明技術者、グリップ、ドリーなどを割り当てます。ほとんどの場合、フレーミングの決定はディレクターによって行われます。
音響録音エンジニア
音声を録音する責任があります。また、予期せぬ不要な音が聞こえた場合は、直ちに撮影を中止する権利があります。
制作コーディネーター
制作における人(クルーとキャスト)やその他の要件に責任を持ちます。
ロケーションコーディネーター
撮影場所を担当します。 適切な場所を見つけて、許可を取得します。
スタジオ/セットコーディネーター
サウンドステージを担当し、セットを構築します。
メイクとヘアアーティスト
俳優のメイクや髪の毛を担当します。
コスチューム、ワードローブ、小道具
デザインと準備を担当するデザイナー。
VFX/SFXコーディネーター
VFX/SFXを担当します。
編集者
映画/ビデオの編集を担当します。
作曲家およびサウンド/オーディオエディター
音楽、オーディオ、効果音を担当します。
俳優
そしてもちろん、もっといろいろな人達!
プロダクションのサイズはスケーラブルです。常に舞台裏で多くの人が関わっています。視聴者に素晴らしい体験を提供するために、すべての人が一生懸命働いています。もちろん自分ですべてを行うこともできます!
また、あらゆる規模の制作についてヘルプやアドバイスが必要な場合。いつでもご連絡ください!!
こんにちは、koo design studio です。独立記念日の花火楽しめましたか?
ビデオ撮影のヒントをいくつかシェアします。
必要なもの
する事
ビデオ制作は楽しいですよね。より注意深く撮影すれば、より良くなります。有名な作家の言葉に「誰でも文章は書ける。ペンと紙だけあれば良い」とあります。ビデオはもう少し必要ですが、割と手が届く範囲で始められると思います。プロになるのはまた別の話になりますが。
もしプロフェッショナルサービスが必要な場合は私にコンタクトをお願いします!!
case: remove a row with FOREIGN_KEY
SET FOREIGN_KEY_CHECK = 0;
DELETE FROM `tableName` WHERE (id = `idNumber`);
SET FOREIGN_KEY_CHECK = 1;
case: reset AUTO_INCREMENT id MAX
ALTER TABLE `tableName` AUTO_INCREMENT = `value`;
The ‘value’ is where the AUTO_INCREMENT starts next time.
SELECT @max := MAX(ID) + 1 FROM `tableName`;
PREPARE stmt FROM 'ALTER TABLE `tableName` AUTO_INCREMENT = ?';
EXECUTE stmt USING @max;
DEALLOCATE PREPARE stmt;
case: unable to enter `emptyValue` ” to a NULL space. (once rebooted mySQL, run the command)
SET @@global.sql_mode = '';
Finally updated my mentality to Vue 3. I’ve updated my Mac OS from Catalina to Monterey a while ago and started to thinking about software update accordingly. The big one was Node, I’ve been using the version 12 for such a long time, so decided to update to v16. Thanks to nvm, I can switch versions when I needed. And started to try Vue3.
Vue3, Vite server, it’s just amazingly FAST!!! I’m loving it.
> npm init vue@latest
> npm run dev
So far, trying to get familiar with update and I’ve encounter an axios issue. I’ve install axios and vue-axios. According to https://stackoverflow.com/questions/68233550/what-is-the-different-between-axios-vue-axios. “vue-axios
is just a wrapper, exposing axios
to components as this.axios
, this.$http
, or Vue.axios
.”
import axios from "axios";
import VueAxios from 'vue-axios'
app.use(VueAxios, axios);
app.mount("#app");
// with in a component add this
add(payload) {
const path = "URL";
this.axios.post(path, payload)
.then(() => {
I’ll update when I noticed something converting from vue2 to VUE3
I wonder how often you make an animation. Maybe not so frequently or not consciously. How about PowerPoint or a similar presentation software?
PowerPoint has a set of pre-made animations, and you can apply to a text or image. I think people are pretty familiar to apply these animations.<br> <b>How about “Path Animation”?Perhaps you don’t use it so regularly, but it’s sometimes very effective. One tip that I recommend who is not familiar with the Path Animation, it’s better to choose “ARCS” instead of “LINES”, because A “LINE” has only a start and an end point, no point in between and you cannot add another editing point later. So you cannot edit the path shape later.
Once you select an image or text box, apply “ARCS” path, it plays automatically once. Then Right-Click and select “Edit Points” to edit the path.
The path is called a “Bézier curve“. You can edit the curvature with the selected edit point to move around and use handles’ both side to control the curvature tangent(direction).
You can add or delete an edit point for the path until you are satisfied the flow.
Also, if you add another animation preset such as “Grow/Shrink”, then set the “Timing” to “Start [with previous]”.
You can animate the path Move(Transition) and Grow/Shrink at the same time.
Sometimes too much animation will destroy the entire presentation, so use animation efficiently.
Enjoy!
THIS VIDEO in YOUTUBE: https://youtu.be/36R1Ak–51c