![\"Kate](\"https://yanlinnthor.github.io/media/posts/19/Screenshot_20250816_205647.png\")
\n \n After switching to Debian with KDE plasma, I tried Kate, KDE's default text editor. It has all the necessary features for a modern day text editor. I am not gonna talk about KDE's features or it's benefits. Visit their website to learn more about it or search online to know more. https://kate-editor.org/\n
\n\n\n Kate has LSP client feature. You can install your desired LSP server(s) and configure Kate. When I was configuring I could not find many resources online on how to configure Kate for your desired language's LSP. So this is to help anyone looking for same issue and to my future self when I need to setup it up again. I know for a fact that my goldfish memory will not remember all this steps in few weeks time.\n
\n\n\n .local/bin sub-directory under your home directory$HOME/.local/bin/ to your PATH by adding export PATH=\"$PATH:$HOME/.local/bin\" to .bashrc or .zshrc![\"Kate](\"https://yanlinnthor.github.io/media/posts/19/Screenshot_20250816_211920.png\")
\n sudo apt install shellchecknpm i -g bash-language-servernpm i -g vscode-langservers-extractedmv marksman-linux marksman && chmod +x marksmancp marksman $HOME/.local/bin/npm install -g typescript-language-server typescriptcurl -Lo phpactor.phar https://github.com/phpactor/phpactor/releases/latest/download/phpactor.pharchmod a+x phpactor.pharmv phpactor.phar ~/.local/bin/phpactor![\"Kate](\"https://yanlinnthor.github.io/media/posts/19/Screenshot_20250816_211124.png\")
\n \n Open a PHP project or React project and right click a keyword (Class name, Component name, etc). You can try to \"Go To - Definition\" or \"LSP Client - Find Implementation\".\n
\n\n\n For Laravel project, you need to install and setup laravel-ide-helper package. You will probably need to do custom configuration to phpactor as well.\n
", "author": { "name": "yan" }, "tags": [ ], "date_published": "2025-08-14T01:07:21+06:30", "date_modified": "2025-08-16T22:32:37+06:30" }, { "id": "https://yanlinnthor.github.io/2025-dev-setup-revised.html", "url": "https://yanlinnthor.github.io/2025-dev-setup-revised.html", "title": "2025 Dev Setup - Revised", "summary": "Debian 13 with KDE Plasma 6 Install base distro Download and install distro iso Download…", "content_html": "Download Debian 13 minimal ISO
https://cdimage.debian.org/debian-cd/current/amd64/iso-cd/debian-13.0.0-amd64-netinst.iso
Install Guide
https://www.linuxtechi.com/how-to-install-debian-12-step-by-step/
Fix sudo command not found
https://linuxways.net/debian/fix-sudo-command-not-found-debian-12/
Switch to root user
su -\nInstall sudo
apt install sudo -y\nAdd standard user to sudoer
sudo usermod -aG sudo USERNAME_HERE\nUpdate sources to avoid Myanmar ISP restrictions and for Nvidia drivers
https://fostips.com/change-source-mirror-debian-12/
https://cdn-aws.deb.debian.org/
Backup /etc/apt/sources.list
sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup\nEdit /etc/apt/sources.list
#deb cdrom:[Debian GNU/Linux 13.0.0 _Trixie_ - Official amd64 NETINST with firmware 20250809-11:20]/ trixie contrib main non-free-firmware\n\n#deb http://mirrors.cloudforest.co.th/debian/ trixie main contrib non-free non-free-firmware\n#deb-src http://mirrors.cloudforest.co.th/debian/ trixie main contrib non-free non-free-firmware\ndeb http://cdn-aws.deb.debian.org/debian/ trixie main contrib non-free non-free-firmware\ndeb-src http://cdn-aws.deb.debian.org/debian/ trixie main contrib non-free non-free-firmware\n\n#deb http://security.debian.org/debian-security trixie-security main non-free-firmware\n#deb-src http://security.debian.org/debian-security trixie-security main non-free-firmware\ndeb http://cdn-aws.deb.debian.org/debian-security trixie-security main contrib non-free non-free-firmware\ndeb-src http://cdn-aws.deb.debian.org/debian-security trixie-security main contrib non-free non-free-firmware\n\n# trixie-updates, to get updates before a point release is made;\n# see https://www.debian.org/doc/manuals/debian-reference/ch02.en.html#_updates_and_backports\ndeb http://cdn-aws.deb.debian.org/debian/ trixie-updates main contrib non-free non-free-firmware\ndeb-src http://cdn-aws.deb.debian.org/debian/ trixie-updates main contrib non-free non-free-firmware\n\n# This system was installed using removable media other than\n# CD/DVD/BD (e.g. USB stick, SD card, ISO image file).\n# The matching "deb cdrom" entries were disabled at the end\n# of the installation process.\n# For information about how to configure apt package sources,\n# see the sources.list(5) manual.\nUpdate, upgrade and obtain kernel headers
sudo apt update\n\nsudo apt upgrade\n\nsudo apt install linux-headers-amd64\n\nsudo reboot now\nIncase of broken or missing package install
sudo apt --fix-broken install\n\nsudo apt update --fix-missing\nhttps://wiki.debian.org/NvidiaGraphicsDrivers#Debian_Testing_.22Trixie.22
https://neuronvm.com/docs/install-nvidia-drivers-on-debian/
sudo apt install nvidia-kernel-dkms nvidia-driver firmware-misc-nonfree\n\nsudo reboot now\nhttps://wiki.debian.org/KDE#Installation
https://www.reddit.com/r/debian/comments/1640aaq/tutorial_how_to_make_a_clean_kde_plasma_install/
sudo apt install kde-standard\n\nsudo reboot now\nFix wifi not working issue by editing /etc/network/interfaces file and commenting or deleting the interface used during installation
sudo nano /etc/network/interfaces\n\n# The primary network interface\n#allow-hotplug wlp0s20f3\n#iface wlp0s20f3 inet dhcp\n# wpa-ssid WIFI_NAME\n# wpa-psk WIFI_PASSWORD\n\nsudo reboot now\nInstall outline vpn client
https://support.google.com/outline/answer/15331527?hl=en
wget -qO- https://us-apt.pkg.dev/doc/repo-signing-key.gpg | sudo gpg --dearmor -o /etc/apt/trusted.gpg.d/gcloud-artifact-registry-us.gpg\n\necho "deb [arch=amd64] https://us-apt.pkg.dev/projects/jigsaw-outline-apps outline-client main" | sudo tee /etc/apt/sources.list.d/outline-client.list\n\nsudo apt update\nsudo apt install outline-client\nhttps://support.mozilla.org/en-US/kb/install-firefox-linux
sudo install -d -m 0755 /etc/apt/keyrings\n\nwget -q https://packages.mozilla.org/apt/repo-signing-key.gpg -O- | sudo tee /etc/apt/keyrings/packages.mozilla.org.asc > /dev/null\n\necho "deb [signed-by=/etc/apt/keyrings/packages.mozilla.org.asc] https://packages.mozilla.org/apt mozilla main" | sudo tee -a /etc/apt/sources.list.d/mozilla.list > /dev/null\n\necho '\nPackage: *\nPin: origin packages.mozilla.org\nPin-Priority: 1000\n' | sudo tee /etc/apt/preferences.d/mozilla \n\nsudo apt update\n\nsudo apt upgrade\nConnect to outline vpn (KDE app store Discover needs VPN)
Go to Discover > Installed
Remove unused apps like KMail, KWrite etc
Go to Discover > System Settings
Install Yakuake
Go to Multimedia > Video Player
Install VLC
sudo nano /etc/default/grub\n\nGRUB_TIMEOUT=0\n\nsudo update-grub\n\nsudo reboot now\nhttps://php.watch/articles/install-php82-ubuntu-debian
sudo apt install curl libnss3-tools jq xsel openssl ca-certificates\n\nsudo apt install apt-transport-https lsb-release ca-certificates wget -y\n\nsudo wget -O /etc/apt/trusted.gpg.d/php.gpg https://packages.sury.org/php/apt.gpg \n\nsudo sh -c 'echo "deb https://packages.sury.org/php/ $(lsb_release -sc) main" > /etc/apt/sources.list.d/php.list'\n\nsudo apt update\n\nsudo apt install php8.2 php8.2-cli php8.2-curl php8.2-gd php8.2-mbstring php8.2-posix php8.2-xml php8.2-zip\n\nsudo apt install php8.2-fpm\n\nsudo a2enconf php8.2-fpm\n\n# Uninstall apache2 (optional)\nsudo apt remove --purge apache2* libapache*\n\n# Change PHP version\nsudo update-alternatives --config php\n\n# Uninstall PHP version\nsudo apt purge php8.X*\ncurl -sS https://getcomposer.org/installer -o /tmp/composer-setup.php\n\nsudo php /tmp/composer-setup.php --install-dir=/usr/local/bin --filename=composer\n\nsudo nano .bashrc\n# add at end of file\nexport PATH="$PATH:$HOME/.config/composer/vendor/bin"\n\nsudo reboot now\nFix curl error 28 connection time out issue or use VPN
https://github.com/composer/composer/issues/7503#issuecomment-458173411
composer config -g repo.packagist composer https://repo.packagist.org\ncomposer global require genesisweb/valet-linux-plus\n\ncd\n\nmkdir .valet\n\nvalet install\n\nvalet install --mariadb -vvv\n\nsudo reboot now\nhttps://github.com/valet-linux-plus/valet-linux-plus/issues/137
sudo apt install systemd-resolved\n\nvalet install --mariadb -vvv\nsudo apt update --fix-missing\n\nvalet install --mariadb -vvv\nhttps://github.com/valet-linux-plus/valet-linux-plus/issues/130#issuecomment-2715924576
# Disable systemctl-resolved\nsudo systemctl stop systemd-resolved \nsudo systemctl disable systemd-resolved\n\n# Remove /etc/resolv.conf symlink\nsudo rm /etc/resolv.conf\n\n# Manually create /etc/resolv.conf\necho "nameserver 127.0.0.1" | sudo tee /etc/resolv.conf\n\n# Restart dnsmasq\nsudo systemctl restart dnsmasq\nsudo systemctl enable dnsmasq\n\n# test\nping phpinfo.test\nhttps://github.com/valet-linux-plus/valet-linux-plus/issues/152
sudo nano ~/.config/valet/Nginx/mails.test\n\n# listen 443 ssl;\n# http2 on;\n\nlisten 443 ssl http2;\nInstall n
curl -L https://bit.ly/n-install | bash\n\n# or\n\ncurl -L https://raw.githubusercontent.com/mklement0/n-install/stable/bin/n-install | bash\n\n# or\n\ngit clone https://github.com/mklement0/n-install.git\ncd n-install/bin\nbash n-install\n\nsudo reboot now\nphp -v\nnode -v\nnpm -v\n\nmkdir phpinfo\ncd phpinfo\necho "<?php phpinfo();" >> index.php\nvalet link\nping phpinfo.test\n# or visit phpinfo.test in browser\nChange network setting by defining DNS servers
System Settings > Wi-Fi & Internet > Wi-Fi & Networking > Select connection > Select IPv4
Method : Automatic (Only addresses)
Servesr: 8.8.8.8,1.1.1.1
Apply
Restart
VS Code
https://code.visualstudio.com/docs/?dv=linux64_deb
Download deb file
sudo dpkg -i vscode.deb\nObsidian
Use remotely sync to sync notes on dropbox
Publii
https://getpublii.com/docs/install-publii.html
Dropbox
Download deb
https://www.dropbox.com/download?dl=packages/ubuntu/dropbox_2025.05.20_amd64.deb
https://www.dropbox.com/install-linux
https://www.reddit.com/r/chromeos/comments/1dcvy8t/how_to_install_dropbox/
cd Downloads\n\nsudo dpkg -i dropbox_2025.05.20_amd64.deb\n\nsudo apt install python3-gi gobject-introspection gir1.2-gtk-3.0\n\nsudo dropbox start -i\nhttps://unix.stackexchange.com/questions/257590/ssh-key-permissions-chmod-settings
chmod 700 ~/.ssh\nchmod 600 ~/.ssh/*\n\ngit config --global init.defaultBranch main\ngit config --global user.email "email@domain.com"\ngit config --global user.name "name"\nInstall zsh
https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH
https://github.com/theborowski/pop-setup
sudo apt install zsh\nzsh --version\nchsh -s $(which zsh)\nsudo reboot now\n\n# When configuring the .zshrc file, choose an empty option, `ohmyzsh` will replace it.\nInstall ohmyzsh
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"\n\nrm .zshrc.pre-oh-my-zsh\nUpdate ~/.zshrc
nano ~/.zshrc\n\n# install plugins\nplugins=(git common-aliases copyfile copypath extract ssh)\n\n# copy exports from .bashrc\n\nsource ~/.zshrc\nhttps://www.nerdfonts.com/font-downloads
copy fonts to /.local/share/fonts/
curl -sS https://starship.rs/install.sh | sh\n\necho 'eval "$(starship init zsh)"' >> ~/.zshrc\n\nstarship preset nerd-font-symbols -o ~/.config/starship.toml\n\n# starship.toml file will be updated again when installing dracula theme\nmkdir dracula-themes\ncd dracula-themes\nkonsole
git clone https://draculatheme.com/konsole\ncp konsole/Dracula.colorscheme ~/.local/share/konsole\n\nKonsole > Configuration > Add new profile > Color > Dracula\nyakuake
git clone https://github.com/dracula/yakuake.git\ncp -r yakuake ~/.local/share/yakuake/kns_skins/\ncd ~/.local/share/yakuake/kns_skins\nmv yakuake dracula\n\nYakuake > Configuration > Appearance\nzsh
git clone https://github.com/dracula/zsh.git\n\nln -s ~/dracula-themes/zsh/dracula.zsh-theme ~/.oh-my-zsh/themes/dracula.zsh-theme\n\nnano ~/.zshrc\n\n# comment out current theme\n#ZSH_THEME="robbyrussell"\n\n# add following at the end\nZSH_THEME="dracula"\nstarship
Edit ~/.config/starship.toml
https://gist.github.com/mrlinnth/33d8dfbb0494c0e31dd4ab013a05831b
firefox
https://addons.mozilla.org/en-US/firefox/addon/dracula-dark-colorscheme/
", "image": "https://yanlinnthor.github.io/media/posts/18/Screenshot_20250810_212551.png", "author": { "name": "yan" }, "tags": [ ], "date_published": "2025-08-10T21:26:36+06:30", "date_modified": "2025-08-10T21:26:36+06:30" }, { "id": "https://yanlinnthor.github.io/2025-development-setup.html", "url": "https://yanlinnthor.github.io/2025-development-setup.html", "title": "2025 Development Setup", "summary": "OS (POP) cleanup and update sudo apt remove -purge libreoffice* sudo apt autoremove sudo apt…", "content_html": "sudo apt install timeshiftwget -O ./outline-client.deb https://s3.amazonaws.com/outline- releases/client/linux/stable/outline-client_amd64.debsudo apt install ./outline-client.deb/.local/share/fonts/curl -sS https://starship.rs/install.sh | shsudo apt install software-properties-commonsudo add-apt-repository ppa:ondrej/phpsudo apt updatesudo apt install php8.2 php8.2-cli php8.2-curl php8.2-mbstring php8.2-xml php8.2-zip php8.2-posixcurl -sS https://getcomposer.org/installer -o /tmp/composer-setup.phpsudo php /tmp/composer-setup.php --install-dir=/usr/local/bin --filename=composerexport PATH="$PATH:$HOME/.config/composer/vendor/bin"sudo apt install curl libnss3-tools jq xsel openssl ca-certificatescomposer global require genesisweb/valet-linux-plusvalet installcurl -L https://bit.ly/n-install | bashchmod 700 ~/.sshchmod 600 ~/.ssh/*sudo dpkg -i vscode.debsudo apt install flameshotsudo apt install peek (out of date)flatpak install flathub io.github.seadve.Kooha (have issues)wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo tee /etc/apt/keyrings/sublimehq-pub.asc > /dev/nullecho -e 'Types: deb\\nURIs: https://download.sublimetext.com/\\nSuites: apt/stable/\\nSigned-By: /etc/apt/keyrings/sublimehq-pub.asc' | sudo tee /etc/apt/sources.list.d/sublime-text.sourcessudo apt update && sudo apt install sublime-text\n\nIf you just wish to learn about Filament, please read their documentation and check their demo repo. It will be faster than following my post.
\n
I have used quite a few admin or CRUD generator kind of Laravel packages for rapid development in the past. Filament is youngest among them but it has quite a lot of things that I like about.
\nSo I have decided to use Filament for my future Laravel projects. This post is my journal/guide/log/notes of my learning and experimenting with Filament. My aim is to use Filament together with other packages I normally use. So my project will have other packages for APIs development, APIs integration, deployment, logging and so on. (I have trouble installing Laravel Module package so I have removed it for now. I will try to install it again and use Filament from Module in future.)
\nI have setup a Github repo mrlinnth/laravel-filament-starter for my project. If you are someone who prefer to read code instead of text, feel free to visit there instead. I update the README file with short to the point steps that I did.
\nI am gonna skip the followings in this post
\nI am not even going to write about installing and setting up Filament. If you are using my repo then it's already installed. I plan to write separate posts for those how to setup topics in future.
\nIf you want to read and follow this post, you will need to
\ncomposer installnpm installphp artisan migratephp artisan optimizeBranch : steps/01-first-crud
\nFirst I want to learn how to develop CRUD pages. I also want to see how Filament handles relationships. I decided to develop a superherodb.com inspired project since I am bored with Blog project.
\nRequirements
\nWhen I have requirements, I decide a DB structure
\n![\"heros-skills-teams\"](\"https://yanlinnthor.github.io/media/posts/15//heros-skills-teams.jpg\")
Generate model, factory, migration and seed files
\nphp artisan make:model -fms Hero
php artisan make:model -fms Skill
php artisan make:model -fms Team
Generate pivot table migration for hero_team
\nphp artisan make:migration create_hero_team_table
Update the migration files
\n Schema::create('heroes', function (Blueprint $table) {
$table->id();
$table->string('name'); // text
$table->text('history'); // textarea
$table->string('species'); // dropdown
$table->string('gender'); // radio button
$table->integer('age'); // number
$table->string('eye_color'); // color picker
$table->json('traits'); // group of checkbox
$table->timestamps();
});
Schema::create('skills', function (Blueprint $table) {
$table->id();
$table->string('name'); // text
$table->foreignId('hero_id')->constrained(); // dropdown
$table->integer('power')->default(50); // number
$table->timestamps();
});
Schema::create('teams', function (Blueprint $table) {
$table->id();
$table->string('name'); // text
$table->text('story'); // wysiwyg or rich text editor
$table->foreignId('leader_id')
->constrained('heroes')
->onUpdate('cascade')
->onDelete('cascade');
$table->timestamps();
});
Schema::create('hero_team', function (Blueprint $table) {
$table->id();
$table->foreignId('hero_id')->constrained();
$table->foreignId('team_id')->constrained();
$table->timestamps();
});
\nI write down the form field type so that I don't have to think when I setup CRUD form later.
\nRun Migrate
\nphp artisan migrate
Hero has species and traits attributes. They will be predefined but instead of hard coding them directly at form fields we can use Enum class. Spatie Laravel Enum package is very useful.
\nGenerate and update Enum classes
\nphp artisan make:enum SpeciesEnum
/**\n
* @method static self human()
* @method static self alien()
* @method static self god()
* @method static self robot()
* @method static self mutant()
* @method static self other()
*/
final class SpeciesEnum extends Enum
{
}
php artisan make:enum TraitsEnum
/**\n
* @method static self intelligence()
* @method static self strength()
* @method static self speed()
* @method static self durability()
* @method static self power()
* @method static self combat()
*/
final class TraitsEnum extends Enum
{
}
Update models with casts and relationship methods
\nHero.php
\n<?php\n
namespace App\\Models;
use App\\Enums\\SpeciesEnum;
use App\\Enums\\TraitsEnum;
use Illuminate\\Database\\Eloquent\\Factories\\HasFactory;
use Illuminate\\Database\\Eloquent\\Model;
class Hero extends Model
{
use HasFactory;
protected $casts = [
'species' => SpeciesEnum::class,
'traits' => TraitsEnum::class.':collection,nullable',
];
/**
* The attributes that aren't mass assignable.
*
* @var array
*/
protected $guarded = [];
/**
* Get the skills of the hero.
*/
public function skills()
{
return $this->hasMany(Skill::class);
}
/**
* The teams that belong to the hero.
*/
public function teams()
{
return $this->belongsToMany(Team::class);
}
/**
* Get the teams the hero is leader of.
*/
public function leaderTeams()
{
return $this->hasMany(Team::class, 'leader_id');
}
}
Skill.php
\n<?php\n
namespace App\\Models;
use Illuminate\\Database\\Eloquent\\Factories\\HasFactory;
use Illuminate\\Database\\Eloquent\\Model;
class Skill extends Model
{
use HasFactory;
/**
* Get the hero that owns the skill.
*/
public function hero()
{
return $this->belongsTo(Hero::class);
}
}
Team.php
\n<?php\n
namespace App\\Models;
use Illuminate\\Database\\Eloquent\\Factories\\HasFactory;
use Illuminate\\Database\\Eloquent\\Model;
class Team extends Model
{
use HasFactory;
/**
* The heroes that belong to the team.
*/
public function heroes()
{
return $this->belongsToMany(Hero::class);
}
/**
* Get the leader that owns the team.
*/
public function leader()
{
return $this->belongsTo(Hero::class, 'leader_id');
}
}
Filament resources
\nFilament provide 3 options for generating CRUD. Filament address entity/model as resource so I will follow.
\nphp artisan make:filament-resource Hero
public static function form(Form $form): Form\n
{
return $form
->schema([
Forms\\Components\\TextInput::make('name')->required(),
Forms\\Components\\Select::make('species')
->options(SpeciesEnum::toArray()),
Forms\\Components\\Radio::make('gender')
->options([
'male' => 'Male',
'female' => 'Female',
'other' => 'Other'
]),
Forms\\Components\\CheckboxList::make('traits')
->options(TraitsEnum::toArray())
->columns(2),
Forms\\Components\\TextInput::make('age')->numeric(),
Forms\\Components\\ColorPicker::make('eye_color'),
Forms\\Components\\Textarea::make('history')->columnSpan('full'),
]);
}
public static function table(Table $table): Table
{
return $table
->columns([
Tables\\Columns\\TextColumn::make('name'),
Tables\\Columns\\TextColumn::make('species'),
Tables\\Columns\\TextColumn::make('gender'),
Tables\\Columns\\TextColumn::make('age'),
])
->filters([
//
])
->actions([
Tables\\Actions\\EditAction::make(),
])
->bulkActions([
Tables\\Actions\\DeleteBulkAction::make(),
]);
}
php artisan make:filament-resource Skill --simple
public static function form(Form $form): Form\n
{
return $form
->schema([
Forms\\Components\\TextInput::make('name')->required(),
Forms\\Components\\Select::make('hero_id')->relationship('hero', 'name'),
Forms\\Components\\TextInput::make('power')->numeric(),
]);
}
public static function table(Table $table): Table
{
return $table
->columns([
Tables\\Columns\\TextColumn::make('name'),
Tables\\Columns\\TextColumn::make('hero.name'),
Tables\\Columns\\TextColumn::make('power'),
])
->filters([
//
])
->actions([
Tables\\Actions\\EditAction::make(),
Tables\\Actions\\DeleteAction::make(),
])
->bulkActions([
Tables\\Actions\\DeleteBulkAction::make(),
]);
}
php artisan make:filament-resource Team --generate
public static function form(Form $form): Form\n
{
return $form
->schema([
Forms\\Components\\TextInput::make('name')->required(),
Forms\\Components\\Select::make('leader_id')->relationship('leader', 'name'),
Forms\\Components\\RichEditor::make('story')->columnSpan('full'),
]);
}
public static function table(Table $table): Table
{
return $table
->columns([
Tables\\Columns\\TextColumn::make('name'),
Tables\\Columns\\TextColumn::make('leader.name'),
])
->filters([
//
])
->actions([
Tables\\Actions\\EditAction::make(),
])
->bulkActions([
Tables\\Actions\\DeleteBulkAction::make(),
]);
}
columnSpan('full') method for the long text fields.You should be able to create, edit, delete the resources. But you will need to create user to login and access Filament admin dashboard. Or use my dummy data it already has test user account.
\nCreate user
\nphp artisan make:filament-user and enter details
Visit yourdomain/admin and login. You should see this.
\n![\"filament-dashboard\"](\"https://yanlinnthor.github.io/media/posts/15/2022-09-29_01-59.png\")
Dummy data
\nI use Laravel's Factory and Seeder classes.
\nI update the HeroFactory, SkillFactory and TeamFactory. I update TeamSeeder and SkillSeeder. Since TeamFactory will also generate Heroes, I don't use HeroSeeder.
\nI update DatabaseSeeder with test user and call TeamSeeder and SkillSeeder.
\nRun php artisan migrate:fresh --seed to clear the database, run migrations and seeders.
Visit yourdomain/admin and login
\nYou will see dummy data records for heroes, skills and teams.
\n![\"filament-with-dummy-data\"](\"https://yanlinnthor.github.io/media/posts/15/Peek-2022-09-29-02-13.gif\")
Let's upload a photo for hero resource. With the help of Spatie Media Library package and Filament Media Library plugin package, we do not need to update hero table structure or anything.
\nTo add file upload field to hero create/edit form, update form() method $form->schema parameter array in HeroResource.php with following
Forms\\Components\\SpatieMediaLibraryFileUpload::make('photo')
->collection('hero'),\nIt is better to define collection() parameter, since it is how we will associate the uploaded file with our resource.
To show the image in table column, update table() method $table->columns parameter array in HeroResource.php with following
Tables\\Columns\\SpatieMediaLibraryImageColumn::make('photo')
->collection('hero'),\n![\"file-upload\"](\"https://yanlinnthor.github.io/media/posts/15/2022-10-01_10-46.png\")
![\"image-column\"](\"https://yanlinnthor.github.io/media/posts/15/2022-10-01_10-45.png\")
One to many relationship
\nHero and skill have one to many relationship. Since a skill can only belong to one hero, we need to select hero when a skill is created. Relationship name is hero and foreign key column is hero_id.
Same with Hero and Team. A team can only have one hero as leader so we need to select leader when creating a team. Relationship name is leader and foreign key column is leader_id.
Necessary codes are already added in previous step while updating the generated resource files.
\nIn SkillResource.php
Forms\\Components\\Select::make('hero_id')->relationship('hero', 'name'),\nIn TeamResource.php
Forms\\Components\\Select::make('leader_id')->relationship('leader', 'name'),\nTo show relationship object's attribute in table, you can just use relationship method name with . dot notation. Check the leader name column in TeamResource.php.
It is not very convenient for user to create hero and then create many skills for the hero one by one at different page. Creating all the skills of the hero while creating the hero provides a better user experience.
\nWe can use Filament relation manger feature for that. We will need skill relation manager for the hero resource.
\nRelation manager
\nphp artisan make:filament-relation-manager HeroResource skills name
class SkillsRelationManager extends RelationManager\n
{
protected static string $relationship = 'skills';
protected static ?string $recordTitleAttribute = 'name';
public static function form(Form $form): Form
{
return $form
->schema([
Forms\\Components\\TextInput::make('name')
->required()
->maxLength(255),
Forms\\Components\\TextInput::make('power')->numeric(),
]);
}
public static function table(Table $table): Table
{
return $table
->columns([
Tables\\Columns\\TextColumn::make('name'),
Tables\\Columns\\TextColumn::make('power'),
])
->filters([
//
])
->headerActions([
Tables\\Actions\\CreateAction::make(),
])
->actions([
Tables\\Actions\\EditAction::make(),
Tables\\Actions\\DeleteAction::make(),
])
->bulkActions([
Tables\\Actions\\DeleteBulkAction::make(),
]);
}
}
After generating and updating the relation manager, we need to update getRelations() method of hero resource as well.
public static function getRelations(): array\n
{
return [
RelationManagers\\SkillsRelationManager::class,
];
}
A skills table and new skill button will appear at hero create/edit form.
\n![\"relation-manager\"](\"https://yanlinnthor.github.io/media/posts/15/2022-10-01_10-21.png\")
Many to many relationship
\nTeam and hero have many to many relationship. We can either
\nI like the later because most of the time we will be creating hero before creating team.
\nWe just update TeamResource.php
public static function form(Form $form): Form\n
{
return $form
->schema([
//...
Forms\\Components\\MultiSelect::make('heroes')
->relationship('heroes', 'name')
]);
}
![\"many-to-many\"](\"https://yanlinnthor.github.io/media/posts/15/2022-10-01_10-02.png\")
By default Filament doesn't generate view page since we will see all data at edit form anyway. If you want separate view page, you have to mention it during resource generation command. Or run generate view page command for existing resource.
\nI will create own view page for hero resource.
\nGenerate view page and update
\nphp artisan make:filament-page ViewHero --resource=HeroResource --type=ViewRecord
You will get a new ViewHero.php file under HeroResource\\pages\\ directory.
You need to add the view page to getPages() method in HeroResource.php
public static function getPages(): array\n
{
return [
'index' => Pages\\ListHeroes::route('/'),
'create' => Pages\\CreateHero::route('/create'),
'view' => Pages\\ViewHero::route('/{record}'),
'edit' => Pages\\EditHero::route('/{record}/edit'),
];
}
Now when you click on a hero record, it will not bring you to edit form. You will still see all attributes in read-only state in form layout.
\nTo design your own custom view page, define $view property in ViewHero.php and create your own custom blade for the view.
class ViewHero extends ViewRecord\n
{
protected static string $resource = HeroResource::class;
protected static string $view = 'filament.resources.heroes.pages.view';
}
You can use $record variable to get the resource object data in the blade file.
<x-filament::page>\n
<div class=\"card w-96 shadow-xl p-4\">
<figure><img src=\"{{ $record->getFirstMediaUrl('hero') }}\" alt=\"{{ $record->name }}\" />
</figure>
<div class=\"card-body\">
<h2 class=\"card-title\">{{ $record->name }}</h2>
<p>{{ $record->history }}</p>
<div class=\"justify-end card-actions\">
@foreach ($record->traits as $trait)
<div class=\"badge badge-outline\">{{ $trait }}</div>
@endforeach
</div>
</div>
</div>
</x-filament::page>
And you will get your custom view page for the hero.
\n![\"custom-view\"](\"https://yanlinnthor.github.io/media/posts/15/2022-10-01_10-49.png\")
Branch : steps/02-roles-permissions
\nLet's add common features that every project has such as roles, permission, log in, register, impersonate, settings, etc.
\nThere will be time you found that your database has many unclean data, bad data and want to reset. It is always better to have a command to help you with that.
\nYou can reset the database tables, seed data, delete test uploaded files, cache files, clear log and any other things that you want in the command.
\nGenerate a custom command class php artisan make:command Project\\FactoryReset
class FactoryReset extends Command\n
{
/**
* The name and signature of the console command.
*
* @var string
*/
protected $signature = 'project:factory-reset';
/**
* The console command description.
*
* @var string
*/
protected $description = 'Drop tables, migrate, seed, delete uploaded files, clear cache and log';
/**
* Execute the console command.
*
* @return int
*/
public function handle()
{
$this->call('migrate:fresh', ['--seed'=>true]);
Storage::deleteDirectory('public');
Storage::disk('public')->put('.gitignore', \"*\\n!.gitignore\\n\");
$this->info('Uploaded files deleted');
$this->call('optimize:clear');
$logFilePath = storage_path('logs/laravel.log');
system('truncate -s 0 ' . $logFilePath);
$this->info('Log file truncated');
$this->call('shield:install', ['--fresh'=>true]);
return Command::SUCCESS;
}
}
I use few plugins for user authentication and authorization. Using Filament plugins is pretty straightforward and same as using any other Laravel or composer package.
\nEnvironment indicator : so we will not be mistaken between dev and prod environments
\nFilament shield : for roles and permissions management. It is basically ready made CRUD resources for the famous Spatie's permission package
\nFilament impersonate : to impersonate as other user
\nFilament breezy : for log in, register, profile pages with optional 2FA
\nInstall the packages, follow installation instructions, publish config files and update as needed.
\nThe repo already has Filament settings plugin which uses Spatie's Settings package. Follow the package installation instruction and publish config files. Let's create hero gender options as setting instead of hard coded values.
\nCreate a new class for the setting HeroSettings.php
<?php\n
namespace App\\Settings;
use Spatie\\LaravelSettings\\Settings;
class HeroSettings extends Settings
{
public string $gender_options;
public static function group(): string
{
return 'hero';
}
}
Update settings array in config/settings.php
'settings' => [\n
App\\Settings\\HeroSettings::class,
],
Generate migration for the setting with default values
\nphp artisan make:settings-migration CreateHeroSettings
Setting migration file will be generated in database/settings directory
<?php\n
use Spatie\\LaravelSettings\\Migrations\\SettingsMigration;
class CreateHeroSettings extends SettingsMigration
{
public function up(): void
{
$this->migrator->add('hero.gender_options', 'male, female, other');
}
}
Run php artisan migrate
Generate Filament setting page
\nphp artisan make:filament-settings-page ManageHero HeroSettings
Update Pages/ManageHero.php
class ManageHero extends SettingsPage\n
{
protected static ?string $navigationIcon = 'heroicon-o-cog';
protected static string $settings = HeroSettings::class;
protected static ?string $navigationGroup = 'Administration';
protected function getFormSchema(): array
{
return [
TextInput::make('gender_options')
->helperText('Separate each option with comma (,)')
->required(),
];
}
}
To use the setting in hero form, update form() method in Resources/HeroResource.php
public static function form(Form $form): Form\n
{
$heroSettings = new HeroSettings();
$genderOptions = str_replace(', ', ',', $heroSettings->gender_options);
$genderOptions = explode(',', $genderOptions);
$genderOptions = array_combine($genderOptions, $genderOptions);
return $form
->schema([
// ...
Forms\\Components\\Radio::make('gender')
->options($genderOptions),
// ...
]);
}
Listing table filter, sort and search
\nUpdate table() method in Resources/HeroResource.php
public static function table(Table $table): Table\n
{
return $table
->columns([
Tables\\Columns\\SpatieMediaLibraryImageColumn::make('photo')
->collection('hero')
->conversion('thumb'),
Tables\\Columns\\TextColumn::make('name')->sortable()->searchable(),
Tables\\Columns\\TextColumn::make('species')->searchable(),
Tables\\Columns\\TextColumn::make('gender'),
Tables\\Columns\\TextColumn::make('age')->sortable()->toggleable(),
Tables\\Columns\\ColorColumn::make('eye_color')->toggleable(),
])
->filters([
Tables\\Filters\\Filter::make('is_male')
->label('Males')
->query(fn (Builder $query): Builder => $query->where('gender', 'male')),
Tables\\Filters\\Filter::make('is_female')
->label('Females')
->query(fn (Builder $query): Builder => $query->where('gender', 'female')),
Tables\\Filters\\Filter::make('is_other')
->label('Others')
->query(fn (Builder $query): Builder => $query->where('gender', 'other')),
])
->actions([
Tables\\Actions\\ViewAction::make(),
Tables\\Actions\\EditAction::make(),
])
->bulkActions([
Tables\\Actions\\DeleteBulkAction::make(),
]);
}
![\"02-roles-permission\"](\"https://yanlinnthor.github.io/media/posts/15/Peek-2022-10-14-01-11.gif\")
Branch : steps/03-json-api
\nThe project already has Laravel JSON API package installed for developing APIs. Make sure package config file is publish and Exception handler is updated.
\nGenerate new API server php artisan jsonapi:server v1
Update servers array in config/jsonapi.php
'servers' => [\n
'v1' => \\App\\JsonApi\\V1\\Server::class,
],
Generate API schema for heroes php artisan jsonapi:schema heroes
Generate skills schema php artisan jsonapi:schema skills
Generate teams schema php artisan jsonapi:schema teams
Update V1/Server.php
protected function allSchemas(): array\n
{
return [
HeroSchema::class,
SkillSchema::class,
TeamSchema::class,
];
}
Update V1/HeroSchema.php
public function fields(): array\n
{
return [
ID::make(),
Str::make('name')->sortable(),
Str::make('history'),
Str::make('species'),
Str::make('gender'),
Number::make('age')->sortable(),
Str::make('eyeColor'),
ArrayList::make('traits'),
HasMany::make('skills')->readOnly(),
HasMany::make('leaderTeams')->type('teams')->readOnly(),
BelongsToMany::make('teams')->readOnly(),
DateTime::make('createdAt')->sortable()->readOnly(),
DateTime::make('updatedAt')->sortable()->readOnly(),
];
}
Update V1/SkillSchema.php
public function fields(): array\n
{
return [
ID::make(),
Str::make('name'),
Number::make('power'),
BelongsTo::make('hero')->readOnly(),
DateTime::make('createdAt')->sortable()->readOnly(),
DateTime::make('updatedAt')->sortable()->readOnly(),
];
}
Update V1/TeamSchema.php
public function fields(): array\n
{
return [
ID::make(),
Str::make('name'),
Str::make('name')->on('leader'),
Str::make('story'),
BelongsTo::make('leader')->readOnly(),
BelongsToMany::make('heroes')->readOnly(),
DateTime::make('createdAt')->sortable()->readOnly(),
DateTime::make('updatedAt')->sortable()->readOnly(),
];
}
Update api.php with Json API server v1 route. Json API Route relations are either hasMany or hasOne.
JsonApiRoute::server('v1')->prefix('v1')->resources(function ($server) {
$server->resource('heroes', JsonApiController::class)
->readOnly()
->relationships(function ($relations) {
$relations->hasMany('skills')->readOnly();
$relations->hasMany('leaderTeams')->readOnly();
$relations->hasMany('teams')->readOnly();
});
});\nCreate or update HeroPolicy.php class
/**\n
* Determine whether the user can view the model.
* Notice we've made the $user argument nullable.
* This means the method will be called if there is no authenticated user.
*
* @param \\App\\Models\\User $user
* @param \\App\\Models\\Hero $hero
* @return \\Illuminate\\Auth\\Access\\Response|bool
*/
public function view(?User $user, Hero $hero)
{
if (empty($user)) {
return true;
}
return $user->can('view_hero');
}
/**
* Determine whether the user can view the hero skills
*
* @param \\App\\Models\\User $user
* @param \\App\\Models\\Hero $hero
* @return \\Illuminate\\Auth\\Access\\Response|bool
*/
public function viewSkills(?User $user, Hero $hero)
{
return $this->view($user, $hero);
}
/**
* Determine whether the user can view the teams which the hero is leading
*
* @param \\App\\Models\\User $user
* @param \\App\\Models\\Hero $hero
* @return \\Illuminate\\Auth\\Access\\Response|bool
*/
public function viewLeaderTeams(?User $user, Hero $hero)
{
return $this->view($user, $hero);
}
/**
* Determine whether the user can view the teams which the hero is member
*
* @param \\App\\Models\\User $user
* @param \\App\\Models\\Hero $hero
* @return \\Illuminate\\Auth\\Access\\Response|bool
*/
public function viewTeams(?User $user, Hero $hero)
{
return $this->view($user, $hero);
}
![\"hero-11\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-29.png\")
\n![\"hero-11-with-relationship-data\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-30.png\")
\n![\"hero-11-teams\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-31.png\")
\n![\"hero-11-leaderTeams\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-30_1.png\")
\n![\"hero-11-data\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-33.png\")
\n![\"team-data\"](\"https://yanlinnthor.github.io/media/posts/15/gallery/2022-10-14_01-33_1.png\")
\nThis is all for Laravel Filament guide. We generated CRUD resource pages, used relationships, used packages, setup authentication and authorizations and created API endpoints.
\n\n အဖွဲ့အစည်းတွေမှာ ခေါင်းဆောင်တွေထက် အဖွဲ့သားတွေကို ပိုဦီးစားပေးပါ။
အဖွဲ့အစည်းတွေကို လူမှန်နေရာမှန် ဖွဲ့ပါ။
အဖွဲ့အစည်းထဲကလူ အားလုံးသဘောတူလက်ခံမယ့် ပန်းတိုင်ထားပါ။
အဖွဲ့အစည်းထဲက အဖွဲ့သားအချင်းချင်း ပြန်လည်သုံးသပ်ခိုင်းပါ။
အဖွဲ့အစည်းအတွင်းက တစ်ဦးစီကို ပွင့်လင်းမြင်သာစွာ ပြောဆိုတိုင်ပင်ခိုင်းပါ။
အဖွဲ့အစည်းတွေမှာ ကြုံလာရတဲ့ အပြောင်းအလဲတွေကို လက်ခံကြပါ။
အဖွဲ့အစည်းထဲမှာ ဘာေတွသုံးပြီးဘယ်လိုလုပ်ရမယ်ကို အချင်းချင်းသင်ပြပါ။
ကိုယ့်ရဲ့ မူလစရိုက်သဘောထားနဲ့့ ကိုက်ညီတဲ့ အလုပ်တာဝန်တွေကို လုပ်ပါ။
ဒါပေမယ့် ကိုယ့်အတွက်ထက် ကိုယ့်အဖွဲ့အစည်းအတွက်ကို ပိုဦးစားပေးပါ။
မှန်တဲ့အလုပ် လုပ်သင့်တဲ့အလုပ်ဆို ကိုယ့်တာဝန်လို့မှတ်ယူပြီး လုပ်ပါ။
ဒီအတိုင်းသာ လူတစ်ဦးစီတိုင်းနဲ့ အဖွဲ့အစည်းတိုင်းက လုပ်ဆောင်နိုင်ကြမယ်ဆို ခေါင်းဆောင်ဆိုတာ လိုအပ်မှာ မဟုတ်တော့ပါ။ ခေါင်းဆောင်လုပ်ရမယ်ဆိုတဲ့ဟာတွေကိုပဲ အဖွဲ့သားတွေက လုပ်ကိုင်သွားကြတာမို့ ခေါင်းဆောင်ဆိုပြီး သီးသီးသန့်သန့် လိုအပ်ချက်ကြီး ရှိတော့မှာ မဟုတ်ပါ။\n
\n ခေါင်းဆောင်ဆိုတာက ကျွန်တော်တို့လူတွေကြားမှာ အခရာကျတဲ့ ကဏ္ဍတစ်ခုပါ။ ပုရွက်ဆိတ်တွေမှာတော့ ခေါင်းဆောင်မရှိပါဘူး။ ကြီးမားပေမယ့် ထင်သလောက်အလုပ်မတွင်တဲ့အဖွဲ့အစည်းကြီးတွေကို လူတွေကတည်ထောင်ကြတယ်။ စီးပွားရေးစီမံခန့်ခွဲမှု၊ ခေါင်းဆောင်ခြင်းအတတ်ပညာ၊ to-do list၊ get-things-done စတာတွေကိုလူတွေမှာ ကြိုးစားသင်ပြရ သင်ယူကြရနဲ့။ ပုရွက်ဆိတ်တွေကတော့့ ဒါတွေတစ်ခုမှမသိကြဘူး ဒါပေမယ့် လူတွေနဲ့ယှဥ််ကြည့်ရင်တော့ သူတို့ လုပ်အားနှုန်းက ပိုမိုသာလွန်နေတယ်ဆိုတာ တွေ့နိုင်တယ်။
ဒီလိုဆို ပုရွက်ဆိတ်တွေဆီက လေ့လာကြည့်သင့်နေပြီမလား...\n
\n မွေးစကနေ ခုချိန်ထိ ကျွန်တော်တို့ အကြိုက်ဆုံးအခြေအနေကိုပြောပြကြေးဆိုရင် ဘယ်သူဘယ်ဝါလုပ်ခိုင်းလို့ရယ် မဟုတ်ပဲ ကိုယ့်စိတ်ပျော်တာလေးတစ်ခုကို လုပ်နေရတဲ့အချိန်က အပျော်ဆုံး အကြိုက်ဆုံးလို့ ပြောကြမှာပါ။ ဒါနဲ့များ ဘာလို့အချိန်တွေ ငွေတွေ အားတွေ အကုန်ခံပြီး ခေါင်းဆောင်ကောင်းတွေ ပေါ်ထွက်လာဖို့ လုပ်နေကြတာလဲ။
တကယ်ကတော့့ ခေါင်းဆောင်ဆိုတဲ့ဟာက ကျွန်တော်တို့အားလုံးစိတ်ထဲမှာပဲရှိတဲ့ အတားအဆီးတစ်ခုပါ။ တစ်စုံတစ်ခုကို သေချာမလုပ်တတ်ဘူးဆိုရင် လူတွေက သူတို့လုပ်တတ်တာလေးတစ်ခုကိုပဲ ဒါအကောင်းဆုံးနည်းလမ်းပဲဆိုပြီး ပြောတတ်ကြတယ်လေ။ တစ်ခါတစ်လေကျ အဲ့နည်းလမ်းတွေကပဲ ထုံးတမ်းစဥ်််လာတစ်ခု လုပ်ထုံးလုပ်နည်း ထုံးစံတစ်ခုလို ဖြစ်သွားရော။ ဒါပေမယ့် ဒီထုံးစံက လူသားတွေရဲ့ အခြေခံအားနည်းချက် တစ်ခုနဲ့ ပတ်သက်ပြီးမှဖြစ်ထွန်းလာတာပါ။ ဦးဆောင်ခြင်း ခေါင်းဆောင်ခြင်းဆိုတာက အဲ့လိုထုံးစံထဲမှာ အကျုံးဝင်ပါတယ်။
ခေါင်းဆောင်တွေဘာလို့ထားလဲ၊ ခေါင်းဆောင်ကောင်းတစ်ဦးဖြစ်အောင် ဘာလို့ကြိုးစားကြလဲ? ကျွန်တော်တို့လိုချင်တာ ဖြစ်ချင်တာတွေကို အောင်အောင်မြင်မြင်ရရှိနိုင်ဖို့မဟုတ်ဘူးလား။ ကျွန်တော်တို့နဲ့ တကယ်ကိုက်မယ့်ပိုကောင်းတဲ့ နည်းလမ်းတစ်ခုခုရှှာကြည့်တယ်မလား။\n
\n သန်းပေါင်းများစွာပါဝင်တဲ့ အသိုက်အဖွဲ့တွေလုပ်ပြီး နေထိုင်ကြတဲ့ ပုရွက်ဆိတ်တွေက ကျွန်တော်တို့ကို ခေါင်းဆောင်ခြင်းနဲ့ ပတ်သက်ပြီးအများကြီး သင်ပေးနိုင်ပါတယ်။ မန်နေဂျာတွေ အရာရှိတွေ သမ္မတတွေမရှိပဲနဲ့ သူတို့တွေ အကောင်းဆုံးအလုပ်လုပ်နိုင်ကြတယ်။
ကျွန်တော်တို့လူသားတွေမှာ မွေးတည်းကပါလာတဲ့ စရိုက်တွေ သဘောထားတွေရှိပါတယ်။ တစ်ဦးချင်းစီက ကြီးပြင်းလာတဲ့တစ်လျှောက်မှာလည်း သိလာတဲ့ ပညာဗဟုသုတတွေ၊ ရလာတဲ့ အတွေ့အကြုံတွေ၊ ရှိလာတဲ့ မျှော်လင့်ချက်တွေ၊ အားထုတ်မှုတွေလိုမျိုး သင်ယူပြီးရလာတဲ့ စရိုက်နဲ့ သဘောထားတွေလည်း အများကြီး ရှိပါတယ်။ ဘဝကို ဖြတ်သန်းရင်းနဲ့မှ ရရှိလာတဲ့ စရိုက်နဲ့ သဘောထားတွေဖြစ်လို့ မွေးတည်းကပါလာတဲဲ့ဲ့ စိတ်သဘောထားလိုမျိုး ပြည့်စုံမနေတာကို သတိပြုရမယ်။ ခေါင်းဆောင်တယ်ဆိုတာကလည်း ဖြတ်သန်းရင်း သင်ယူပြီးရလာတဲ့ သဘောထားတစ်ခုပါ။
ဘယ်အခက်အခဲကိုမဆို အကောင်းဆုံးဖြေရှင်းဖို့က ကိုယ့်ရဲ့ အားအသာဆုံးကိုထုတ်သုံးပြီး ြေဖရှင်းလိုက်တာပါပဲ။ ဒီတော့့ ကိုယ်သိထားပြီးသား ခေါင်းဆောင်ခြင်းဆိုတဲ့ သဘောတရားတစ်ခုလုံးကို ခဏလောက် ကြိုးစားပြီး မေ့ထားကြည့်လိုက်ရအောင်။
ကဲ ပုရွက်ဆိတ်တွေကို တစ်ချက်ကြည့်လိုက်ကြရအောင် ...\n
\n လူမှန်နေရာမှန်လို့ပဲ စကားကရှိတော့့ ခုလိုပဲ ရေးလိုက်တယ်။ တစ်ကောင်ချင်းစီက အရေးပါတယ်။ တော်တယ် ညံ့တယ်၊ ပိုလုပ်နိုင်တယ် မလုပ်နိုင်ဘူးတွေ ဘာမှ မသုံးသပ် မကြည့်ကြဘူး။ သူ့နေရာနဲ့သူ ကိုယ်နဲ့ကိုက်တဲ့ အလုပ်ကိုယ်လုပ်သွားကြတယ်။
အားကောင်းတဲ့ကောင်တွေက warrior ဖိုက်တာတွေလုပ်ပေးတယ်။ အားမရှိတဲ့ကောင်တွေက ကလေးထိန်းပေးတယ်။ အလယ်အလတ်တန်းတွေက အစာရှာဖွေရေးဘာညာ တခြားအလုပ်တွေလုပ်ကြတယ်။ တကယ်လို့သာ ကိုယ်တွေအသိုက်ကမဟုတ်တဲ့ တစ်ခြားကကောင်က မျက်စိလည်လမ်းမှားရောက်လာရင် ဒီကောင်ကတော့့ ပွက်ဆိတ်မှန် နေရာမှန် မဟုတ်တဲ့ကောင်ဆိုပြီး ဖယ်ထုတ်လိုက်ကြတယ်။
စကားပုံကြီးတစ်ခုလုံးတောင် ဖန်တီးထားတဲ့ လူတွေလည်း ဒီတိုင်း လုပ်လို့ရတာပဲ။ တစ်စုံတစ်ယောက်က တစ်ခုခုကို လုပ်ကိုင်တာ မထိရောက်ဘူး မအောင်မြင်ဘူးဆို ဝေဖန်မနေပဲ သူထိထိရောက်ရောက်လုပ်နိုင်မယ့်တစ်ခု ပြောင်းလုပ်လိုက်သင့်တယ်။ ဒီအဖွဲ့အစည်း ဒီနေရာမှာ ဒီတစ်ယောက်ကတော့ တကယ့်ကို ဘယ်တစ်ခုနဲ့မှကို မသင့်တော်ဘူးဆိုရင်လည်း သူ့ကို ဒီနေရာကနေ ဖယ်ရှားပလိုက်ပေါ့့။ အားနာတာတစ်ခုနဲ့ ထားမနေပါနဲ့။ ရှိစေချင်တာ တစ်ခုနဲ့ ထားမနေပါနဲ့တော့။ တကယ်လို့ လက်ခံထားမယ်ဆိုရင်တော့့ သူသည် သူ့နေရာမှာ ထိထိရောက်ရောက်လုပ်နိုင်နေလို့ဆိုတာကို အကုန်လုံးက အသိအမှတ်ပြုနိုင်အောင် လုပ်ကြ။\n
\n ပုရွက်ဆိတ်တွေက တော်တော့်ကို ဆိုရှယ်ကျတာ ကြိုက်တဲ့အမျိုး။ ဆယ့်နှစ်ရာသီအပေါင်းနဲ့အသင်းနဲ့ ပြောဆိုဆက်ဆံပြီး နေတဲ့ အမျိုး။ တစ်ကောင်က အစာတွေ့ရင် နောက်တစ်ကောင်ကို ပြောတယ်။ အန္တရာယ်တွေ့ပြီဆိုလည်း ဖိုက်တာကောင်တွေသိအောင် လက်တို့တယ်။ ပုရွက်ဆိတ်ဘုရင်မက(ဘုရင်မဆိုတာ လူတွေက ပေးတဲ့ နာမည်ပါ တကယ်တော့့ သူ့တာဝန်က ကလေးထိန်း ကလေးမွေးပဲ) အခက်အခဲရှိရင် အကူအညီတောင်းတာနဲ့ သူ့ဆီလာကူတဲ့ကောင်တွေက ကူကြတယ်။ သူတို့ကြားမှာ ခုလို မထိန်မချန် ပွင့်လင်းတဲ့ ဆက်သွယ်မှုစနစ်ကြီးက လုံးဝမရပ်မနားတောက်လျှောက် လည်ပတ်နေတယ််။
ကျွန်တော်တို့တွေလည်း လုပ်မယ်ဆို လုပ်လို့ရတာပဲ။ အဖွဲ့အစည်းကသက်ဆိုင်တဲ့ လူအကုန်ကိုခေါ်် တစ်နေရာတည်းမှာ ပြောပြခိုင်း တိုင်ပင်ခိုင်း ဆွေးေနွးခိုင်း။ ခေါင်းဆောင်ဆိုတာ မရှိတဲ့ စနစ်ဆိုတော့ အာဏာနဲ့ဖိပြောမယ့်လူတွေကို ဖယ်ထား။ တစ်ဦးစီတိုင်းရဲ့ ပြောပြချက်တွေကို တန်းတူညီတူပဲ သတ်မှတ်ကြပြီး အချင်းချင်းဆွေးနွေးခိုင်း။ အုပ်စုလိုက်စဥ်းစားခိုင်းတာမဟုတ်ဘူးနော်။ တစ်ဦးချင်းစီကို စဥ်းစား ပြောပြ ဆွေးနွေးခိုင်းတာ။ ခုတိုင်းသာလုပ်ပြီး ဘယ်လိုဖြစ်လာမလဲကြည့်ပါ။\n
\n ပုရွက်ဆိတ်တွေအကုန်စိတ်ထဲ တစ်ခုပဲရှိတယ်။ မပျောက်ကွယ်ပဲ မျိုးဆက်ရှင်သန်ဖို့။ သူတို့လုပ်သမျှ အရာတိုင်းကို ဒီရည်မှန်းချက်အတွက်ပဲ လုပ်တယ်။
လူတွေမှာလည်း ရည်မှန်းချက်ပန်းတိုင် တူကြအောင် ကြိုးစားလို့ရပါတယ်။ ဒါပေမယ့် မကြိုးစားကြဘူး။ အလုပ်လုပ်နေကြသူလူအများစုရဲ့ ရည်မှန်းချက်က လစာကောင်းကောင်းရတဲ့ အလုပ်မှာလုပ်နိုင်ရေးဆိုတာပဲမလား။ ဒီဟာက တကယ်တော့့ မထိရောက်တဲ့ ရည်မှန်းချက်ပါ။
မိမိတို့အဖွဲ့အစည်းရဲ့ ရေတို ရေရှည် ဦးတည်ချက်ပန်းတိုင်တွေ ကို ကျွန်တော်တို့တွေ ပွင့်ပွင့်လင်းလင်း ပြောပြပြီး နားလည်ကြဖို့ အရေးကြီးတာပါ။ ဦးတည်နေတဲ့ ရေရှည်ပန်းတိုင်ကိုသိပြီးတော့ ဒီပန်းတိုင်ကိုရောက်အောင် ဘယ်လိုမျိုး ဗျူဟာနည်းစနစ်တွေနဲ့ ရေတိုဦးတည်ချက်တွေနဲ့ သွားမယ်ဆိုတာကို လက်ခံသဘောတူနိုင်ဖို့ အရမ်းလိုပါတယ်။ အဖွဲ့အစည်းတစ်ခုက လူအားလုံးမှာ ရည်မှန်းချက်ပန်းတိုင်က တစ်ခုတည်း တူညီနေမယ်ဆို လျှောက်ရမယ့် ခရီးလမ်းက မဝေးတော့ပါဘူး။
ချမှတ်ထားတဲ့ ရေရှည်ပန်းတိုင်က မှန်ကန်ဖို့နဲ့ လုပ်ကိုင်နိုင်ဖို့ လိုအပ်တဲ့ နည်းပညာတွေ ပစ္စည်းတွေ အရင်းအမြစ်တွေ ပေးအပ်နိုင်ဖို့ကိုတော့့ သတိချပ်ဖို့လိုပါတယ်။\n
\n အပြောင်းအလဲတွေက ပုရွက်ဆိတ်တွေရဲ့ ဘဝနေနည်းလို့တောင် သုတေသနလုပ်သူတွေကတွေ့ရှိထားပါတယ်။ စမ်းသပ်မှုတစ်ခုမှာ ပုရွက်ဆိတ်တွေ ပုံမှန် အစာလာရှာနေကြ သစ်ပင်ပေါ်မှာ အဆိပ်တွေတမင်ထားပေးကြည့်တယ်။ သူတို့တွေ အဆိပ်တွေကို အသိုက်ကိုသယ်သွားတယ်။ စားပြီးသေကြကျေကြဖြစ်တော့့ ဒီအရာသည်သူတို့အတွက် အဆင်မပြေဘူး မသင့်တော်ဘူးဆိုတာကို သူတို့ သိသွားပြီး အဲ့ဒီ သစ်ပင်ဆီကို ထပ်မသွားကြတော့ဘူး။ နောက်စမ်းသပ်မှုတစ်ခုမှာကြတော့့ သုတေသနသမားတွေက ပုရွက်ဆိတ်တွေကို အစာကိုမကျွေးပဲထားလိုက်တယ်။ လူတွေကိုသာ အဲ့လိုလုပ်ရင် တော်တော်ကို ပြဿနာကြီးပြီ။ ပုရွက်ဆိတ်တွေကတော့့ အစာရှာဖို့ အလုပ်လုပ်လို့ မရတော့့ အသိုက်က ကလေးတွေကို ထိန်းတာတို့ဘာတို့ တခြားအလုပ်ပြောင်းလုပ်ကြတယ်။ အခုချိန်ထိ ကမ္ဘာပေါ်မှာ သန်းပေါင်းမြောက်မြားစွာသော ပုရွက်ဆိတ်တွေရှိနေကြသေးတာ အပြောင်းအလဲကို လက်ခံတတ်ကြလို့ပါ။
ကျွန်တော်တို့ လူသားတွေလည်း ဒါကို အတုယူသင့်ပါတယ်။ အဖွဲ့အစည်းတစ်ခုက အပြောင်းအလဲတွေနဲ့ကြုံနေမှသာ ဆန်းသစ်တီထွင်မှုတွေနဲ့ လုပ်ကိုင်နိုင်စွမ်းတွေ တက်လာမှာပါ။\n
\n ပုရွက်ဆိတ်တွေက အသင်းအဖွဲ့ရဲ့လိုအပ်ချက်ကို သူတို့လိုအပ်ချက်ထက် ပိုပြီး အလေးထားတယ်။ သူတို့ ဘုရင်မရဲ့ ကလေးတွေကိုလည်း ကူထိန်းပေးတယ်၊ တခြား ပုရွက်ဆိတ်တွေရဲ့ ဆောက်လုပ်ရေးပိုင်းတွေ ဝင်လုပ်ပေးတယ်၊ အစာတွေကူရှာပေး သယ်ပေးတယ်၊ ပြီးတော့့ အသိုက်မပျက်ရေး ရှင်သန်ရေးအတွက် တိုက်စရာရှိ တိုက်ခိုက်ကြတယ်။
လူတွေမှာ ကိုယ့်တစ်ဦးတည်းအတွက်ပဲ ဦးတည်လုပ်နေတဲ့လူပါတာနဲ့ အသင်းအဖွဲ့ ဒါမှမဟုတ် အဖွဲ့အစည်းတစ်ခုလုံးရဲ့ စွမ်းဆောင်ရည် က ကျဆင်းတော့တာပဲ။ ဒါကြောင့် ကိုယ့်အတွက်ထက် ကိုယ့်အဖွဲ့အစည်းအတွက်ကို ပိုငဲ့သင့်ပါတယ်။ လေ့လာသုံးသပ်ချက်တွေအရတော့ လူတွေက သူတို့က အတ္တမကြီးပဲ အဖွဲ့အစည်းအတွက် လုပ်ကိုင်တယ်လို့ ထင်နေဦးတော့ အမှန်တကယ်တော့ ကိုယ့်အတွက်ကိုပဲ ပိုကြည့်တတ်ကြတယ်လို့ ဆိုပါတယ်။\n
\n ဘာလို့ တခြားပုရွက်ဆိတ်ရဲ့ ကလေးကိုထိန်းပေးကြတာလဲ။ လုပ်သင့်လုပ်ထိုက်တဲ့ အလုပ် မှန်ကန်တဲ့အလုပ်တစ်ခု ဖြစ်လို့ပါ။ သူတို့ အလုပ်လို့ ခံယူထားလို့ပါ။
ကျွန်တော်တို့လူတွေကတော့့ တစ်ခုခုဆိုရင် ဘယ်ဟာကပဲ ကိုယ်နဲ့ဆိုင်တယ်၊ ဘယ်ဟာကတော့့ မဆိုင်ဘူးဆို ကြည့်တတ်ကြ ပြောတတ်ကြပါတယ်။ လက်ညှိုးထိုးဖို့ ဆင်ြေခပေးဖို့ ကြိုးစားကြပါတယ်။ တာဝန်မယူချင်ကြဘူး။
ပုရွက်ဆိတ်တွေကတော့ ဆန့်ကျင်ဖက်ပါပဲ။ တာဝန်ယူတာမှ အမှားမရှိအောင်တောင် လုပ်ဆောင်ကြတဲ့ အကောင်လေးတွေပါ။ သူတို့လုပ်ချင်တာကို ထလုပ်ကြတာမျိုးမဟုတ်ပဲ မှန်ကန်တာ လုပ်သင့်တာကိုပဲ လုပ်ကြပါတယ်။
လူသားတွေလည်း မှန်တဲ့ လုပ်သင့် အလုပ်တွေပဲ လုပ်ကြမယ်ဆိုရင် တစ်ဦးချင်းစီရဲ့ လုပ်အားတွေ ပိုမိုတိုးတက်လာမယ့်အပြင် ဆက်ဆံနေရတဲ့ ဖေါက်သည်တွေကိုပါ အကောင်းဆုံး ဝန်ဆောင်မှုတွေ ပေးနိုင်လာပါလိမ့်မယ်။ ဒါကိုဘာလို့ထည့်ပြောရတာလဲဆိုတော့့ ဈေးဝယ်သူဖေါက်သည်တွေ သူတို့ကိုဘာတွေပေးလာမလဲ လုပ်ပေးမလဲဆိုတာ တစ်ခုကိုပဲ တကယ်စိတ်ဝင်စားကြတာမို့ပါ။\n
\n ပုရွက်ဆိတ်တွေက အချင်းချင်းလည်း အကဲခတ်ကြတယ်။ အသိုက်တူတူကဟုတ်ရဲ့လားသိအောင် တစ်ကောင်နဲ့ တစ်ကောင် အမြဲတမ်း အနံ့ခံကြတယ်။ တစ်ကောင်နဲ့ တစ်ကောင် ဘယ်လိုလုပ်ရကိုင်ရတယ်ကို သင်ပြပေးတယ်။
ကျွန်တော်တို့ လူတွေ တစ်ဦီးနဲ့ တစ်ဦီး သုံးသပ်တာမျိုးကြီးနဲ့တော့့ မတူဘူးပေါ့့။ အလုပ်မလုပ်တဲ့ ပုရွက်ဆိတ်တစ်ကောင်အဖို့ သူ့ခေါင်းကို ကိုက်ဖြတ်ခံရနိုင်တယ်လေ။ ဒါပေမယ့် ဒီသဘောတရားက သူတို့တွေကြားမှာ သူ့ဟာနဲ့သူ မျှတသွားအောင်လုပ်ပေးတာပဲလေ။
လုပ်ဖေါ်ကိုင်ဖက်အချင်းချင်း ပြန်လည်သုံးသပ်ကြပြီး တာဝန်ယူတတ်အောင် လုပ်ဆောင်ကြမယ်ဆိုရင် အဖွဲ့အစည်းရဲ့ လုပ်အားက ကောင်းမွန်နေမှာပဲ။ မလိုက်နာနိုင်တဲ့လူထွက်ဆိုတာမျိုးတွေပြောဖို့အတွက် ကျွန်တော်တို့တွေ ခေါင်းဆောင်တွေကို တာဝန်ပေးထားတာမလား။ ဒါပေမယ့် လုပ်ဖေါ်ကိုင်ဖက်အချင်းချင်းး ပြန်လည်သုံးသပ်ပြောတာတွေက ပိုတောင် ကြောက်ဖို့ကောင်းပါလိမ့်မယ်။\n
\n \n
", "image": "https://yanlinnthor.github.io/media/posts/14/salmen-bejaoui-pTWNamiyDkQ-unsplash.jpg", "author": { "name": "yan" }, "tags": [ "Translation", "Management" ], "date_published": "2021-02-05T20:29:34+06:30", "date_modified": "2021-02-05T21:17:07+06:30" }, { "id": "https://yanlinnthor.github.io/10-is-becoming-better-but-i-still-prefer-my-mint.html", "url": "https://yanlinnthor.github.io/10-is-becoming-better-but-i-still-prefer-my-mint.html", "title": "10 is becoming better but I still prefer my Mint", "summary": "Windows 10 is definitely becoming better in recent years. Can't deny that. I still found…", "content_html": "\n\n Windows 10 is definitely becoming better in recent years. Can't deny that. I still found Linux Mint better for development and more beautiful. On a decent hardware, the performance of the two has little difference. Decent means using SSD and RAM 16GB haha. On a not so decent hardware, I am sure Mint will perform way better and smoother. \n
\n\n\n The main reason of my fondness for Mint is it's easiness. It is just easy to do things on it. Linux is famous for being able to customize, tweak and do whatever-the-hell you want with your system. Mint made it easier by providing various user friendly features. \n
\n\n\n Actually there are many things I can write about my experience with Linux Mint. \n
\n\n\n Well, those are for future. (#PostsToWrite)\n
\n Now I just wanna share some screenshots of my current set up.\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-11-24-29.png\")
\n \n \n I am using Linux Mint 20 Cinnamon version with Arc-Dark theme and Zafiro icons. Above terminal is HyperTM with zsh shell and using Menlo font. I can write about my Hyper terminal, zsh and Oh My Zsh in another post. (#PostsToWrite)\n
![\"\"](\"https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-11-23-24.png\")
\n \n \n (xyz is my workspace folder where I just dump any files and folder quickly. don't confuse with xxx)\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-12-38-40-2-2.png\")
\n \n \n I like my desktop clean. I have been using this Bojack wallpaper for more than 1 year now I think. First arrow : I hide my various icons and applets using an applet. Just need to know the current keyboard layout and network status. Second arrow : a custom command launcher which is linked to a bash script to easily open my project windows. Opening a project folder from it will run all the following apps and windows. And yes, the panel auto hide.\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-11-24-53.png\")
\n \n \n PhpStorm, Terminal, Directory, Brave browser, Notion, Sublime Merge : all open at the selected project directory.\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-11-22-51.png\")
\n \n \n My PhpStorm with Dracula theme and FiraCode font. I am still not very good with it's keymaps. Once I get used to them, I am gonna make it clutter free and cleaner.\n
\n\n\n There you go. A brief introduction to my Mint.\n
", "image": "https://yanlinnthor.github.io/media/posts/12/Screenshot-from-2020-10-16-12-38-40.png", "author": { "name": "yan" }, "tags": [ "Tech Stuff" ], "date_published": "2020-10-16T13:58:38+06:30", "date_modified": "2020-10-16T15:23:48+06:30" }, { "id": "https://yanlinnthor.github.io/wanted-ai-pa.html", "url": "https://yanlinnthor.github.io/wanted-ai-pa.html", "title": "Wanted - AI PA", "summary": "Imagine မနက်တိုင်း ကိုယ်မပေးထားပဲ သူ့ဟာသူ အချိန်မီ မြည်လာမယ့် နှိုးစက်သံနဲ့ ထ။ ကိုယ် သွားတိုက် မျက်နှာသစ် အိမ်သာတက် ရေချိုး မနက်စာပြင် ဘာညာလုပ်နေတုန်း…", "content_html": "\n\n မနက်တိုင်း ကိုယ်မပေးထားပဲ သူ့ဟာသူ အချိန်မီ မြည်လာမယ့် နှိုးစက်သံနဲ့ ထ။\n
\n\n\n ကိုယ် သွားတိုက် မျက်နှာသစ် အိမ်သာတက် ရေချိုး မနက်စာပြင် ဘာညာလုပ်နေတုန်း ကိုယ်နားထောင်ချင်မယ့် podcast (သို့) ကိုယ့်အကြိုက် သီချင်း playlist (သို့) ကိုယ်သိသင့်မယ့် သတင်းဘာညာကို နားထောင်။\n
\n\n\n မနက်စာစားနေတုန်း ကိုယ်က \"ဘာအရေးကြီးတာရှိလဲ\" မေးလိုက်ရင် ကိုယ့်အတွက် အရေးကြီးလောက်တဲ့ mail တွေ၊ message တွေ၊ noti တွေ၊ reminder တွေကို အဖြေပေး။ သူ့အဖြေနားထောင်ရင်း ဘယ် mail ကိုတော့ ဘာပြန်လိုက်၊ ဘယ်သူ့ကိုတော့ ဘာ reply ပို့၊ ဘယ်သူ့ဆီဘာပို့တွေ တစ်ထိုင်တည်းပြော သူကရေးပို့။ Mail တွေဆိုလည်း ကိုယ်ပုံမှန် title ဖတ်ပြီး ဖျက်နေကြ ဆိုလည်း ဖျက်ထား၊ ကိုယ် archive လုပ်နေကြဟာတွေဆိုလည်း လုပ်ထား ပြီး ကိုယ့်ကို ဘယ်က ဘယ်က ဟာတွေတော့ archive တွေ delete တွေ လုပ်ထားတယ်လောက်ပဲ ပြောပြ။ Reminder တွေဆိုလည်း ဘေလ်ဆောင်ဖို့ ဘာညာဆို တစ်ခါတည်း သူ့ဟာသူ ဆောင်ပေး။ ကိုယ့် ငွေအကောင့်တွေထဲ နည်းနေပြီဆိုလည်း တစ်ခါတည်းသတိပေး။ နောက်တစ်ခါတည်း ဒီနေ့ ဘယ်အချိန်ကျရင် ဘယ်သူ့ကို ဘာအတွက် ကိုယ်တိုင်ဖုန်းဆက်ရမယ် (သို့) စာပို့ဖို့ရှိတယ် သတိပေးပါလို့ ပြောရင် သူက reminder မှတ်ထား။\n
\n\n\n တစ်လက်စတည်း ဒီနေ့ ဘယ်သူနဲ့တွေ့ဖို့ ဘယ်သွားဖို့ရှိတာ မေး။ သွားဖို့အဆင်မပြေတာ ဘာညာ တစ်ခါတည်း သူ့ကိုပြော။ သူက နောက်နေ့ ချိန်းဖို့ လုပ်။ တစ်ခြား သူပြောတဲ့ထဲ မပါတဲ့ တွေ့စရာ သွားစရာတွေ သူ့ကိုသိအောင်ပြော။ တက္ကစီ စီးပြီးသွားဖို့ လိုတာဘာညာဆို သူက တစ်ခါတည်း grab booking ပါ တစ်နေ့လုံးစာ ကြိုလုပ်ပေးထား။ ကိုယ်နဲ့တွေ့မယ့် လူတွေကိုလည်း တွေ့ဖို့ အချိန်နဲ့နေရာ အသိပေးစရာ mail တွေ message တွေ သင့်တော်ရာပို့ပေးထား။\n
\n\n\n အလုပ်ခုံမှာ ထိုင်ပြီဆို ဦးစားပေး လုပ်စရာအလုပ်တွေ ကိုယ့်ရှေ့ချပေး။ ကိုယ်က ဘယ်ဟာနောက်မှ လုပ်မယ် ဘာညာရွှေ့ရင် သူကမှတ်ထား။ အလုပ်လုပ်နေရင်း သီချင်းနားထောင်ချင်တယ်ပြောရင် ကိုယ်ကြိုက်လောက်မယ့် playlist ဖွင့်ပေး။ အလုပ်လုပ်နေတဲ့အချိန် ဖုန်းတွေ noti တွေကို အရမ်းအရေးကြီးတယ်ထင်မှ ကိုယ့်ကို အသိပေး။ အရေးမကြီးလောက်တာတွေတော့ အလုပ်နားတဲ့ အချိန်ထိ ကိုယ်က မကြည့်ဖြစ်သေးမှ သတိပေး။ ကိုယ့်ကို သတိပေးပါ ပြောထားတဲ့ reminder တွေကိုတော့ အချိန်ရောက်ရင် သူက သတိပေး။ \n
\n\n\n အလုပ်လုပ်နေရင်းလည်း လုပ်နေတာနဲ့ ဆက်စပ်ပြီး ပေါ်လာတဲ့ မှတ်စရာတွေ သူ့ကိုမှတ်ခိုင်း။ အင်တာနက်မှာ၊ ကိုယ့်စက်ထဲမှာ၊ ကိုယ့် mail တွေ storage တွေ၊ work application တွေမှာ ရှာစရာဘာညာ ရှိရင် သူ့ကို ကူရှာခိုင်း။ ကိုယ့်စက်တွေ တစ်ခုနဲ့ တစ်ခုထဲ ဟိုဟာပို့ချင် ဒီကာကူးချင်ရင်လည်း သူ့ပေးလိုက် သူကကူးပေး။ အများနဲ့လုပ်နေတဲ့ အလုပ်တွေထဲက ကိုယ်ကပြီးတာရှိတာနဲ့ သူက သက်ဆိုင်ရာလူတွေကို အသိပေးသင့်တဲ့ နေရာက အသိပေး။\n
\n\n\n တစ်နေ့ တစ်နေ့ ဝယ်ချင်တာ လိုအပ်တာ ပေါ်လာရင် သူ့ကိုပြောထား။ သူက တွေ့တာတွေ စုပြီး ကိုယ်က ရွေးပြီး confirm တာကို သူက ဝယ်ပေး။ တစ်ချို့ ပုံမှန်ဝယ်နေကြဘာညာဆိုရင်တော့ ကိုယ်က ကုန်နေပြီပြောရင် သူက သူ့ဟာသူ အော်ဒါမှာပေးထား။ တစ်ချို့ ကိုယ်ကြိုက်တဲ့အရာတွေ promo ချ၊ discount ချရင်လည်း သူက ကိုယ့်ကို ပြောပြ။ အနားယူတဲ့အချိန် ဖတ်စရာ သတင်း ဆောင်းပါး စာအုပ်၊ ကြည့်စရာ ရုပ်ရှင်၊ အွန်လိုင်း ဗီဒီယိုတွေ လည်း သူကရှာထားပြီး ကိုယ်ကအဆင်သင့် ဖတ်ရုံ ကြည့်ရုံ။ \n
\n\n\n ညရောက်လို့ ကိုယ်အိပ်သွားရင် ကိုယ့်တစ်နေ့တာလုပ်ဆောင်တာတွေကို သူက ပြန် check၊ မှတ်စုမှတ်၊ ကိုယ့် mail တွေစစ်၊ နောက်နေ့ ကိုယ့်ကို ပြောဖို့ဟာတွေ ပြဖို့ဟာတွေ ပြင်ဆင်၊ နောက်နေ့အတွက် alarm ပေး။\n
", "image": "https://yanlinnthor.github.io/media/posts/11/photos-hobby-JjGXjESMxOY-unsplash.jpg", "author": { "name": "yan" }, "tags": [ "Thoughts" ], "date_published": "2020-09-28T19:13:08+06:30", "date_modified": "2020-09-28T19:13:08+06:30" }, { "id": "https://yanlinnthor.github.io/for-a-programmer-keep-a-notebook.html", "url": "https://yanlinnthor.github.io/for-a-programmer-keep-a-notebook.html", "title": "For A Programmer - Keep A Notebook", "summary": "နယ်ပယ်တစ်ခုမှာ ဆယ်စုနှစ်တစ်ခုကြာ ကျင်လည်လာပြီးနောက်တော့ ထိုနယ်ပယ်နဲ့ ပတ်သက်လို့ ပြောပြစရာတွေလည်း အတိုင်းအတာတစ်ခုအထိတော့ ရှိလာတာပါပဲ။ ထို့ကြောင့်မို့ ပရိုဂရမ်မာကောင်းတစ်ယောက်လို့ မိမိကိုယ်ကို မခံယူနိုင်သေးသော်ငြား ပရိုဂရမ်မာတွေကိုတော့ ပြောပြမျှဝေပေးချင်တာလေးတွေ အတိုင်းအတာတစ်ခုထိ…", "content_html": "\n\n နယ်ပယ်တစ်ခုမှာ ဆယ်စုနှစ်တစ်ခုကြာ ကျင်လည်လာပြီးနောက်တော့ ထိုနယ်ပယ်နဲ့ ပတ်သက်လို့ ပြောပြစရာတွေလည်း အတိုင်းအတာတစ်ခုအထိတော့ ရှိလာတာပါပဲ။ ထို့ကြောင့်မို့ ပရိုဂရမ်မာကောင်းတစ်ယောက်လို့ မိမိကိုယ်ကို မခံယူနိုင်သေးသော်ငြား ပရိုဂရမ်မာတွေကိုတော့ ပြောပြမျှဝေပေးချင်တာလေးတွေ အတိုင်းအတာတစ်ခုထိ ရှိနေပါတယ်။ မျှဝေတာတွေကို လက်ခံတာ လက်မခံတာကတော့ စာဖတ်သူ ပရိုဂရမ််မာရဲ့ တာဝန်ပေါ့။ ဒါကြောင့် For A Programmer ဆိုပြီး Series နဲ့ ရေးဖို့ စိတ်ကူးရှိပေမယ့် ဘယ်နှစ်ပုဒ်ရေးဖြစ်မယ်တော့ မသိသေးဘူး။ (ဘလောဂ့်မှာ တစ်လတစ်ပုဒ် အနည်းဆုံး ရေးဖို့ ကြံထားတာတောင် ဇူလိုင်လအတွက် မရေးဖြစ်အောင် စာရေးကပျင်းတယ်။) ဘာပြောပြော ခု တစ်ပုဒ်ကတော့ ပထမခြေလှမ်းပေါ့။\n\n\n
\n ပထမဦးဆုံးစပြီး ပရိုဂရမ်မာတွေကို ပြောပြချင်တာကတော့ မှတ်စုစာအုပ်နဲ့ မှတ်စုမှတ်တဲ့ အလေ့အထရှိစေချင်တာပါ။ မှတ်စုမှတ်တဲ့ အလေ့အထမဟုတ်ဘူးနော်။ တော်တော်များများမှာ ဟိုမှတ် ဒီမှတ်လုပ်တဲ့ အကျင့်ကတော့ ရှိပြီးသား။ အနည်းဆုံး မှတ်စုစာအုပ်နဲ့ မှတ်စေချင်တာပါ။ အဖြစ်ချင်စေဆုံးကတော့ မှတ်စုစာအုပ်မှာတောင် နည်းစနစ်တကျ မှတ်တာပဲ။ နည်းစနစ်တကျ မှတ်စုစာအုပ်မှာ မှတ်ရင်ရမယ့် အကျိုးကျေးဇူးတွေကတော့\n
\n\n\n ပရိုဂရမ်မာတစ်လောက်အဖို့ တစ်နေ့ တစ်နေ့ ထိတွေ့ရတဲ့ data & information တွေက အရမ်းများပါတယ်။ လုပ်ငန်းခွင်ဝင်တဲ့ လူမပြောနဲ့၊ ပရိုဂရမ်မင်းကိုလေ့လာနေသူတစ်ဦးအတွက်တောင် တစ်နေ့တာမှာ သင်ခန်းစာတွေကဖြစ်ဖြစ်၊ ဆရာကပြောတာကဖြစ်ဖြစ်၊ ဆောင်းပါးတွေဖတ်ရင်းကဖြစ်ဖြစ် မှတ်သားစရာတွေ အမျိုးမျိုးရှိနေတာပါ။ တကယ့် လုပ်ငန်းခွင်မှာဆိုရင်တော့ ပြောမနေပါနဲ့တော့။ ကိုယ်လုပ်နေရတဲ့ project နဲ့ ပတ်သက်လို့ clients တွေပြောတာတွေ၊ အထက်လူကြီးတွေ လိုချင်တာတွေ အကုန်လုံးကို မှတ်ထားဖို့ မဖြစ်နိုင်တောင် အရေးကြီးတာတွေကိုတော့ မမေ့မလျော့ မှတ်ကိုမှတ်ထားရတာပါ။ Project ကို အစည်းအဝေးမှတ်တမ်းတွေ၊ documentation တွေ၊ project requirements တွေနဲ့ စနစ်တကျလုပ်ထားဦးတော့ ရံဖန်ရံခါမှာ phone ပြောနေရင်းကနေ စကားစပ်မိလို့ \"ဟိုနေရာလေးကို ဒီလိုလုပ်ထားပေးဦး\" ဆိုတာမျိုး၊ viber/whatsapp/slack/messenger/email တွေကနေ screenshot လေးပို့ပြီး \"ဒါလေးမှားနေတာ ပြင်ပေးပါ\" ဆိုတာမျိုး၊ အလုပ်ကလူတွေနဲ့ ဘီယာဆိုင်ထိုင်နေရင်းကနေ \"ဟေ့ရောင် client ကတော့ မပြောထားဘူး၊ ဒါပေမယ့် ဒီ _ _ _ feature ထည့်ထားတာကောင်းမယ်၊ အခုမတောင်းလည်း နောက်တောင်းမှာ ငါသိတယ်\" ဆိုတာမျိုးတွေကိုလည်း တစ်နည်းမဟုတ် တစ်နည်း မှတ်ထားဖို့လိုလာပါလိမ့်မယ်။ \n
\n\n\n ဒါ့အပြင် လုပ်ငန်းခွင်ဝင်နေရလို့ လေ့လာစရာ သင်ယူစရာ မလိုတော့ဘူးဆိုတာမျိုး ပရိုဂရမ်မာတွေအတွက် မရှိပါဘူး။ အလုပ်မှာ google နဲ့ stackoverflow မသုံးတဲ့နေ့ ရှိလား ပြော။ ကိုယ်မသိသေးတာတွေကို နေ့စဥ်ကို ကြုံတွေ့နေရတာပါ။ \"အင်းလေ google နဲ့ stackoverflow ရှိတာပဲ။ ကိုယ့်ဟာကို ဘာလို့မှတ်နေမှာလဲ။ လိုတိုင်းရှာပြီး ဖတ်လို့ရနေတာပဲ\" လို့ ခံယူထားတဲ့လူတွေလည်း ရှိနိုင်ပါတယ်။ ကိုယ် search ရမယ့် keyword နဲ့ ဖတ်ရမယ့် link ကို တစ်ချိန်ချိန်မှာ မမေ့ဘူးလို့ သေချာရင်တော့ ကောင်းတာပေါ့။ \"လိုတိုင်းရှာပြီး ဖတ်လို့ရတယ်\" ဆိုတဲ့စကားမှာ \"ကိုယ်ဘာလိုချင်တာ\" ရယ် \"ကိုယ်ဘာဖတ်ရမှာ\" ရယ်က အရေးကြီးပါတယ်။ Google search result, stackoverflow answer တွေကနေ Github repo တွေဆီလည်း ရောက်သွားနိုင်တယ်၊ Gist တွေ Snippet တွေဆီလည်း ရောက်သွားနိုင်တယ်၊ ပဝေသဏီက ရှိခဲ့တဲ့ အင်တာနက်ဖိုရမ်တစ်ခုကိုလည်း ရောက်သွားနိုင်တယ်။ မှတ်စုစာအုပ်မှာသာ ကိုယ်ရှာနေတဲ့ အဖြေနံါ ဒီအဖြေကို ဘယ်သူက ဘယ်မှာ ပြောသွားတာလဲကို မှတ်ထားလိုက်ရင် နောင်တစ်ချိန် အလားတူ ပြဿနာ အခက်အခဲတွေ့ရင် ကိုယ့်မှတ်စုထဲမှာပဲ လွယ်လွယ်ကူကူ မြန်မြန်ဆန်ဆန် ကြည့်လို့ရတာပေါ့။\n
\n\n\n ကျွန်တော်ကတော့ ဦးနှောက်ဆိုတာ အရေးကြီးတာတွေပဲ မှတ်ထားသင့်တယ်လို့ လက်ခံသူပါ။ ဒါကြောင့်မို့ အကြောင်းအရာတစ်ခုကို စိတ်ထဲခေါင်းထဲမှာ ၏သည်မလွဲမှတ်ထားဖို့ထက် ဘယ်လိုဘယ်ပုံဆိုတဲ့ သဘောတရားကိုပဲ ကျေညက်အောင် နားလည်လက်ခံနိုင်အောင် ကြိုးစားဖြစ်ပါတယ်။ ဘယ်လို အခက်အခဲအမျိုးအစားဆို ဘယ်လို tools မျိုးနဲ့ ဖြေရှင်းသင့်တယ်ဆိုတာမျိုးကို လေ့လာသင်ယူပြီး မှတ်သားဖြစ်ပေမယ့် ဒီ tool တစ်ခုက ဘယ်ပုံဘယ်နည်း အလုပ်လုပ်တာ ခရေစေ့တွင်းကျပြောပြပါဆို ကျွန်တော့်မှာ ပြောနိုင်စွမ်းမရှိပါဘူး။ ဘယ်ပုံဘယ်နည်း အလုပ်လုပ်တာသိချင်ရင် ဘယ် manual ကိုဖတ်ရမယ်တို့ documentation က ဘယ် ခေါင်းစဥ်မှာ ရှိတယ်တို့တော့ ကျွန်တော်သိတယ်။ နောက်တစ်ခါ ဒီ tool နဲ့ ပတ်သက်တဲ့ အသုံးဝင်တဲ့ shortcut တွေ၊ hack တွေ၊ ကိုတော့ မှတ်စုထဲက ပြန်ကြည့်ပြီး လုပ်ပေးတတ်တယ်။ ကျွန်တော့်ရဲ့ ပင်ကိုယ် မှတ်မိနိုင်စွမ်းကလည်း နည်းတာမို့ မှတ်ဉာဏ်ထဲမှာ အများကြီး မှတ်ရတာ ကြိုက်ကို မကြိုက်သလို မှတ်လည်း မမှတ်နိုင်ပါဘူး။ ဒါကြောင့် မှတ်စုစာအုပ်မှာ လိုအပ်တာတွေကို စနစ်တကျ မှတ်ထားခြင်းက ကျွန်တော့်အတွက်တော့ တော်တော့်ကို အသုံးဝင်ပါတယ်။\n
\n\n\n မှတ်ဉာဏ်အရမ်းကောင်းကြသူတွေကိုလည်း ကျွန်တော်ကတော့ မှတ်စုထားစေချင်တာပါပဲ။ တန်ဖိုးရှိတဲ့ မှတ်ဉာဏ်ကို အရေးကြီး အသုံးဝင် အဖိုးမဖြတ်နိုင်တဲ့ ပညာဗဟုသုတတွေနဲ့ပဲ ပြည့်အောင်ဖြည့်တင်းတာ မကောင်းဘူးလား။ Project တစ်ခုမှာ ဖိုင်ပေါင်း ဘယ်၂ခုပါတာ၊ ဘယ်ဖိုင်မှာ ဘာ function ပါတာ၊ ဘယ် function ကို ဘယ်ဖိုင်တွေက ခေါ်သုံးတာတွေကို မှတ်မိအောင်လုပ်ပြီး မှတ်ဖို့ထက် ဒီ project ကို ဘယ်နည်းစနစ်နဲ့ တည်ဆောက်ထားလဲဆိုတာကို မှတ်ဖို့က ပို အရေးကြီးတာ မဟုတ်ဘူးလား။ ဒါပေမယ့် တစ်ခါတစ်လေတော့လည်း ခုနကပြောတဲ့ ဘယ် function မှာ ဘာပါတယ်ဆိုတာမျိုးလေးက လွယ်လင့်တစ်ကူ ပြန်ကြည့်လို့ရအောင် တစ်နေရာရာမှာ သိမ်းထားဖို့လိုမျိုး ဖြစ်လာရင်မှ မှတ်စုစာအုပ်လေးထဲ မှတ်ထားလိုက်ပေါ့။ \n
\n\n\n Programming is problem solving လို့ ကျွန်တော်က အဓိပ္ပါယ်ဖွင့်ဖြစ်တယ်။ တစ်ခုမဟုတ်တစ်ခု အဖြေထုတ်နေရမယ့် ခေါင်းတစ်လုံးက တည်ငြိမ်ရှင်းလင်းနေမှ အလုပ်ကောင်းကောင်းလုပ်နိုင်မှာပါ။\n
\n\n\n Daily report တွေ diary တွေလူတိုင်းတောင် မလုပ်နိုင်တာ ပရိုဂရမ်မာတွေဆို ပိုတောင်မလုပ်ကြဖို့ သေချာပါတယ်။ နောက် ကိုယ်ပိုင်ရော တွေ့ဖူးတဲ့ အတွေ့အကြုံရောအရ ကျွန်တော်တို့ ပရိုဂရမ်မာအများစုသည် ကုဒ်ကလွဲရင် တခြားသောစာအမျိုးအစားတွေ ရေးရတာပျင်းကြတယ်။ နဂိုတည်းကိုကလည်း ပျင်းကြသူတွေ။ (ပျင်းလို့လည်းပဲ ဒီနယ်ပယ်ရောက်လာတာပဲမလား ဒီအကြောင်းနောက်မှ စာတစ်ပုဒ်သပ်သပ်ရေးချင်သေးတယ်။) ဒါပေမယ့် ကိုယ်ပျင်းခဲ့တဲ့ ဒုက္ခကြောင့် အနာဂတ်မှာ အခက်ကြုံရတာကလည်း ကိုယ်ပါပဲ။ ဘာကိုပြောချင်တာလဲဆိုရင် ပရိုဂရမ်မာကောင်းတစ်ယောက်ဖြစ်ဖို့အတွက် documentation ပြုစုတတ်ဖို့က မရှိမဖြစ် အရည်အချင်းတစ်ခုပါ။ စာအုပ်တွေနဲ့ ဖိုင်သီးသန့်နဲ့ပဲ လုပ်လုပ်၊ ကိုယ်ရေးတဲ့ ကုဒ် မှာ comment တွေနဲ့ပဲ လုပ်လုပ် documentation လုပ်ထားမှသာလျှင် တခြားလူတွေအတွက် အထောက်အကူပြုမှာပါ။ ဟာ ကျွန်တော်က ကျွန်မက တစ်ယောက်တည်း အလုပ်လုပ်တာ။ ဒီလောက်လုပ်ဖို့ မလိုဘူးလို့ ထင်ရင် လွန်ခဲ့တဲ့ တစ်နှစ်လောက်က အဲဒီ ကျွန်တော် ကျွန်မ ရေးခဲ့ဖူးတဲ့ project တစ်ခုခု၊ function တစ်ခုခုကို အခုဖတ်ကြည့်ရင် ချက်ချင်းသိလား ကိုယ်ဘာလုပ်ခဲ့တယ်ဆိုတာ။ (hello world project တွေတော့ မပါဘူးနော်) မညာကြေးဗျ။ ကျွန်တော်ဆို တစ်နှစ်မပြောနဲ့ ပြီးခဲ့တဲ့လ က ရေးထားတာတွေကိုတောင် သေချာပြန်ဖတ်မှ သဘောပေါက်တာမျိုး။\n
\n\n\n ကဲထားပါတော့ Documentation လုပ်ဦးတော့ ကိုယ်လုပ်ခဲ့တာက ဘယ် variable တွေလက်ခံပြီး ဘယ်လို type တွေ return တာပါဆိုတဲ့ နည်းပညာဆန်တဲ့ documentation လောက်ဆိုရင်တောင်မှ ကျွန်တော် အပေါ်က မေးခွန်းအတွက် အဖြေက \"မသိဘူး\" ဖြစ်နေဦးမှာပါ။ ကိုယ်ဘာရည်ရွယ်ချက်နဲ့ ဒီ function ကို ရေးတယ်ဆိုတဲ့ why ဆိုတဲ့ အချက်တွေကိုပါ ချရေးမှတ်သားထားတဲ့ documentation ဖြစ်နေမှသာ အဆင်ပြေမှာ။ အစဥ်အမြဲ deadline ကျော်မှ အလုပ်ပြီးတဲ့ ကျွန်တော်တို့ ပရိုဂရမ်မာတွေ (ဒါလည်း အမှန်တရားတစ်ခုပါ မငြင်းချင်ပါနဲ့) အတွက် အနာဂါတ်အရေးကြိုတွေးပြီး အစီအစဥ်အကျတွေ မှတ်ထားမယ် ရေးနေမယ်ဆိုလည်း အလုပ်တွေကပိုပြီး မပြီးမပြီးဖြစ်နေဖို့ပဲရှိမှာပါ။ ဒါကြောင့် ထိထိမိမိ ကျစ်ကျစ်လစ်လစ်နဲ့ ကိုယ့် script တစ်ခု function တစ်ခု class တစ်ခု library တစ်ခု solution တစ်ခုက ဘာကြောင့်ဘယ်လို လုပ်ထားတာ၊ ဘယ်သူ့ဆီက ဘာတွေတော့ သုံးထားတယ်၊ ဘယ်ဟာတော့ လိုနေတယ် စတဲ့ အရေးကြီးတဲ့ မှတ်စုလေးတွေကို အလုပ်လုပ်နေရင်း၊ စဥ်းစားနေရင်း၊ ရှာရင်းဖွေရင်း၊ copyရင်း pasteရင်း မှာ မှတ်စုစာအုပ်လေးထဲ ထည့်ထားခဲ့သင့်ပါတယ်။ နောင်တစ်ချိန် ဒီ project ဒီ အလုပ်နဲ့ ပတ်သက်လို့ ပြန်ထိတွေ့စရာလိုရင် ဖတ်ပြီးရင် မျက်မှောင်ကျုံ့ခေါင်းကုတ်ရမယ့် ကုဒ်ထက်၊ မှတ်စုစာအုပ်ထဲက မှတ်စုတွေကိုအရင် ဖတ်လိုက်တာက ပိုအထောက်အကူပြုပါလိမ့်မယ်။\n
\n\n ဘာကြောင့် မှတ်စုမှတ်သင့်လဲပြောပြီးတော့၊ ဘယ်လို စနစ်တကျ မှတ်စုမှတ်တယ်ဆိုတာကိုလည်း ပြောပြပါမယ်။\n
\n\n\n တွေ့ကရာစာရွက်တွေမှာ၊ စိတ်ကူးပေါ်တဲ့ software/app တွေမှာ၊ sticky note တွေမှာ မမှတ်ပါနဲ့။ ဘယ်လို မှတ်စုစာအုပ်အမျိုးအစားကို သုံးမလဲ သေချာလေ့လာစဥ်းစားပြီး အဲဒီ မှတ်စုစာအုပ်မှာပဲ အမြဲမှတ်ပါ။ ကျွန်တော်က မှတ်စုစာအုပ်ဆိုပြီး သုံးနေပေမယ့် တကယ့် ကိုင်တွယ်လို့ရတဲ့ စာအုပ်တွေကို ပြောနေတာမဟုတ်ပါဘူး။ Notebook app တစ်ခုခု ကို ပြောချင်တာပါ။ ခဲတံနဲ့ ဘောပင်နဲ့ ရေးချမှတ်ဖို့လို့ အတွက် စာအုပ်တစ်အုပ်လောက် အမြဲအနားရှိနေဖို့ လိုအပ်ပေမယ့် ပရိုဂရမ်မာတစ်ယောက်အတွက် စနစ်တကျ မှတ်စုမှတ်ချင်တယ်ဆို app သုံးခြင်းက အများကြီး အသုံးဝင်ပြီး အထောက်အကူပြုပါတယ်။ ကျွန်တော်တို့ သိမ်းထားချင်တဲ့ command လေးတွေ၊ article link တွေ၊ download link တွေ၊ screenshot တွေ၊ video url တွေကို စာရွက်ပေါ်မှာ သိမ်းဆည်းဖို့က လက်တွေ့မကျပါဘူး။ ဒါကြောင့် ကိုယ်သုံးနေကျ Computer OS, phone OS တွေ ပေါ်မှာ မူတည်ပြီး ဘယ် notebook app က ကိုယ့်အတွက်သင့်တော်မှာလဲ ရွေးပါ။ ရွေးပြီးတဲ့ app မှာပဲ အမြဲတမ်း မှတ်ပါ သိမ်းပါ။\n
\n\n\n ကိုယ်သုံးမယ့် မှတ်စုစာအုပ် app မှာ ပါကိုပါရမယ့် features တွေ။\n
\n\n\n မပါမဖြစ်မဟုတ်ပဲ ပါရင်တော့ ကောင်းတယ်ဆိုတဲ့ features တွေက\n
\n\n\n ဘယ် notebook app ကို သုံးမယ်ဆိုတာ ရွေးပြီးရင်တော့ အောက်က မေးခွန်းတွေကို ဖြေကြည့်ပြီး ကိုယ်သိမ်းဆည်းချင်တဲ့ မှတ်စုစနစ်တစ်ခုကို အရင်လုပ်ပါ။ ပြီးရင် စနစ်အတိုင်း မှတ်စုတွေ စမှတ်ကြည့်ပါ။ မှတ်ရင်း မှတ်ရင်း တဖြည်းဖြည်း ကိုယ်စဥ်းစားထားတဲ့ စနစ်က ကိုယ့်အတွက် ကိုယ့်အလုပ်တွေ အတွက် ကိုက်မကိုက်သိလာပါလိမ့်မယ်။ မကိုက်ညီရင် စနစ်ကိုပြင်ကြည့်ပါ။ \n
\n\n\n တစ်ခုခုလုပ်ပြီဆိုတိုင်း သက်ဆိုင်ရာ notebook app ကို အမြဲဖွင့်ထားပြီး မှတ်စုမှတ်ရင်း အလုပ်လုပ်တဲ့ အကျင့်ကို ကျင့်ပါ။ တစ်ခုခုက မှတ်သားသင့်ပြီလို့ ထင်တိုင်း app မှာ ချက်ချင်း မှတ်တဲ့ အကျင့်ကို ကျင့်ပါ။\n
\n\n နောက်ဆုံးအနေနဲ့ ကျွန်တော်သုံးတဲ့ notebook app တွေနဲ့ မှတ်စုမှတ်ပုံ မှတ်နည်းတွေကို ပြောပြပါမယ်။ \n
\n\n\n ကျွန်တော့် အလုပ်တွေ၊ အလုပ်လုပ်ပုံ၊ စဥ်းစားပုံတွေပေါ် အခြေခံပြီး လုပ်ထားတာဖြစ်တာမို့ ကျွန်တော့်နည်းအတိုင်း လိုက်လုပ်ကြည့်ရင် အဆင်ပြေတဲ့လူလည်းရှိနိုင်သလို မပြေတဲ့လူလည်း ရှိနိုင်ပါတယ်။ \n
\n\n\n ကိုယ်နေ့စဥ်လက်ထဲကိုင်ဆောင်ပြီး အလုပ်နဲ့ပတ်သက်ရင် မှတ်စရာအကုန်မှတ်တဲ့ မှတ်စုစာအုပ်သဘောမျိုးအတွက် Notion ကို သုံးပါတယ်။ Offline သုံးဖို့အဆင်ပြေအောင် computer ရော phone မှာ ရော app installed ပြီးသုံးပါတယ်။ သူ့မတိုင်ခင်က ကျွန်တော်စိတ်တိုင်းကျ notebook app ရယ်လို့ကို မရှိပဲ တော်တော် ဒုက္ခရောက်ခဲ့တယ်။ Joplin သုံးပေမယ့် ၁၀၀% စိတ်တိုင်းမကျခဲ့ဘူး။ ကျွန်တော်လိုချင်တဲ့ notebook တစ်ခုရဲ့ feature အကုန် ပါလာတဲ့ Notion ကို သိပြီးနောက် သူ့ကိုပဲ အဓိက မှတ်စုစာအုပ်အနေနဲ့ သုံးပါတယ်။\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/10/Screenshot-from-2020-08-02-17-50-23.png\")
\n \n \n အလုပ်တစ်ခုခုလုပ်တိုင်း ကျွန်တော် ဒါဖွင့်ထားပါတယ်။ Notion ကိုသုံးတဲ့သဘောက ယခုလတ်တလော active ဖြစ်နေတဲ့ အလုပ်တွေနဲ့ ပတ်သက်တာတွေကို မှတ်တာပါ။ အလွယ်အနေနဲ့ Sketchbook ထဲမှာ note page တစ်ခု အမြန်အလွယ်ရေးပြီး မှတ်ချင်တာမှတ်ဖြစ်တယ်။ Sketchbook အောက်မှာ စိတ်ကူးပေါက်တာတွေရော၊ လေ့လာချင်တာတွေရော အကုန်ထည့်ထားဖြစ်တယ်။ Sketchbook note တစ်ခုက တကယ်ကို Project တစ်ခုအနေအထားဖြစ်လာတဲ့အခါကျ Projects အောက်ပို့လိုက်ပါတယ်။ Notion က note page တစ်ခုထဲမှာ sub-page တွေ ကြိုက်သလို ထည့်လို့ရတာမို့ project တစ်ခုအတွက် ပတ်သက်တာအကုန်ကို project နာမည်တပ် note အောက်မှာပဲ သိမ်းထားပါတယ်။ No Status ကတော့ browser ကနေ အလွယ် bookmarklet သုံးပြီး သိမ်းတဲ့ link တွေ၊ ဒီတိုင်း အရေးမကြီးပဲ ဖျက်ချင်လည်းဖျက်လို့ရတဲ့ note တွေသိမ်းတာပါ။ Sketchbook နဲ့ Projects column အောက်က notes တွေများလာပြီး vertical scrollbar နဲ့ကြည့်မှ ရတဲ့ အဆင့်ဆို ဘယ် notes တွေကို ဖျက်သင့်လဲ၊ archive လုပ်သင့်လဲ စိစစ်ပြီး organize လုပ်ပါတယ်။\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/10/Screenshot-from-2020-08-02-17-40-45.png\")
\n \n \n ဒါက Notion note page တစ်ခုကို မြင်ရတဲ့ ပုံပါ။ ကြိုက်တာ သိမ်းလို့ရပါတယ်။ Link, code snippet, text, image, table အစုံ အစုံပါ။\n
\n\n\n Joplin ကိုတော့ ကျွန်တော့်မှတ်စုစာရွက်စာအုပ် အဟောင်းတွေကို စနစ်တကျသိမ်းတဲ့ စာအုပ်ဗီဒိုသဘောမျိုး သုံးပါတယ်။ Notion notes တွေများလာပြီး အဟောင်းတွေရှိနေပြီ organize ဖို့လိုနေပြီဆို Notion note pages တွေကို export သို့မဟုတ် copy/paste ပြီး Joplin ထဲမှာ သူ့နေရာနဲ့သူထည့်ပါတယ်။ တကယ်တော့ Notion မှာပဲ archive လုပ်ချင် လုပ်လို့ရပါတယ်။ ဒါပေမယ့် Notion က open-source မဟုတ်ပဲ commercial business တစ်ခုဖြစ်နေတော့ အပြည့်အဝမယုံတာပါ။ အကြောင်းကြောင်းနဲ့ သူတို့မှာ အပြောင်းအလဲတစ်ခုခုဖြစ်လို့ ကိုယ့်မှတ်စုတွေကို ထိခိုက်မှာ မလိုလားလို့။ Joplin က notes တွေကို ကိုယ့် device ထဲမှာပဲသိမ်းပြီး cloud မှာ သိမ်းမယ်ဆိုလည်း ကိုယ်ပိုင် storage service ဖြစ်တဲ့ (dropbox, gdrive) တို့မှာပဲ သိမ်းလို့ရတာ တစ်ခုက အရမ်းကောင်းတဲ့ အချက်ပါ။ သူ့မှာလည်း mobile app ရှိပေမယ့် ကျွန်တော်က archive ပဲလုပ်တာမို့ computer မှာပဲ app install ပြီးသုံးပါတယ်။\n
\n\n![\"\"](\"https://yanlinnthor.github.io/media/posts/10/Screenshot-from-2020-08-02-17-41-05.png\")
\n \n \n Notion က Project status အောက်က project တစ်ခုစီရဲ့ note pages တွေကို Joplin ရဲ့ Projects Notebook အောက်မှာသိမ်းပါတယ်။ Notion က Sketchbook, No Status note pages တွေကိုတော့ Research, Snippets, Solutions Notebook တွေအောက်မှာ သက်ဆိုင်ရာအလိုက် ထည့်ပါတယ်။ Safe Box မှာကတော့ SSH key တွေ၊ Server info တွေ စသဖြင့် အရေးကြီးတဲ့အချက်တွေ သိမ်းပါတယ်။ (Joplin မှာ Encryption feature ပါဝင်တာကလည်း အားသာချက်တစ်ခုပါ။) Notion မှာ Status column ရယ် Project name ရယ်နဲ့ပဲ note တွေကို အဓိက ခွဲခြားသိမ်းပြီး Tag feature မသုံးပါဘူး။ Notion မှာ ရှာချင်တာကို ကွန်ပျူတာ screen ပေါ်မှာပဲ မျက်လုံးနဲ့ ရှာလို့ ရနေတာမို့လို့ပါ။ Joplin ကတော့ archive လုပ်တာဆိုတော့ notes တွေ များပြီးရင်းများလာမှာမို့ tag တွေထည့်ပေးပြီးသုံးပါတယ်။ Notion notes တွေကို organize လုပ်ပြီး Joplin ထဲထည့်တာ ခဏခဏလုပ်ရတဲ့ အလုပ်မဟုတ်ပေမယ့် တစ်ခါလုပ်ရင်တော့ အချိန်သေချာပေးပြီး စနစ်တကျလုပ်ပါတယ်။ \n
\n\n\n စာအုပ်အလတ်တစ်အုပ်နဲ့ ဘောပင်တစ်ချောင်းကိုလည်း ကျွန်တော်အလုပ်ကိစ္စတွေသွားရလာရရင် ကိုယ်နဲ့မကွာဆောင်ထားဖြစ်တယ်။ Meeting လုပ်တိုင်း laptop မှာတန်းပြီး note မမှတ်ဖြစ်ပေမယ့် စာအုပ်မှာ ချရေးဖို့ကတော့ အလွယ်ဆုံး အမြန်ဆုံးမို့ပါ။ Phone ထဲမှာ Notion app ရှိပေမယ့် ကွန်ပျူတာမှာသုံးရတာလောက်တော့ မမြန်ဆန်လို့ ဖုန်းနဲ့ မှတ်ရမယ်ဆို Google Keep မှာ ယာယီမှတ်ပါတယ်။ တတ်နိုင်သမျှတော့ ဖုန်းနဲ့ note မမှတ်ပဲ ကွန်ပျူတာမှာပဲ တိုက်ရိုက်မှတ်ရင်မှတ် မဟုတ်ရင် စာအုပ်မှာ မှတ်တာပိုများပါတယ်။\n
\n\n\n ကိုယ်တိုင်ကသာ တစ်ခြားသူတွေကို အသံဖိုင်နဲ့ လုပ်ရန် အလုပ်တွေပေးဖြစ်ပေမယ့်၊ ကိုယ့်ဟာကို မှတ်စုကိုတော့ စာနဲ့ပဲ မှတ်ဖြစ်ပါတယ်။ ဖုန်းမှာ အသံဖမ်းလို့ရပေမယ့် ဘယ်တော့မှ မဖမ်းဖြစ်ပါဘူး။ ဖမ်းပြီးလည်း ဘယ်အချိန်မှာမှ ပြန်နားမထောင်ဖြစ်ဘူးဆိုတာ ကိုယ့်ဟာကို သိနေတာမို့ပါ။\n
\n\n ပရိုဂရမ်မာတစ်ယောက်နေ့စဥ်ဘဝအတွက် အထောက်အကူအများကြီးရတဲ့ မှတ်စုမှတ်ဖို့ အကျင့်လေး ရှိအောင် လုပ်ကြည့်ကြပါလို့ တိုက်တွန်းရင်း အဆုံးသတ်ပါတယ်။\n
", "image": "https://yanlinnthor.github.io/media/posts/10/ali-yahya-9zFa3XvxFx4-unsplash.jpg", "author": { "name": "yan" }, "tags": [ "Programming Related", "For A Programmer" ], "date_published": "2020-08-02T13:10:56+06:30", "date_modified": "2020-08-02T18:51:54+06:30" }, { "id": "https://yanlinnthor.github.io/essay-1.html", "url": "https://yanlinnthor.github.io/essay-1.html", "title": "Essay 1", "summary": "Be careful when you cast out your demons that you don’t throw away the best…", "content_html": "\nBe careful when you cast out your demons that you don’t throw away the best of yourself.\n
\n ပြဿနာတစ်ခု (သို့) အများနဲ့ ကြုံတိုင်း ကျွန်တော် လုပ်တတ်တာ ၂ခုရှိတယ်။ ဆောင်းတွင်းမှာ ဝက်ဝံတစ်ကောင် အိပ်နေတတ်သလိုမျိုး ဘာဆိုဘာကိုမှ မလုပ်တော့ မကိုင်တော့ပဲ အိပ်တာရယ် နိုးတာရယ် စားစရာရှိတာစားပြီး ပြန်ခွေနေတာ လုပ်တတ်တယ်။ ဒါမှမဟုတ် လုပ်စရာရှိတာ ဖြေရှင်းစရာရှိတာတွေထဲက တစ်ခုကိုပဲ ဇောက်ချလုပ်နေလိုက်တယ်။ ဘယ်တစ်ခုပဲလုပ်လုပ် သေချာတာတစ်ခုကတော့ ကြုံတွေ့နေတဲ့ ပြဿနာတွေ အပါအဝင် အရာအားလုံးကို ကျွန်တော် လုံးဝလျစ်လျှူရှု ထားဖြစ်တာပဲ။ အလွန်ဆုံး တစ်ယောက်တစ်လေလောက်နဲ့ ဟိုပြောဒီပြောလုပ်တာလောက်ကလွဲရင် ကျွန်တော် လူတွေအကုန်နဲ့ အဆက်အသွယ်ဖြတ်တယ်။ နောက်ဆုံး ဘယ်လို ဘယ်လိုမှ ကြုံတွေ့နေတာတွေကို ရင်မဆိုင်လို့ မရတော့ဘူးဆိုတဲ့ အခြေအနေ မဟုတ်လည်း တော်တော်ဆိုးဆိုးဝါးဝါး အခြေအနေတွေဖြစ်တော့မှ ထပြီး လုပ်ရမှာတွေ ရင်ဆိုင်ရမှာတွေကို ရင်ဆိုင် လုပ်ကိုင်ဖြစ်တယ်။\n
\n\n\n ပတ်ဝန်းကျင် လောကကြီး တစ်ခုလုံးကို လျစ်လျှူရှုထားလိုက်ခြင်းနဲ့ ကြုံနေရတဲ့ ပြဿနာတွေကိုပါ ကိုယ့်မှာ မရှိတော့သလိုမျိုး ယာယီသက်သာမှုတစ်ခုကို စုံမက်တာပါ။ ကိုယ့်ကို ဝါးမျိုတော့မယ့် မိစ္ဆာတွေကို အခန်းထောင့်က ဘီဒိုထဲမှာ သော့ခတ်သိမ်းထားသလိုမျိုးပါပဲ။ ခက်တာက ဆယ်စုနှစ်တစ်စုလောက် ကြာလာတဲ့အခါမှာ ဘီဒိုက မဆံ့တော့တာ ကျွန်တော့်ဟာကျွန်တော် သိလာတယ်။\n
\n\n\n နောက်ထပ် ခပ်ကြီးကြီး ဘီဒိုတစ်လုံးပဲ လုပ်ရမလား ... တစ်ခြားနည်းလမ်းတစ်ခုခုပဲ ပြောင်းရမလား ဆိုတာ ကျွန်တော့်ဟာ ကျွန်တော် မေးနေမိတဲ့ မေးခွန်းတစ်ခုပါ။\n
", "image": "https://yanlinnthor.github.io/media/posts/8/stijn-swinnen-qwe8TLRnG8k-unsplash.jpg", "author": { "name": "yan" }, "tags": [ "Essay" ], "date_published": "2020-05-15T20:51:32+06:30", "date_modified": "2020-05-15T20:51:32+06:30" }, { "id": "https://yanlinnthor.github.io/mm-regions-cities-package.html", "url": "https://yanlinnthor.github.io/mm-regions-cities-package.html", "title": "mm-regions-cities package", "summary": "ဒီတစ်ပတ်က mrlinnth/mm-regions-cities package တစ်ခုပဲ ကောင်းကောင်းလုပ်ဖြစ်တယ်ပြောရမယ်။ တစ်ခြားအလုပ်တွေက ဟိုထိ ဒီထိလောက်ပဲ။ ဘာကြောင့်လုပ်ဖြစ်လည်းလေး ရေးပြချင်လို့ပါ။ အဲဒီ package လုပ်ဖြစ်တော့မှ ကိုယ့်နိုင်ငံရဲ့ ပြည်နယ်နဲ့တိုင်းတွေဖွဲ့စည်းထားတာကိုလည်း…", "content_html": "ဒီတစ်ပတ်က mrlinnth/mm-regions-cities package တစ်ခုပဲ ကောင်းကောင်းလုပ်ဖြစ်တယ်ပြောရမယ်။ တစ်ခြားအလုပ်တွေက ဟိုထိ ဒီထိလောက်ပဲ။ ဘာကြောင့်လုပ်ဖြစ်လည်းလေး ရေးပြချင်လို့ပါ။ အဲဒီ package လုပ်ဖြစ်တော့မှ ကိုယ့်နိုင်ငံရဲ့ ပြည်နယ်နဲ့တိုင်းတွေဖွဲ့စည်းထားတာကိုလည်း ပိုသိသွားတယ်။
\n![\"Myanmar](\"https://yanlinnthor.github.io/media/posts/7/2020-04-Selection_005.png\")
ကျွန်တော် သိထားတာက မြို့ (city/town) က တစ်နေရာရာကနေ ပါမယ်ထင်တာ။ သို့သော်မပါဘူး။ မြို့နယ်ပဲရှိတယ်။ မြို့လို့ပြောလို့မရတဲ့ ကျေးရွာတွေရှိနေတာမို့လို့ မြို့နယ်အဆင့်နဲ့ပဲ ချုပ်ပြီးပြောလိုက်တာ ပိုမှန်တာပေါ့။
\nဒါပေမယ့် ဒီနေရာမှာ ပြဿနာလေးတစ်ခုက ကျွန်တော်တို့ website developer တွေ application programmer တွေအတွက်ပေါ်လာတယ်။ ကျွန်တော်တို့ မြင်ဖူးသုံးဖူးနေတဲ့ သိနေတဲ့ form တွေမှာ လိပ်စာအပိုင်းပါလာရင် ဖြည့်ခိုင်းတာက မြို့ (city) ပဲ။ အဆင့်ပိုမယ်ဆိုရင် တိုင်း/ပြည်နယ် (state) ပဲ။ ဒီဟာတွေဖြည့်တာမှာ ကိုယ့်ဟာနဲ့ကို keyboard က ရေးပြီး ဖြည့်ကြရင်တော့ ပြဿနာမကြီးပေမယ့် ရေးရတဲ့လူတွေလွယ်အောင် ကျွန်တော်တို့က dropdown box တွေနဲ့ လုပ်ပေးကြတာများတယ်။ (ရေးရတဲ့လူတွေကို လွယ်ကူအောင် လုပ်ပေးချင်တဲ့ ရည်ရွယ်ချက်ထက် ရေးချင်ရာတွေ လျှောက်မရေးကြအောင်လို့ dropdown list လုပ်ပေးထားတယ်ဆိုရင်လည်း ပိုမှန်တယ်၊ သို့သော် ဒီကိစ္စကို နောက်မှ ပိုစ့်သီးသန့်ထပ်ပြောပါဦးမယ်)
\nကြုံဖူးကြမှာပါ User Registration Form တို့ Online Shopping Payment Form တို့မှာ ကိုယ်နေထိုင်တဲ့ လိပ်စာအတွက်ဖြည့်မယ်ဆိုရင် Country, State, City, Address ဆိုတာမျိုး field တွေဖြည့်ရတာ။ Country, State နဲ့ City တွေကို dropdown list နဲ့ လုပ်ပေးထားကြတာများတယ်။ ဟိုးအရင်ကတော့ country ရွေးပြီး state ရွေးလည်း တကမ္ဘာလုံးက state တွေပြတယ်။ state ရွေးပြီး city ရွေးရင်လည်း တကမ္ဘာလုံးက city တွေပြတယ်။ ကိုယ့်ဟာကိုဖြည့်တဲ့လူက မှန်အောင်ရွေးဖြည့်ကြတယ်။ ခုနောက်ပိုင်းမှာတော့ ဖြည့်တဲ့လူတွေအတွက် လွယ်အောင် အရင်ဆုံး ကိုယ်နေတဲ့ country ကိုရွေးလိုက်ရင် state ရှိတဲ့ နိုင်ငံဆို တစ်ခါတည်း state dropdown မှာပြတဲ့ list က ဒီ country မှာရှိတဲ့ states တွေပဲ ပြတော့တယ်။ State မရှိတဲ့ Country ဖြစ်ဲ့ရင်လည်း state dropdown က နှိပ်စရာမလိုတာမျိုး ဖြစ်သွားတယ်။ ထိုနည်းတူပဲ state တစ်ခုရွေးလိုက်ပြီးရင်လည်း နောက်ကရွေးရမယ့် city dropdown မှာက ဒီ state ထဲမှာရှိတဲ့ city တွေပဲ ပြပေးတယ်။ သုံးရတဲ့လူတွေအဖို့ အများကြီးတွေထဲကရွေးရတဲ့ ဒုက္ခတို့ စာအများကြီး ရိုက်ရတဲ့ အခက်အခဲတို့ မရှိတော့ဘူးပေါ့။
\nအပေါ်မှာပြောခဲ့တဲ့ ကျွန်တော်တို့ programmer တွေအတွက် ပြဿနာဆိုတာက မြန်မာနိုင်ငံအတွက် address တွေကို အပေါ်ကလို form နဲ့ ဖြည့်ခိုင်းရင် တစ်ခြားနိုင်ငံတွေလိုမျိုး အဆင်မပြေတဲ့ ပြဿနာ။ State > District > Township ဆိုပြီး structure ချထားတာမို့ တစ်ခြားနိုင်ငံတွေကလို State > City ဆိုပြီး လိုက်လုပ်တော့ အဆင်မပြေတော့ဘူး။ သို့သော် ဒါတွေက ကျွန်တော်တို့ code ရေးသူတွေက state တွေ district တွေ township တွေကိုစုစည်းပြီးချိတ်ဆက်ပြီး မှန်အောင် ပြပေးရင် ရတယ်။ ၃ဆင့်ဖြစ်သွားတာက ပြဿနာမဟုတ်ဘူး။ပြဿနာသည်
\nဒီတော့ ကျွန်တော်တို့ လုပ်ရမှာကတော့ တစ်ခြားနိုင်ငံတွေလို state ထဲမှာ city ရှိတယ်ဆိုတာမဟုတ်ပဲ state မှာ district တွေရှိပြီး district မှာ township တွေရှိတာမို့လို့ state နဲ့ city ဖြည့်ခိုင်းမယ့်အစား state နဲ့ township ဖြည့်ခိုင်းရင် ပိုမှန်တယ်။ district တို့ city တို့ ကိုတော့ ထည့်လည်းရ မထည့်လည်းရတယ်။ ထည့်ထားရင်တော့ ကျစ်ကျစ်လစ်လစ် ပိုပြနိုင်မှာပေါ့။ State နဲ့ township ပဲ ဖြည့်ရမယ်ဆိုရင်တော့ ရန်ကုန်တိုင်း (Yangon State/Region) ရွေးလိုက်တာနဲ့ သူ့မှာရှိသမျှ township အကုန်ပြပြီး အဲထဲက ပဲ မှန်တာပြန်ရွေးရမှာပေါ့။ District တို့ City တို့ ရွေးဖို့ ပေးထားရင်တော့ ပြမယ့် township က ရွေးထားတဲ့ district, city တွေနဲ့ သက်ဆိုင်တာလောက်ပဲ ထုတ်ပြတာမျိုး ဖြစ်တော့နည်းမှာပေါ့။ သို့သော်လည်း လူတွေသည် အများကြီး ဖြည့်ရ နှိပ်ရရင်လည်း သိပ်မကြိုက်ကြပြန်ဘူး။ ဒီတော့ ရင်းနှီးပြီးသား state ရွေး၊ ပြီးရင် city ရွေးအစား state ရွေး township ရွေးလောက်ဆိုရင်ကိုပဲ အဆင်ပြေလောက်ပါပြီ။
\nAddress form မှာ ဘာတွေ ဖြည့်ခိုင်းရင် အဆင်ပြေမလဲကတော့ ဟုတ်ပြီ။ ဖြည့်ဖို့ ရွေးရမယ့် ခရိုင် (district) တွေနဲ့ မြို့နယ် (township) တွေ ပဲ ဘယ်ကဘယ်လိုရမလဲ ကျန်တော့တယ်။ Wikipedia မှာတော့ Districts of Myanmar ဆိုပြီး ပြထားတာရှိတယ်။ ဘယ်လောက် မှန်မလဲ ပြည့်စုံမလဲကတော့ ကျွန်တော်မသိ။ သို့သော်လည်း ဘာမှမသိတာ မရှိတာထက်တော့ ရှိတာတစ်ခုခုနဲ့ စလုပ်ရမှာပဲ။ Project တွေလုပ်နေတာမှာ address ဖြည့်ခိုင်းတဲ့ form ပါတဲ့ project က တစ်ခုမကတော့ဘူး။ အဲတာနဲ့ပဲ mm-regions-cities package ကိုလုပ်ဖြစ်တာ။ ရည်ရွယ်ချက်ကတော့ address form တစ်ခုမှာ Country မြန်မာရွေးလိုက်ရင်၊ သက်ဆိုင်ရာ State/Region တွေပြပေးနိုင်ဖို့၊ State/Region တစ်ခုရွေးလိုက်ရင် သက်ဆိုင်ရာ District သို့ City သို့ Township တွေပြပေးနိုင်ဖို့အတွက် အထောက်အပံ့ပေးဖို့ပါ။ (ကျေးရွာ village အထိသွားနိုင်ရင်တော့ အရမ်းကောင်းမှာပေါ့လေ သို့သော်လည်း သတင်းအချက်အလက်က အဲလောက်ထိ ပြည့်ပြည့်စုံစုံရဖို့ဆိုရင်တော့ လွယ်မယ်မထင်လို့ မစဥ်းစားသေးဘူး။)
\nဒီအပတ်ထဲမှာ လုပ်ပြီး release လိုက်တဲ့ version 0.1.0 မှာကတော့ State/Region နဲ့ Cities တွေပဲ ပါသေးတယ်။ State list, city list တွေကို json ထုတ်ပေးတဲ့ REST API အဆင့်ပဲရှိသေးတယ်။ အသင့်တန်းသုံးလို့ရမယ့် dropdown အဆင့်ထိ မလုပ်ပေးရသေးဘူး။ ကိုယ်က vuejs သမားဆိုတော့ အနည်းဆုံး vuejs component လေးတွေလောက်ထိ လုပ်ပေးဖို့တော့ ရည်ရွယ်ထားတယ်။ ရှာဖွေစုစည်းထားတဲ့ အချက်အလက်တွေကိုတော့ လွယ်လွယ်ကူကူယူပြီး သုံးချင်ရင်သုံးလို့ရအောင် Excel (csv) file နဲ့ JSON files တွေထည့်ပေးထားတယ်။ District နဲ့ township တွေ မပါသေးဘူး။ Covid19 isolation လုပ်နေတဲ့ ကာလမှာ အဲတာတွေပါ အပြည့်အစုံပါအောင် လုပ်သွားနိုင်ဖို့တော့ ကြိုးစားသွားပါမယ်။
", "image": "https://yanlinnthor.github.io/media/posts/7/2533.jpg", "author": { "name": "yan" }, "tags": [ "Programming Related" ], "date_published": "2020-04-17T22:15:01+06:30", "date_modified": "2020-04-17T22:15:01+06:30" } ] }